/* MindCoda Aurora: shared reference palette, existing app behavior. */
.app-shell { --mc-ink:#142040; --mc-ink-secondary:#53607b; --mc-teal:#4658da; --mc-blue:#365ce9; --mc-surface:#ffffff; --mc-pearl:#f4f5ff; --mc-mint:#e4e7ff; --mc-line:rgba(86,102,164,.19); --mc-line-strong:rgba(98,104,220,.4); --mc-on-accent:#fff; --aurora-card:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,246,255,.92)); --aurora-glow:rgba(12, 100, 222,.12); background:radial-gradient(ellipse at 90% 0%,rgba(13, 103, 229,.12),transparent 40%),#f4f6ff; color:var(--mc-ink); grid-template-columns:210px minmax(0,1fr); }
.theme-dark .app-shell { --mc-ink:#f4f5ff; --mc-ink-secondary:#b7c2e1; --mc-teal:#91a4ff; --mc-blue:#8eacff; --mc-surface:#0d1830; --mc-pearl:#080f23; --mc-mint:#253263; --mc-line:rgba(140,156,220,.22); --mc-line-strong:rgba(131,123,255,.55); --aurora-card:linear-gradient(145deg,rgba(19,31,58,.94),rgba(7,16,36,.96)); --aurora-glow:rgba(0, 95, 227,.23); background:radial-gradient(ellipse at 95% -8%,#0e2546 0%,transparent 40%),radial-gradient(ellipse at 0% 95%,#0e213c 0%,transparent 36%),#060e20; }
.app-shell .app-sidebar { background:color-mix(in srgb,var(--mc-surface) 80%,transparent); border-color:var(--mc-line); padding:28px 14px; gap:34px; }
.app-shell .brand {letter-spacing:-.04em;font-size:1.2rem;}
.app-shell .brand-icon {width:34px;height:34px;box-shadow:none;}
.app-shell .mc-nav__item {border-radius:10px;min-height:48px;font-weight:560;color:var(--mc-ink-secondary);}
.app-shell .mc-nav__item.is-active {background:linear-gradient(110deg,rgba(50,111,247,.33),rgba(25, 98, 200,.33));border-color:rgba(47, 134, 255,.55);color:var(--mc-ink);box-shadow:inset 0 0 20px rgba(14, 101, 224,.12);}
.app-shell .app-main {padding:30px clamp(20px,3vw,44px) 48px;max-width:1580px;width:100%;margin-inline:auto;}
.app-shell .page-header h1 {font-family:var(--mc-font);font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.055em;line-height:1.15;}
.app-shell .page-header {margin-bottom:22px;}
.app-shell .page-kicker {color:var(--mc-ink-secondary);font-size:.72rem;letter-spacing:.14em;}
.app-shell .today-header__copy {font-size:.95rem;line-height:1.6;color:var(--mc-ink-secondary);}
.app-shell .mc-card,.app-shell .today-quick-actions {background:var(--aurora-card);border:1px solid var(--mc-line);border-radius:16px;box-shadow:0 8px 30px rgba(0,0,30,.06);padding:22px;}
.app-shell .mc-card h2 {font-size:1.05rem;letter-spacing:-.025em;}
.app-shell .mc-button--primary {background:linear-gradient(115deg,#3268f6,#1964cc);color:white;border:1px solid rgba(160,168,255,.4);box-shadow:0 5px 18px rgba(83,63,213,.2);}
.app-shell .mc-button--secondary,.app-shell .mc-button--quiet {background:color-mix(in srgb,var(--mc-surface) 85%,#586bd0 15%);border-color:var(--mc-line);color:var(--mc-ink);}
.app-shell .today-layout {gap:22px;grid-template-columns:minmax(0,1fr) 280px;}
.app-shell .today-main,.app-shell .today-rail {gap:20px;}
.app-shell .today-next {background:radial-gradient(ellipse at 100% 100%,var(--aurora-glow),transparent 70%),var(--aurora-card);border-color:var(--mc-line-strong);}
.app-shell .today-next h2 {font-size:1.65rem;letter-spacing:-.04em;}
.app-shell .today-next__body {gap:20px;}
.app-shell .today-progress__metrics strong {color:var(--mc-ink);font-size:1.6rem;}
.app-shell .today-ai-insight {background:radial-gradient(ellipse at 100% 100%,var(--aurora-glow),transparent 80%),var(--aurora-card);}
.aurora-actions {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;}
.aurora-action {display:flex;align-items:center;gap:15px;text-align:left;min-height:100px;padding:18px;border:1px solid var(--mc-line-strong);border-radius:15px;color:var(--mc-ink);background:linear-gradient(120deg,var(--aurora-glow),transparent),var(--aurora-card);cursor:pointer;transition:transform .18s,border-color .18s;}
.aurora-action:hover {transform:translateY(-2px);border-color:#9386ff;}
.aurora-action>svg {width:18px;height:18px;margin-left:auto;flex-shrink:0;}
.aurora-action span:not(.aurora-action-icon) {display:grid;gap:7px;}
.aurora-action strong {font-size:1rem;letter-spacing:-.02em;}
.aurora-action small {font-size:.76rem;color:var(--mc-ink-secondary);line-height:1.5;}
.aurora-action-icon {display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:12px;background:linear-gradient(140deg,#526fff,#1572f3);box-shadow:inset 0 1px 2px #ffffff66,0 0 24px #1463d333;color:white;}
.aurora-action-icon svg {width:27px;height:27px;}
.aurora-action:nth-child(2) .aurora-action-icon {background:linear-gradient(140deg,#00b4d9,#4162ee);}
.aurora-action:nth-child(3) .aurora-action-icon {background:linear-gradient(140deg,#2a78e3,#1c4c8f);}
.app-shell .mc-hero {background:linear-gradient(115deg,#17356d,#1a3151);border:1px solid #9a91ff44;border-radius:18px;}
.app-shell :is(input,textarea,select) {color:var(--mc-ink);background:var(--mc-surface);border-color:var(--mc-line-strong);}
.app-shell :is(button,a,input,textarea,select):focus-visible {outline:3px solid #589eff;outline-offset:4px;}
.aurora-preview-bar {position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 24px;background:#182344;color:#fff;font:500 12px/1.5 -apple-system,sans-serif;}
.aurora-preview-bar nav {display:flex;gap:6px;}
.aurora-preview-bar button {border:1px solid #8f9bd8;border-radius:7px;padding:7px 12px;background:transparent;color:white;cursor:pointer;}
.aurora-preview-bar button[aria-pressed=true] {background:#286bc8;}
.aurora-demo-row {display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--mc-line);}
.aurora-demo-row:last-child {border:0;}
.aurora-demo-row div {flex:1;display:grid;gap:6px;}
.aurora-demo-row small {color:var(--mc-ink-secondary);font-size:.78rem;}
.aurora-demo-row b {font-size:.87rem;}
.aurora-demo-icon {display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#a8387640;color:#f695ca;}
.aurora-week {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;min-height:230px;padding-top:14px;}
.aurora-week>div {background:color-mix(in srgb,var(--mc-surface) 90%,#6073c9);border:1px solid var(--mc-line);border-radius:9px;padding:12px 7px;display:flex;flex-direction:column;gap:12px;font-size:.72rem;}
.aurora-week strong {text-align:center;font-weight:500;color:var(--mc-ink-secondary);}
.aurora-week span {padding:12px 7px;background:linear-gradient(140deg,#446bfa,#5642dd);color:white;border-radius:6px;line-height:1.7;}
.aurora-week div:nth-child(2) span {margin-top:45px;background:linear-gradient(140deg,#12b8ba,#147d9b);}
.aurora-week div:nth-child(3) span {margin-top:90px;background:linear-gradient(140deg,#2573df,#1c5db7);}
.aurora-week div:nth-child(4) span {margin-top:60px;background:linear-gradient(140deg,#ec508c,#b93f85);}
.aurora-week div:nth-child(5) span {margin-top:20px;background:linear-gradient(140deg,#f4a047,#a75c2f);}
@media(min-width:1200px){.app-shell .today-main {display:grid;grid-template-columns: minmax(250px,.9fr) minmax(330px,1.2fr);align-items:start;}.app-shell .today-next {grid-column:1/-1;}.app-shell .today-plan {grid-column:2;grid-row:2;}.app-shell .today-priorities {grid-column:1;grid-row:2;}.app-shell .course-home-section {grid-column:1/-1;}}
@media(max-width:1050px){.app-shell {grid-template-columns:175px minmax(0,1fr);}.app-shell .today-layout {grid-template-columns:1fr;}.app-shell .today-rail {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}.aurora-actions{gap:10px;}.aurora-action {padding:14px;gap:10px;}.aurora-action-icon {width:38px;height:38px;}.aurora-action small {display:none;}}
@media(max-width:760px){.app-shell {display:block;}.app-shell .app-sidebar {display:none;}.app-shell .app-main {padding:26px 18px 100px;}.app-shell .today-rail {display:grid;grid-template-columns:1fr;}.aurora-actions {grid-template-columns:1fr;gap:10px;margin-bottom:20px;}.aurora-action {min-height:76px;}.aurora-action small {display:block;}.aurora-action-icon {width:42px;height:42px;}.app-shell .today-next__body {flex-direction:column;align-items:stretch;}.app-shell .mc-nav--mobile {background:color-mix(in srgb,var(--mc-surface) 96%,transparent);border-top:1px solid var(--mc-line);}.app-shell .mc-nav--mobile .mc-nav__item.is-active {background:transparent;color:var(--mc-blue);box-shadow:none;border-color:transparent;}.aurora-preview-bar {font-size:10px;padding:8px 12px;}.aurora-preview-bar button {padding:7px 8px;}.aurora-week {gap:3px;}.aurora-week>div {padding:10px 3px;}.aurora-week span {padding:9px 4px;font-size:.62rem;}}
@media(prefers-reduced-motion:reduce){.aurora-action {transition:none;}.aurora-action:hover {transform:none;}}
/* Keep the live next-step card readable in both appearances. */
.app-shell .today-next {min-height:0;padding:18px 22px;}
.app-shell .today-next :is(h2,p,.card-label,.today-next__link) {color:var(--mc-ink);}
.app-shell .today-next .today-next__context,.app-shell .today-next [data-next-copy] {color:var(--mc-ink-secondary);}
.app-shell .today-next__body {padding-block:8px;min-height:0;}
.app-shell .today-next__link {margin-top:6px;}
.app-shell .today-next__context {margin-bottom:6px;}
.app-shell .today-next h2 {margin:0 0 8px;}
.app-shell .today-next p {margin-top:0;}
.app-shell .today-header {padding-bottom:12px;margin-bottom:12px;}
.app-shell .aurora-actions {margin-bottom:12px;}