/* Supplied MONTENCE symbol, with a readable name beside or beneath it. */
/* Final identity tokens override earlier release palettes; status colors remain independent. */
:root { --brand-primary:#06BD25; --brand-accent:#4E808F; --brand-accent-strong:#6f9eaa; --accent-ink:#071214; }
body.app-page { --au-gold:#06BD25; --au-gold-strong:#2ED247; --au-gold-ink:#081008; }
body.app-page[data-theme="light"] { --au-gold:#087A1A; --au-gold-strong:#075F17; --au-gold-ink:#ffffff; }
body.app-page { --brand-primary:#06BD25; --brand-accent:#4E808F; --color-primary:#06BD25; --color-primary-hover:#2ED247; --color-primary-ink:#081008; --color-focus:#8eb9c6; --color-accent-sky:#4E808F; --color-accent-coral:#4E808F; --gold:var(--color-primary); --gold-light:var(--color-primary-hover); }
body.app-page[data-theme="light"] { --color-primary:#087A1A; --color-primary-hover:#075F17; --color-primary-ink:#ffffff; --color-focus:#315a66; --color-accent-sky:#315a66; --color-accent-coral:#315a66; }

/* Black in the supplied mark disappears into the dark chrome. Its white and
   original green pixels remain intact; no image conversion is involved. */
html[data-view-mode="desktop"] .app-page .desktop-brand img[src$="montence-mark.png"],
html[data-view-mode="mobile"] .app-page .peak-topbar-brand img[src$="montence-mark.png"],
.landing-montence .site-header .brand img,
.legal-page .site-header .brand img,
.app-page .au-login-visual img[src$="montence-wordmark.svg"] { filter:none; opacity:1; mix-blend-mode:screen; border:0 !important; box-shadow:none !important; background:transparent; }

/* App navigation, tabs and active states are owned by montence-app.css.
   Carry the landing-page accent through shared chrome, links and selected
   states so teal is visible throughout the product without replacing the
   green primary action color or semantic status colors. */
body.app-page { --brand-accent-strong:#6f9eaa; --accent-ink:#071214; }
body.app-page[data-theme="light"] { --brand-accent-strong:#315a66; --accent-ink:#ffffff; }
.app-page .desktop-sidebar { border-right-color:color-mix(in srgb,var(--brand-accent) 35%,var(--au-line)); }
.app-page .desktop-nav-group-icon,
.app-page .desktop-nav-group-toggle > span:first-child,
.app-page .desktop-nav-link:hover,
.app-page .desktop-nav-link:focus-visible { color:var(--brand-accent-strong); }
.app-page .desktop-nav-group.contains-active > .desktop-nav-group-toggle { color:var(--brand-accent-strong); }
.app-page :is(a,.text-link,.link-button):where(:not(.primary-btn)):hover { color:var(--brand-accent-strong); }
.app-page :is(input,textarea,select):focus { border-color:var(--brand-accent) !important; box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-accent) 24%,transparent) !important; }
.app-page :is(.chip,.tag,.filter-chip,.route-chip,.status-chip) { border-color:color-mix(in srgb,var(--brand-accent) 52%,transparent); }
.app-page :is(.chip.active,.tag.active,.filter-chip.active,.route-chip.active,.status-chip.active) { background:var(--brand-accent); color:var(--accent-ink); }
.app-page :is(.peak-dock-item.active,.peak-topbar-title a,.peak-page-intro .eyebrow) { color:var(--brand-accent-strong); }

/* The brand mark never receives a contrasting frame. */
html[data-view-mode="desktop"] .app-page .desktop-brand { display:flex; flex-direction:column; gap:6px; align-items:center; }
html[data-view-mode="desktop"] .app-page .desktop-brand img[src$="montence-mark.png"] { display:block; width:52px; height:28px; object-fit:contain; border:0; border-radius:3px; box-shadow:none; }
html[data-view-mode="desktop"] .app-page .desktop-brand > div { display:block !important; width:100%; text-align:center; }
html[data-view-mode="desktop"] .app-page .desktop-brand strong { display:block; font-size:10px; letter-spacing:.01em; white-space:nowrap; }
html[data-view-mode="desktop"] .app-page .desktop-brand span { display:none; }
html[data-view-mode="mobile"] .app-page .peak-topbar-brand span { display:inline; font-size:15px; letter-spacing:.08em; font-weight:750; }
html[data-view-mode="mobile"] .app-page .peak-topbar-brand img[src$="montence-mark.png"] { display:block; width:38px; height:22px; object-fit:contain; border:0; border-radius:2px; }
.app-page img[src$="montence-wordmark.svg"] { object-fit:contain; }
.auth-brand img[src$="montence-wordmark.svg"], .auth-logo[src$="montence-wordmark.svg"],
.cc-maintenance img[src$="montence-wordmark.svg"] { width:200px; height:auto; max-width:100%; }
.photobook-cover img[src$="montence-wordmark.svg"] { width:200px; height:auto; }
.app-page .au-login :is(.au-login-brand,.au-login-brand-mobile) img[src$="montence-wordmark.svg"] { display:block; width:210px; height:auto; max-width:100%; object-fit:contain; border:0; border-radius:0; }
.app-page .au-login :is(.au-login-brand,.au-login-brand-mobile) > span { display:none; }
.legal-page .site-header .brand img[src$="montence-mark.png"] { display:block; width:64px; height:36px; object-fit:contain; border-radius:3px; }
.legal-page .site-header .brand > span { display:block; }
.legal-page .site-header .brand small { display:none; }
.app-page .au-login .au-login-kicker { color:#b8d1b2; }
.legal-page { --gold:var(--brand-accent); --gold-light:#6f9eaa; --site-gold:var(--brand-accent); --site-gold-ink:var(--accent-ink); --color-primary:var(--brand-primary); --color-accent-sky:var(--brand-accent); }
.legal-page,
.legal-page :is(h1,h2,h3,p,li,dt,dd,a,button,small,strong,span) { font-family:'Figtree',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important; }
.legal-page .content-page > h1,
.legal-page .legal-card > h2 { letter-spacing:-.035em !important; }
.legal-page .content-page > h1::before { background:var(--brand-accent) !important; }
.legal-page .legal-card::before { background:var(--brand-accent) !important; }
.legal-page ::selection { background:var(--brand-accent) !important; color:var(--accent-ink) !important; }
.app-page ::selection { background:var(--brand-accent) !important; color:var(--accent-ink) !important; }
.landing-montence ::selection { background:var(--home-accent) !important; color:#071214 !important; }

/* The public pages and the app use the landing page's paper, ink and chrome. */
.legal-page {
    --site-canvas:#f3f5f1; --site-rail:#080c09; --site-surface:#fff;
    --site-surface-raised:#e8eeea; --site-text:#17221b; --site-muted:#506056;
    --site-line:#cbd5ce; --site-gold:#06BD25; --site-gold-ink:#081008;
    --au-font-body:'Figtree',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    --au-font-display:var(--au-font-body);
    background:#f3f5f1 !important; color:#17221b !important;
}
.legal-page .site-header {
    width:100% !important; min-height:84px !important; margin:0 !important;
    padding:16px max(32px,calc((100vw - 1240px)/2)) !important;
    border:0 !important; border-bottom:1px solid rgba(255,255,255,.12) !important;
    border-radius:0 !important; background:#080c09 !important; box-shadow:none !important;
}
.legal-page .site-header .brand { display:inline-flex; align-items:center; gap:12px; color:#fff !important; text-decoration:none; }
.legal-page .site-header .brand img { border:0 !important; border-radius:0 !important; }
.legal-page .site-header .brand strong { color:#fff; font-size:22px; font-weight:800; letter-spacing:.06em; }
.legal-page .site-header :is(nav a,#site-nav a) { color:#d5dfd8 !important; font-family:var(--au-font-body) !important; }
.legal-page .site-header :is(nav a,#site-nav a):hover { color:#fff !important; text-decoration-color:#4E808F !important; }
.legal-page .site-header :is(nav a,#site-nav a).nav-login { border:1px solid #06BD25 !important; border-radius:8px !important; background:#06BD25 !important; color:#081008 !important; padding:10px 16px !important; }
.legal-page .site-header :is(nav a,#site-nav a).nav-login:hover { background:#2ED247 !important; color:#081008 !important; }
.legal-page .content-page { margin-top:clamp(3rem,7vw,6rem) !important; }
.legal-page .content-page::before { background:#4E808F !important; }
.legal-page .content-page > h1 { color:#17221b !important; font-weight:700 !important; }
.legal-page .legal-card > h2 { color:#17221b !important; }
.legal-page .legal-card :is(p,li,dd), .legal-page .content-page > p { color:#506056 !important; }
.legal-page .legal-card a, .legal-page .content-page > p > a { color:#315a66 !important; text-decoration-color:#4E808F !important; }
.legal-page footer { color:#506056 !important; border-top-color:#cbd5ce !important; }
.legal-page .footer-links a { color:#315a66 !important; }

/* Keep the authenticated app's dark alpine surfaces. Green is the action
   color; petrol marks navigation, selection and focus. */
body.app-page {
    --green:#06BD25; --green-soft:rgba(6,189,37,.16); --green-deep:#087A1A;
    --primary:#06BD25; --primary-text:#081008;
    --release-lichen:#06BD25; --release-lichen-bright:#2ED247;
    --color-primary:#06BD25; --color-primary-hover:#2ED247; --color-primary-ink:#081008;
    --color-focus:#4E808F; --color-accent-sky:#4E808F; --color-accent-coral:#4E808F;
    --gold:#06BD25; --gold-light:#2ED247;
    font-family:'Figtree',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
.app-page :is(.desktop-sidebar,.topbar,.peak-topbar,.peak-dock) {
    color-scheme:dark;
    --text:#f2f6f1; --muted:#b6c8bc; --text-muted:#b6c8bc;
    --line:rgba(223,238,226,.16); --line-strong:rgba(223,238,226,.28);
    --release-rock:#080c09; --release-rock-raised:#17251f;
    --release-pine:#17251f; --release-slate:#213a30;
    --release-snow:#f2f6f1; --release-mist:#b6c8bc; --release-muted:#91a698;
    --release-rule:rgba(223,238,226,.16); --release-rule-strong:rgba(223,238,226,.28);
    --au-text:#f2f6f1; --au-muted:#b6c8bc; --au-faint:#91a698;
    --au-line:rgba(223,238,226,.16); --au-line-strong:rgba(223,238,226,.28);
    --color-text:#f2f6f1; --color-text-muted:#b6c8bc;
    --brand-accent-strong:#91bfcb;
    background:#080c09; color:#f2f6f1;
}
.app-page .desktop-brand { color:#fff !important; border-bottom-color:rgba(223,238,226,.16) !important; }
.app-page .dashboard-v3-hero { --au-text:#fff; --au-muted:#dce7df; --au-line:rgba(255,255,255,.22); }
.app-page .dashboard-v3-content { background:var(--au-canvas); }
.app-page .dashboard-v3-overline { color:#c2e0e7; }
.app-page .dashboard-v3-content .ao-discover-state { background:#17251f; border-color:#315a66; }
.app-page .dashboard-v3-content .ao-discover-state > span { color:#a9cfda; }
.app-page .dashboard-v3-content .ao-discover-state h2 { color:#f2f6f1 !important; }
.app-page .dashboard-v3-content .ao-discover-state p { color:#cad8cd !important; }
.app-page .dashboard-v3-content .ao-today-head > div > span { color:#91bfcb; }
.app-page .dashboard-v3-content .ao-today-head h2 { color:var(--au-text) !important; }
.app-page .dashboard-v3-content .ao-today-head p { color:var(--au-muted) !important; }
.app-page .dashboard-v3-content .ao-today-head > a { color:#91bfcb; }
.app-page :is(.primary-btn,.peak-btn-primary,button.primary-btn) { background:#06BD25 !important; color:#081008 !important; border-color:#06BD25 !important; filter:none !important; }
.app-page :is(.primary-btn,.peak-btn-primary,button.primary-btn):hover:not(:disabled) { background:#2ED247 !important; border-color:#2ED247 !important; color:#081008 !important; filter:none !important; }
.app-page :is(.primary-btn,.peak-btn-primary,button.primary-btn):active:not(:disabled) { background:#079A1F !important; border-color:#079A1F !important; color:#081008 !important; filter:none !important; }
.app-page :is(a,.text-link,.link-button):where(:not(.primary-btn)):hover { color:#91bfcb; }
.app-page :is(.desktop-sidebar,.topbar,.peak-topbar,.peak-dock) a:hover { color:#b1d5de; }
.app-page :is(.card,.dashboard-framework-panel,.panel,.peak-card) { border-color:var(--au-line); }
.app-page :is(.eyebrow,.section-kicker,.peak-page-intro .eyebrow) { color:#91bfcb; }
.app-page :is(.profile-cover-main h2,.peak-page-intro h1,.peak-profile-hero h1,.tours-hub-command h2) { color:var(--au-text) !important; }
.app-page :is(.profile-cover-main p,.tours-hub-command p) { color:var(--au-muted) !important; }
.app-page .weather-page :is(.weather-fact-strip strong,.weather-hourly-row strong,.weather-day-row strong) { color:var(--color-text) !important; }
.app-page .weather-page :is(.weather-fact-strip span,.weather-hourly-row span,.weather-hourly-row em,.weather-hourly-row small,.weather-day-row span,.weather-day-meta) { color:var(--color-text-muted) !important; }
.app-page .weather-page :is(.weather-radar-control,.weather-radar-timeline) { --color-text:#f2f6f1; --color-text-muted:#b6c8bc; --color-border:rgba(223,238,226,.16); color:#f2f6f1; background:#17251f !important; }
.app-page .weather-page :is(.weather-radar-control,.weather-radar-timeline) :is(strong,small,label) { color:#dce7df; }
.app-page .weather-page .weather-radar-status { color:#315a66 !important; }
.app-page .weather-page input[type="range"] { accent-color:#4E808F; }
.app-page .profile-cover-card::before { background:#4E808F !important; }

/* Mobile keeps its dark native surfaces and uses green instead of gold. */
html[data-view-mode="mobile"] {
    --pk-gold:#06BD25; --pk-gold-hi:#2ED247; --pk-gold-ink:#081008;
}
html[data-view-mode="mobile"] .peak-topbar,
html[data-view-mode="mobile"] .peak-dock { --pk-text:#f2f6f1; --pk-muted:#b6c8bc; --pk-faint:#91a698; --pk-night:#080c09; --pk-base:#080c09; --pk-raise:#17251f; --pk-raise-2:#213a30; --pk-line:rgba(223,238,226,.16); --pk-line-2:rgba(223,238,226,.28); }
html[data-view-mode="mobile"] .peak-dock-item-primary .peak-dock-icon { background:#06BD25 !important; color:#081008 !important; }
html[data-view-mode="mobile"] .peak-dock-item-primary:active .peak-dock-icon { background:#079A1F !important; }

/* Login shares the verified mountain photograph and brand identity. */
.app-page .au-login {
    --au-l-night:#080c09; --au-l-base:#f3f5f1; --au-l-raise:#fff;
    --au-l-raise-2:#e8eeea; --au-l-line:#cbd5ce; --au-l-line-2:#afc2b3;
    --au-l-text:#17221b; --au-l-muted:#506056; --au-l-faint:#6d7b71;
    --au-l-gold:#06BD25; --au-l-gold-hi:#2ED247; --au-l-gold-ink:#081008;
    background:#f3f5f1; color:#17221b;
}
.app-page #auth.auth-screen:has(.au-login) { background:#f3f5f1; }
.app-page .au-login .au-login-media { background:url('../img/montence-alpine-hero.webp') center / cover no-repeat; }
.app-page .au-login .au-login-scrim { background:linear-gradient(90deg,rgba(5,14,10,.74),rgba(5,14,10,.28)),linear-gradient(0deg,rgba(5,14,10,.75),transparent 70%); }
.app-page .au-login :is(.au-login-contours,.au-login-route) { display:none; }
.app-page .au-login .au-login-claim .auth-badge { background:rgba(78,128,143,.28); color:#d5e8ec; }
.app-page .au-login .au-login-tabs,
.app-page .au-login .auth-legal-consents { background:#e8eeea; }
.app-page .au-login .au-field input:focus { border-color:#4E808F; box-shadow:0 0 0 3px rgba(78,128,143,.2); }
.app-page .au-login .au-login-submit { background:#06BD25; color:#081008; box-shadow:none; filter:none; }
.app-page .au-login .au-login-submit:hover:not(:disabled) { background:#2ED247; filter:none; }
.app-page .au-login .au-login-submit:active:not(:disabled) { background:#079A1F; filter:none; }
.app-page .au-login .au-login-forgot:hover,
.app-page .au-login .au-login-links .auth-link:hover { color:#315a66; }

/* One action palette across dashboard, planner and map. Earlier component
   sheets still contain fixed yellow hover colors, so cover every state. */
.app-page :is(.primary-btn,.peak-btn-primary,.au-button-primary,.ao-discover-search > button,.dashboard-v3-search > button,.dashboard-v3-route-brief :is(button,a)) {
    background:#06BD25 !important; border-color:#06BD25 !important;
    color:#081008 !important; box-shadow:none !important; filter:none !important;
}
.app-page :is(.primary-btn,.peak-btn-primary,.au-button-primary,.ao-discover-search > button,.dashboard-v3-search > button,.dashboard-v3-route-brief :is(button,a)):is(:hover,:focus-visible):not(:disabled) {
    background:#2ED247 !important; border-color:#2ED247 !important;
    color:#081008 !important; box-shadow:none !important; filter:none !important;
}
.app-page :is(.primary-btn,.peak-btn-primary,.au-button-primary,.ao-discover-search > button,.dashboard-v3-search > button,.dashboard-v3-route-brief :is(button,a)):active:not(:disabled) {
    background:#079A1F !important; border-color:#079A1F !important; color:#081008 !important;
}
.app-page .ao-discover-state .au-button { background:#06BD25 !important; border-color:#06BD25 !important; color:#081008 !important; }
.app-page .ao-discover-state .au-button:hover { background:#2ED247 !important; color:#081008 !important; }
.app-page .ao-discover-state .au-button:active { background:#079A1F !important; }
.app-page .ao-next-plan > div > span { color:#91bfcb !important; }
.app-page .ao-next-plan .au-button { border-color:#4E808F !important; color:#c2e0e7 !important; }
.app-page .ao-next-plan .au-button:hover { background:rgba(78,128,143,.2) !important; color:#f2f6f1 !important; }
.app-page .map-hub .map-mode-switch .active { background:#06BD25 !important; color:#081008 !important; box-shadow:none !important; }
.app-page .map-hub .map-mode-switch .active:hover { background:#2ED247 !important; }

/* Reserve distinct areas for the map search and result controls. */
html[data-view-mode="desktop"] .app-page .map-hub .map-floating-tools {
    display:flex; flex-wrap:nowrap; width:max-content; max-width:calc(100% - 290px);
    box-sizing:border-box; align-items:center; gap:6px;
}
html[data-view-mode="desktop"] .app-page .map-hub .map-floating-tools > * { flex:0 0 auto; }
html[data-view-mode="desktop"] .app-page .map-hub .map-floating-search {
    flex:1 1 18rem; width:clamp(11rem,24vw,23rem); min-width:0;
    display:flex; align-items:center; gap:10px; box-sizing:border-box;
}
html[data-view-mode="desktop"] .app-page .map-hub .map-floating-search > span { flex:0 0 auto; width:1.1rem; line-height:1; text-align:center; }
html[data-view-mode="desktop"] .app-page .map-hub .map-floating-search input {
    flex:1 1 auto; min-width:0; width:100%; padding:0 !important; font-size:14px !important;
    color:#f2f6f1 !important; text-overflow:ellipsis;
}
html[data-view-mode="desktop"] .app-page .map-hub .map-sheet-head { min-width:0; gap:8px; }
html[data-view-mode="desktop"] .app-page .map-hub .map-sheet-head > div { min-width:0; }
html[data-view-mode="desktop"] .app-page .map-hub .map-results-toggle { flex:0 0 auto; white-space:nowrap; }
html[data-view-mode="desktop"] .app-page .map-hub .map-control-stack { top:100px; }
@media (max-width:1200px) {
    html[data-view-mode="desktop"] .app-page .map-hub .map-floating-tools { max-width:calc(100% - 280px); }
    html[data-view-mode="desktop"] .app-page .map-hub .map-floating-search { width:clamp(9rem,18vw,16rem); }
    html[data-view-mode="desktop"] .app-page .map-hub .map-toolbar-button { padding-inline:.55rem; }
}

/* The sign-in screen is a full-height dark app entry, never a pale panel
   with the authenticated shell showing underneath. */
.app-page .au-login {
    --au-l-night:#080c09; --au-l-base:#0c1411; --au-l-raise:#17251f;
    --au-l-raise-2:#213a30; --au-l-line:rgba(223,238,226,.16);
    --au-l-line-2:rgba(223,238,226,.28); --au-l-text:#f2f6f1;
    --au-l-muted:#b6c8bc; --au-l-faint:#91a698;
    background:#080c09; color:#f2f6f1;
}
.app-page #auth.auth-screen:has(.au-login) { background:#080c09; }
.app-page .au-login .au-login-panel { background:#0c1411; color:#f2f6f1; }
.app-page .au-login .au-login-card { background:transparent; color:#f2f6f1; }
.app-page .au-login :is(.au-login-head h1,.au-login-lead,.au-field label,.au-login-links a) { color:#f2f6f1; }
.app-page .au-login :is(.au-login-lead,.au-login-links a) { color:#b6c8bc; }
.app-page .au-login :is(input,select) { background:#17251f; color:#f2f6f1; border-color:rgba(223,238,226,.28); }
.app-page .au-login :is(input,select)::placeholder { color:#91a698; }
.app-page .au-login :is(.au-login-tabs,.auth-legal-consents) { background:#17251f; }
.app-page #app.hidden { display:none !important; }
@media (max-width:820px) {
    .legal-page .site-header { padding:12px 20px !important; }
    .legal-page .site-header .brand strong { font-size:18px; }
}

/* Dashboard: bring the introduction, next step and tools into one view. */
@media (min-width:980px) {
    .app-page .dashboard-v3 { gap:1rem; }
    .app-page .dashboard-v3-hero,
    .app-page .dashboard-v3-hero-content { min-height:31rem; }
    .app-page .dashboard-v3-hero-content {
        grid-template-columns:minmax(0,1.1fr) minmax(19rem,.9fr);
        grid-template-rows:minmax(0,1fr) auto auto;
        gap:1.15rem clamp(1.5rem,3vw,3rem);
        padding:clamp(1.5rem,2.6vw,2.75rem);
    }
    .app-page .dashboard-v3-copy { align-self:end; max-width:48rem; padding-bottom:.25rem; }
    .app-page .dashboard-v3-copy h1 {
        max-width:19ch; margin:.65rem 0 .85rem;
        font-size:clamp(2.7rem,3.5vw,3.7rem); line-height:1.04;
    }
    .app-page .dashboard-v3-copy p { max-width:37rem; }
    .app-page .dashboard-v3-route-brief { align-self:end; margin-bottom:.15rem; }
    .app-page .dashboard-v3-search { min-height:3.7rem; }
    .app-page .dashboard-v3-totals { max-width:47rem; }
    .app-page .dashboard-v3-actions { gap:.65rem; border:0; }
    .app-page .dashboard-v3-actions a {
        min-height:5rem; padding:.9rem 1.05rem;
        border:1px solid var(--au-line-strong); border-radius:10px;
        background:#14221c;
        transition:background-color 180ms ease,border-color 180ms ease,transform 180ms ease;
    }
    .app-page .dashboard-v3-actions a + a { border-left:1px solid var(--au-line-strong); }
    .app-page .dashboard-v3-actions a:is(:hover,:focus-visible) {
        background:#1d3129; border-color:#4E808F; transform:translateY(-2px);
    }
    .app-page .dashboard-v3-actions a:active { transform:translateY(0); }
    .app-page .dashboard-v3-actions a > span,
    .app-page .dashboard-v3-actions small { color:#91bfcb; }
    .app-page .dashboard-v3-actions i { transition:transform 180ms ease,color 180ms ease; }
    .app-page .dashboard-v3-actions a:is(:hover,:focus-visible) i { color:#a9cfda; transform:translateX(3px); }
    .app-page .dashboard-v3-content { gap:1.75rem; padding-top:.65rem; }
    .app-page .dashboard-v3-content .ao-discover-recommendations:has(.ao-discover-state) { min-height:0; }
    .app-page .dashboard-v3-content .ao-discover-state {
        grid-template-columns:minmax(0,1fr) auto;
        column-gap:2rem; align-content:center; min-height:12rem;
        padding:1.5rem 1.75rem;
    }
    .app-page .dashboard-v3-content .ao-discover-state > :is(span,h2,p) { grid-column:1; }
    .app-page .dashboard-v3-content .ao-discover-state .au-button {
        grid-column:2; grid-row:1 / span 3; align-self:center; margin-top:0;
    }
}
.app-page .dashboard-v3-hero-media {
    filter:saturate(.85) contrast(1.06) brightness(.73);
}
.app-page .dashboard-v3-hero-shade {
    background:linear-gradient(90deg,rgba(5,12,9,.55),rgba(5,12,9,.21) 62%,rgba(5,12,9,.34)),
        linear-gradient(0deg,rgba(5,12,9,.49),transparent 45%);
}
.app-page .dashboard-v3-search:focus-within { border-color:#7faab6; box-shadow:0 0 0 3px rgba(78,128,143,.22); }
.app-page .dashboard-v3-route-brief :is(button,a),
.app-page .dashboard-v3-search > button { transition:background-color 180ms ease,transform 180ms ease; }
.app-page .dashboard-v3-route-brief :is(button,a):active,
.app-page .dashboard-v3-search > button:active { transform:translateY(1px); }
@media (prefers-reduced-motion:no-preference) {
    .app-page .dashboard-v3-hero-media { animation:dashboard-image-arrive 650ms ease-out both; }
    .app-page .dashboard-v3-copy,
    .app-page .dashboard-v3-route-brief,
    .app-page .dashboard-v3-search,
    .app-page .dashboard-v3-totals,
    .app-page .dashboard-v3-actions { animation:dashboard-content-arrive 360ms ease-out both; }
    .app-page .dashboard-v3-route-brief { animation-delay:55ms; }
    .app-page .dashboard-v3-search { animation-delay:90ms; }
    .app-page .dashboard-v3-totals,
    .app-page .dashboard-v3-actions { animation-delay:130ms; }
}
@keyframes dashboard-image-arrive { from { opacity:.65; transform:scale(1.04); } to { opacity:1; transform:scale(1.015); } }
@keyframes dashboard-content-arrive { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:translateY(0); } }

/* Keep navigation anchored while every desktop view scrolls beside it. */
@media (min-width:980px) {
    html[data-view-mode="desktop"] .app-page #desktop-sidebar {
        position:fixed !important;
        inset:0 auto 0 0;
        width:var(--desktop-sidebar-width);
        height:100dvh !important;
        min-height:0 !important;
        box-sizing:border-box;
        overflow:visible;
    }
    html[data-view-mode="desktop"] .app-page .app-shell > .app-workspace {
        grid-column:2;
    }
}