/* Black Midnight across ASY OS. Presentation only; no records or behavior changed. */
:root {
  color-scheme:dark;
  --bg:#050607;--bg-soft:#080b10;--panel:#0b0f15;--panel2:#101620;--panel3:#151e2b;
  --line:#263140;--line2:#364861;--text:#f1f4f9;--muted:#a3aebf;--muted2:#8491a5;
  --brand:#91a9d0;--brand-strong:#607eae;--brand-deep:#142238;--brand-deeper:#0c1420;--brand-text:#c6d5ec;
  --gold:#91a9d0;--gold2:#607eae;--blue:#7f9ac4;--purple:#a0aec9;
  --shadow:0 14px 36px rgba(0,0,0,.22);
}
html {background:#050607}
body[data-asy-page] {
  --scene:url('assets/midnight-ridge.webp');--scene-position:65% 55%;
  color:#f1f4f9;background:#050607!important;
}
body[data-asy-page] .sidebar {background:#07090d!important;border-color:#222c3b!important}
body[data-asy-page] .brand {color:#f1f4f9!important}
body[data-asy-page] :is(.brand-sub,.user-chip span,.system-line,.nav-section) {color:#96a3b8!important}
body[data-asy-page] .nav button:hover {background:#111a28!important;color:#edf3fc!important}
body[data-asy-page] .nav button.active,
body[data-asy-page] .nav-group.has-active>.nav-group-toggle,
body[data-asy-page] .nav .nav-child.active {background:linear-gradient(90deg,#16243b,#0d1522)!important;color:#edf3fc!important;box-shadow:inset 3px 0 #819ac3!important}
body[data-asy-page] .nav :is(button.active,.nav-group-toggle,.nav-child.active) .ico {color:#b5c6e2!important}
body[data-asy-page] :is(.avatar,.date-chip,.version-chip,.icon-btn,.btn,.mobile-menu-button,.mobile-quick-capture,.sidebar-reveal,.sidebar-collapse) {background:#101925!important;border-color:#2c3c52!important;color:#dfe8f7!important;box-shadow:none!important}
body[data-asy-page] :is(.btn.gold,.btn.primary,.page-primary-action) {background:linear-gradient(135deg,#233957,#16263e)!important;border:1px solid #465e80!important;color:#f1f5fc!important}
body[data-asy-page] :is(.btn,.icon-btn):hover {background:#1b2b42!important;border-color:#637da2!important}
body[data-asy-page] :is(.input,.select,.textarea,.nav-search-box) {background:#090e16!important;color:#e8eef8!important;border-color:#2b394e!important}
body[data-asy-page] :is(.input,.select,.textarea):focus {border-color:#8aa5d0!important;box-shadow:0 0 0 3px rgba(145,169,208,.12)!important}
body[data-asy-page] :is(input,textarea)::placeholder {color:#8c9ab0}
body[data-asy-page] :is(.tab,.pill.gold) {background:#101a29!important;border-color:#30415b!important;color:#c7d6ed!important}
body[data-asy-page] .tab.active {background:#1b2d49!important;border-color:#607eae!important;color:#edf4ff!important}
body[data-asy-page] :is(.card,.card.soft,.modal,.mobile-more-sheet,.ask-float-panel) {background:#0b1017!important;border-color:#293649!important}
body[data-asy-page] .card.hero {background:linear-gradient(145deg,#111b2b,#090d14)!important;border-color:#30405a!important}
body[data-asy-page] .card.gold-edge {border-color:#465d7d!important}
body[data-asy-page] :is(.eyebrow,.label,.nav-group-label) {color:#aec2e0!important}
body[data-asy-page] :is(.fill,.progress-fill) {background:linear-gradient(90deg,#526f9e,#9bb4dc)!important}
body[data-asy-page] :is(.ask-fab,.ask-float-head) {background:#15243b!important;color:#e3edfc!important;border-color:#344b6e!important;box-shadow:none!important}
body[data-asy-page] .ask-widget-msg.user {background:#182b47!important;border-color:#314c73!important}
body[data-asy-page]:not(.page-home) .main>.topbar {
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center;gap:22px;
  min-height:180px;margin-inline:0!important;margin-bottom:24px;padding:28px!important;border:1px solid #2b394d!important;border-radius:18px;
  background-image:linear-gradient(90deg,rgba(4,7,12,.8),rgba(4,7,12,.35)),var(--scene)!important;
  background-position:center,var(--scene-position)!important;background-size:cover!important;background-repeat:no-repeat!important;
  box-shadow:none!important;overflow:visible;
}
body[data-asy-page]:not(.page-home) .topbar-copy {min-width:0;max-width:660px}
body[data-asy-page]:not(.page-home) #pageTitle {color:#f2f6fd!important;font-size:clamp(25px,2.6vw,38px);line-height:1.18;letter-spacing:-.025em;overflow-wrap:anywhere;margin-top:8px}
body[data-asy-page]:not(.page-home) #eyebrow {color:#b5c8e5!important;font-size:11px!important;letter-spacing:.14em;line-height:1.6}
body[data-asy-page]:not(.page-home) #pageContext {color:#b7c5da!important;font-size:13px;line-height:1.6;max-width:560px}
body[data-asy-page]:not(.page-home) .top-actions {display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:flex-end;max-width:480px;min-width:0}
body[data-asy-page]:not(.page-home) .top-actions :is(button,.date-chip,.version-chip) {backdrop-filter:none!important;background-color:rgba(9,17,30,.94)!important}
body[data-asy-page] :is(button,a,input,textarea,select):focus-visible {outline:2px solid #a8c0e5;outline-offset:3px}
@media(max-width:1200px) {
  body[data-asy-page]:not(.page-home) .main>.topbar {grid-template-columns:1fr!important;gap:18px!important;padding:24px!important}
  body[data-asy-page]:not(.page-home) .top-actions {justify-content:flex-start!important;max-width:none!important}
}
@media(max-width:1100px) {
  body[data-asy-page]:not(.page-home) .main>.topbar {grid-template-columns:40px minmax(0,1fr)!important;gap:14px!important;align-items:start}
  body[data-asy-page]:not(.page-home) .mobile-menu-button {grid-column:1!important;grid-row:1!important;min-width:40px;min-height:42px}
  body[data-asy-page]:not(.page-home) .topbar-copy {grid-column:2!important;grid-row:1!important}
  body[data-asy-page]:not(.page-home) .top-actions {grid-column:1/-1!important;grid-row:2!important}
}
@media(max-width:600px) {
  body[data-asy-page]:not(.page-home) .main>.topbar {padding:18px 14px!important;margin-bottom:18px;border-radius:15px;min-height:0;column-gap:10px!important;background-position:center,var(--scene-position)!important}
  body[data-asy-page]:not(.page-home) #pageTitle {font-size:25px!important;white-space:normal!important;line-height:1.25}
  body[data-asy-page]:not(.page-home) #eyebrow {font-size:10px!important;letter-spacing:.08em;white-space:normal}
  body[data-asy-page]:not(.page-home) .top-actions {gap:8px!important;width:100%}
  body[data-asy-page]:not(.page-home) .top-actions button {min-height:42px;max-width:100%}
  body[data-asy-page]:not(.page-home) .top-actions .btn {white-space:normal;line-height:1.4}
}
@media(prefers-reduced-motion:reduce) {
  body[data-asy-page] .topbar {transition:none!important;animation:none!important}
}
@media print {
  body[data-asy-page]:not(.page-home) .main>.topbar {background-image:none!important;min-height:0;padding:0!important}
}
/* Mobile chrome: separate title and controls on every page, including Home.
   Explicit placement wins over previous three-column phone header rules. */
@media(max-width:1100px) {
  body[data-asy-page] .app-shell .main>.topbar {
    display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;gap:16px 12px!important;
    height:auto!important;min-height:0!important;margin-inline:0!important;
    width:100%!important;box-sizing:border-box;padding:18px 16px!important;
    align-items:center!important;
  }
  body[data-asy-page] .app-shell .main>.topbar>.mobile-menu-button {
    grid-column:1!important;grid-row:1!important;align-self:center;
    width:44px!important;height:44px!important;min-width:44px!important;
  }
  body[data-asy-page] .app-shell .main>.topbar>.topbar-copy {
    grid-column:2!important;grid-row:1!important;min-width:0!important;
    width:auto!important;overflow:visible!important;
  }
  body[data-asy-page] .app-shell .main>.topbar>.topbar-copy #pageTitle {
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
    line-height:1.3!important;font-size:25px!important;margin:5px 0 0!important;
  }
  body[data-asy-page] .app-shell .main>.topbar>.topbar-copy #eyebrow {
    white-space:normal!important;line-height:1.5!important;font-size:10px!important;
  }
  body[data-asy-page] .app-shell .main>.topbar>.top-actions {
    grid-column:1/-1!important;grid-row:2!important;display:flex!important;
    flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;
    gap:10px!important;width:100%!important;max-width:100%!important;
    min-width:0!important;padding:14px 0 0!important;margin:0!important;
    border-top:1px solid #2a384c;
  }
  body[data-asy-page] .app-shell .main>.topbar .top-actions .icon-btn {
    display:inline-flex!important;align-items:center;justify-content:center;
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
    padding:11px!important;flex:0 0 44px!important;
  }
  body[data-asy-page] .app-shell .main>.topbar .top-actions .version-chip {
    display:inline-flex!important;min-height:32px!important;padding:6px 10px!important;
    font-size:11px!important;align-items:center;flex:0 0 auto!important;
  }
  body[data-asy-page] .app-shell .main>.topbar .top-actions .page-primary-action {
    display:inline-flex!important;align-items:center;justify-content:center;
    flex:1 1 140px!important;max-width:100%!important;min-height:44px!important;
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
    line-height:1.4!important;font-size:13px!important;padding:10px 14px!important;
  }
  body[data-asy-page] .app-shell .main>.topbar .top-actions .page-secondary-action {
    flex:1 1 140px!important;max-width:100%!important;min-height:44px!important;
    white-space:normal!important;line-height:1.4!important;font-size:13px!important;
  }
}
/* More breathing room without removing or reordering content. */
body[data-asy-page] #app :is(.kpi-grid,.report-kpis,.book-kpis,.movies-stats,.duo-kpis,.duo-metric-grid,.duo-info-grid,.ytx-metrics) {gap:14px!important}
body[data-asy-page] #app :is(.modal-actions,.form-actions,.filters,.filter-row,.toolbar-actions) {gap:10px!important;flex-wrap:wrap}
@media(max-width:760px) {
  body[data-asy-page] #app :is(.grid,.home-v152-main-grid,.planning-main-grid,.hb-main-grid,.ib-layout,.mc-layout,.mh-grid,.ytx-main,.novel-workspace,.movies-workspace,.routine-workspace) {gap:16px!important}
  body[data-asy-page] #app :is(.kpi,.duo-metric,.movies-stat,.book-kpi) {padding:16px!important;min-width:0;line-height:1.5}
  body[data-asy-page] #app :is(.input,.select,.textarea) {max-width:100%;box-sizing:border-box}
  body[data-asy-page] #app :is(.section-title,.home-v88-head b) {line-height:1.4}
}

/* Explicit scene coverage for every navigation route. */
/* Leave a clear landscape window below the controls on every inner page. */
body[data-asy-page]:not(.page-home) .main>.topbar {
  background-image:linear-gradient(90deg,rgba(4,7,12,.68),rgba(4,7,12,.14)),var(--scene)!important;
  background-position:center,var(--scene-position)!important;
}
body[data-asy-page]:not(.page-home) .main>.topbar::after {
  content:"";display:block;grid-column:1/-1;min-height:84px;
  pointer-events:none;background:none;border:0;position:static;
}
@media(max-width:1100px) {
  body[data-asy-page]:not(.page-home) .main>.topbar::after {grid-row:3;min-height:72px}
}
body[data-asy-page="dashboard"]{--scene:url("assets/midnight-lake.webp");--scene-position:58% 47%;}
body[data-asy-page="today"]{--scene:url("assets/midnight-ridge.webp");--scene-position:66% 52%;}
body[data-asy-page="myhours"]{--scene:url("assets/midnight-lake.webp");--scene-position:74% 57%;}
body[data-asy-page="tomorrow"]{--scene:url("assets/midnight-valley.webp");--scene-position:82% 62%;}
body[data-asy-page="weekahead"]{--scene:url("assets/midnight-valley.webp");--scene-position:50% 67%;}
body[data-asy-page="timeblocks"]{--scene:url("assets/midnight-valley.webp");--scene-position:58% 72%;}
body[data-asy-page="habits"]{--scene:url("assets/midnight-snowforest.webp");--scene-position:66% 42%;}
body[data-asy-page="health"]{--scene:url("assets/midnight-forest.webp");--scene-position:74% 47%;}
body[data-asy-page="exercise"]{--scene:url("assets/midnight-waterfall.webp");--scene-position:82% 52%;}
body[data-asy-page="lifescore"]{--scene:url("assets/midnight-lake.webp");--scene-position:50% 57%;}
body[data-asy-page="areas"]{--scene:url("assets/midnight-lake.webp");--scene-position:58% 62%;}
body[data-asy-page="digital"]{--scene:url("assets/midnight-coast.webp");--scene-position:66% 67%;}
body[data-asy-page="music"]{--scene:url("assets/midnight-coast.webp");--scene-position:74% 72%;}
body[data-asy-page="people"]{--scene:url("assets/midnight-valley.webp");--scene-position:82% 42%;}
body[data-asy-page="upcoming"]{--scene:url("assets/midnight-lake.webp");--scene-position:50% 47%;}
body[data-asy-page="focus"]{--scene:url("assets/midnight-ridge.webp");--scene-position:58% 52%;}
body[data-asy-page="spending"]{--scene:url("assets/midnight-valley.webp");--scene-position:66% 57%;}
body[data-asy-page="money"]{--scene:url("assets/midnight-ridge.webp");--scene-position:74% 62%;}
body[data-asy-page="calendar"]{--scene:url("assets/midnight-valley.webp");--scene-position:82% 67%;}
body[data-asy-page="history"]{--scene:url("assets/midnight-lake.webp");--scene-position:50% 72%;}
body[data-asy-page="goals"]{--scene:url("assets/midnight-ridge.webp");--scene-position:58% 42%;}
body[data-asy-page="generalgoals"]{--scene:url("assets/midnight-valley.webp");--scene-position:66% 47%;}
body[data-asy-page="cfaplan"]{--scene:url("assets/midnight-snowforest.webp");--scene-position:74% 52%;}
body[data-asy-page="cfa"]{--scene:url("assets/midnight-ridge.webp");--scene-position:82% 57%;}
body[data-asy-page="university"]{--scene:url("assets/midnight-snowforest.webp");--scene-position:50% 62%;}
body[data-asy-page="courses"]{--scene:url("assets/midnight-snowforest.webp");--scene-position:58% 67%;}
body[data-asy-page="gentleman"]{--scene:url("assets/midnight-forest.webp");--scene-position:66% 72%;}
body[data-asy-page="growth"]{--scene:url("assets/midnight-waterfall.webp");--scene-position:74% 42%;}
body[data-asy-page="library"]{--scene:url("assets/midnight-forest.webp");--scene-position:82% 47%;}
body[data-asy-page="reading"]{--scene:url("assets/midnight-forest.webp");--scene-position:50% 52%;}
body[data-asy-page="books"]{--scene:url("assets/midnight-forest.webp");--scene-position:58% 57%;}
body[data-asy-page="movies"]{--scene:url("assets/midnight-coast.webp");--scene-position:66% 62%;}
body[data-asy-page="languages"]{--scene:url("assets/midnight-snowforest.webp");--scene-position:74% 67%;}
body[data-asy-page="piano"]{--scene:url("assets/midnight-woodland.webp");--scene-position:82% 72%;}
body[data-asy-page="chess"]{--scene:url("assets/midnight-woodland.webp");--scene-position:50% 42%;}
body[data-asy-page="audiobooks"]{--scene:url("assets/midnight-woodland.webp");--scene-position:58% 47%;}
body[data-asy-page="podcasts"]{--scene:url("assets/midnight-coast.webp");--scene-position:66% 52%;}
body[data-asy-page="youtube"]{--scene:url("assets/midnight-lake.webp");--scene-position:74% 57%;}
body[data-asy-page="series"]{--scene:url("assets/midnight-coast.webp");--scene-position:82% 62%;}
body[data-asy-page="skills"]{--scene:url("assets/midnight-waterfall.webp");--scene-position:50% 67%;}
body[data-asy-page="novel"]{--scene:url("assets/midnight-woodland.webp");--scene-position:58% 72%;}
body[data-asy-page="projects"]{--scene:url("assets/midnight-waterfall.webp");--scene-position:66% 42%;}
body[data-asy-page="analytics"]{--scene:url("assets/midnight-lake.webp");--scene-position:74% 47%;}
body[data-asy-page="ai"]{--scene:url("assets/midnight-lake.webp");--scene-position:82% 52%;}
body[data-asy-page="askasy"]{--scene:url("assets/midnight-lake.webp");--scene-position:50% 57%;}
body[data-asy-page="whatsapp"]{--scene:url("assets/midnight-coast.webp");--scene-position:58% 62%;}
body[data-asy-page="routines"]{--scene:url("assets/midnight-waterfall.webp");--scene-position:66% 67%;}
body[data-asy-page="weekly"]{--scene:url("assets/midnight-lake.webp");--scene-position:74% 72%;}
body[data-asy-page="ceo"]{--scene:url("assets/midnight-lake.webp");--scene-position:82% 42%;}
body[data-asy-page="inbox"]{--scene:url("assets/midnight-ridge.webp");--scene-position:50% 47%;}
body[data-asy-page="knowledge"]{--scene:url("assets/midnight-snowforest.webp");--scene-position:58% 52%;}
body[data-asy-page="decisions"]{--scene:url("assets/midnight-valley.webp");--scene-position:66% 57%;}
body[data-asy-page="business"]{--scene:url("assets/midnight-valley.webp");--scene-position:74% 62%;}
body[data-asy-page="records"]{--scene:url("assets/midnight-ridge.webp");--scene-position:82% 67%;}
body[data-asy-page="reports"]{--scene:url("assets/midnight-valley.webp");--scene-position:50% 72%;}
body[data-asy-page="achievements"]{--scene:url("assets/midnight-waterfall.webp");--scene-position:58% 42%;}
body[data-asy-page="reviews"]{--scene:url("assets/midnight-valley.webp");--scene-position:66% 47%;}
body[data-asy-page="tools"]{--scene:url("assets/midnight-coast.webp");--scene-position:74% 52%;}
body[data-asy-page="settings"]{--scene:url("assets/midnight-woodland.webp");--scene-position:82% 57%;}
/* V176 — Moonlit welcome; independent of route initialization. */
#launchSplash{
  background-color:#030810;
  background-image:linear-gradient(180deg,rgba(2,6,13,.14),rgba(2,6,13,.18) 45%,rgba(2,6,13,.58)),url("assets/midnight-welcome.webp");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
#launchSplash::before{
  background:radial-gradient(ellipse at center,transparent 25%,rgba(1,4,10,.48) 100%);
  opacity:1;
}
#launchSplash .launch-splash-inner{
  box-sizing:border-box;
  width:min(620px,100%);
  border-color:rgba(173,198,229,.18);
  background:linear-gradient(145deg,rgba(5,13,25,.80),rgba(4,10,19,.70));
  box-shadow:0 28px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(225,237,255,.06);
}
#launchSplash .launch-splash-inner::before{
  background:linear-gradient(90deg,transparent,#9bbcdf,transparent);
  box-shadow:0 0 24px rgba(126,174,229,.24);
}
#launchSplash .launch-brand{
  color:#b5cce8;border-color:rgba(166,195,233,.25);background:rgba(100,147,206,.09);
}
#launchSplash h1{color:#f3f6fc;text-shadow:0 2px 20px rgba(0,0,0,.30)}
#launchSplash p{color:#c1cfe0}
@media(max-width:720px){
  #launchSplash{background-position:50% center}
  #launchSplash .launch-splash-inner{width:min(520px,100%);padding:38px 22px 34px}
}