/* AMM v2.7.1 · Experience continuity layer
   Keeps context, recent work and navigation clear without adding database state. */
:root{
  --amm-c-surface:rgba(6,17,25,.88);
  --amm-c-line:rgba(150,210,245,.17);
  --amm-c-muted:#93a8b7;
  --amm-c-accent:#8fd9ff;
}
.amm-c-context{
  position:sticky;top:72px;z-index:58;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  width:min(1180px,calc(100% - 32px));margin:8px auto 0;padding:8px 10px;
  border:1px solid var(--amm-c-line);border-radius:14px;background:var(--amm-c-surface);
  backdrop-filter:blur(18px);box-shadow:0 12px 30px rgba(0,0,0,.18)
}
.amm-c-context[hidden]{display:none!important}
.amm-c-context-main,.amm-c-context-actions{display:flex;align-items:center;gap:8px;min-width:0}
.amm-c-context button,.amm-c-context a{
  border:0;background:transparent;color:inherit;text-decoration:none;font:inherit;cursor:pointer
}
.amm-c-context-back{color:var(--amm-c-muted)!important;padding:6px 8px;border-radius:9px!important}
.amm-c-context-back:hover,.amm-c-context-back:focus-visible{background:rgba(255,255,255,.05);color:#fff!important;outline:none}
.amm-c-context-title{font-size:.78rem;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amm-c-context-sub{font-size:.65rem;color:var(--amm-c-muted);white-space:nowrap}
.amm-c-context-action{
  border:1px solid var(--amm-c-line)!important;background:rgba(255,255,255,.035)!important;
  border-radius:999px!important;padding:6px 9px!important;font-size:.68rem!important;color:#eaf7ff!important
}
.amm-c-context-action:hover,.amm-c-context-action:focus-visible{border-color:rgba(143,217,255,.42)!important;outline:none}

/* Continue card: one compact memory, never another dashboard. */
.amm-c-continue{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;
  border:1px solid var(--amm-c-line);background:linear-gradient(135deg,rgba(38,95,126,.16),rgba(7,19,27,.62));
  border-radius:16px;padding:10px 12px;margin-top:12px;max-width:720px
}
.amm-c-continue-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(143,217,255,.10);color:var(--amm-c-accent)}
.amm-c-continue-copy{min-width:0}.amm-c-continue-copy small{display:block;color:var(--amm-c-muted);font-size:.62rem;font-weight:850;letter-spacing:.07em}.amm-c-continue-copy b{display:block;margin-top:2px;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amm-c-continue-copy span{display:block;color:var(--amm-c-muted);font-size:.68rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amm-c-continue button,.amm-c-continue a{border:1px solid var(--amm-c-line);background:rgba(255,255,255,.04);color:#fff;border-radius:999px;padding:7px 10px;font:inherit;font-size:.68rem;text-decoration:none;cursor:pointer;white-space:nowrap}

/* Recently heard music: intentionally tiny. */
.amm-c-recent{border:1px solid var(--amm-c-line);border-radius:16px;background:rgba(8,21,30,.52);padding:11px 12px;margin:10px 0 14px}
.amm-c-recent-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.amm-c-recent-head b{font-size:.75rem}.amm-c-recent-head small{color:var(--amm-c-muted);font-size:.64rem}
.amm-c-recent-list{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.amm-c-recent-list::-webkit-scrollbar{display:none}
.amm-c-recent-track{flex:0 0 min(220px,70vw);border:1px solid var(--amm-c-line);background:rgba(255,255,255,.035);color:inherit;border-radius:12px;padding:8px 10px;text-align:left;cursor:pointer}.amm-c-recent-track b{display:block;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amm-c-recent-track span{display:block;color:var(--amm-c-muted);font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}

/* Palette suggestions follow the current context. */
.amm-c-prompt-row{display:flex;gap:6px;overflow:auto;padding:0 14px 10px;scrollbar-width:none}.amm-c-prompt-row::-webkit-scrollbar{display:none}.amm-c-prompt{flex:0 0 auto;border:1px solid var(--amm-c-line);background:rgba(255,255,255,.035);color:#dcecf6;border-radius:999px;padding:6px 9px;font:inherit;font-size:.66rem;cursor:pointer}.amm-c-prompt:hover,.amm-c-prompt:focus-visible{border-color:rgba(143,217,255,.42);color:#fff;outline:none}

/* Admin continuation and recent-tool cards. */
.amm-c-admin-continue{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--amm-c-line);background:rgba(13,32,44,.58);border-radius:14px;padding:9px 11px;margin:0 0 11px}.amm-c-admin-continue>div{min-width:0}.amm-c-admin-continue small{display:block;color:var(--amm-c-muted);font-size:.62rem;font-weight:850;letter-spacing:.06em}.amm-c-admin-continue b{display:block;font-size:.78rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amm-c-admin-continue button{border:1px solid var(--amm-c-line);background:rgba(255,255,255,.04);color:#fff;border-radius:999px;padding:7px 10px;font:inherit;font-size:.67rem;cursor:pointer;white-space:nowrap}
.amm-c-admin-hints{display:flex;gap:6px;align-items:center;overflow:auto;scrollbar-width:none;padding:0 0 8px}.amm-c-admin-hints::-webkit-scrollbar{display:none}.amm-c-admin-hints button{flex:0 0 auto;border:1px solid var(--amm-c-line);background:rgba(255,255,255,.025);color:var(--amm-c-muted);border-radius:999px;padding:5px 8px;font:inherit;font-size:.63rem;cursor:pointer}.amm-c-admin-hints button:hover{color:#fff;border-color:rgba(143,217,255,.36)}

/* Soft continuity transitions, intentionally short. */
.page-view-mode main>.section:not([hidden]),.amm-router-ready .amm-screen-active{animation:amm-c-enter .20s ease both}
@keyframes amm-c-enter{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:none}}

@media(max-width:900px){
  .amm-c-context{top:62px;width:calc(100% - 20px);margin-top:6px;border-radius:12px;padding:7px 8px}
  .amm-c-context-sub{display:none}.amm-c-context-actions .amm-c-context-action:nth-child(n+2){display:none}
  .amm-c-continue{grid-template-columns:auto 1fr}.amm-c-continue>button,.amm-c-continue>a{grid-column:1/-1;width:100%;text-align:center}
}
@media(max-width:540px){.amm-c-context-title{max-width:45vw}.amm-c-context-action{padding:6px 8px!important}.amm-c-continue-copy span{white-space:normal}}
@media(prefers-reduced-motion:reduce){.page-view-mode main>.section:not([hidden]),.amm-router-ready .amm-screen-active{animation:none}}
