/* Screen surfaces use the same tokens as navigation and account preferences. */
@media screen {
 body.authenticated, .auth-panel, .auth-panel :is(button,input,select,textarea) { font-family:var(--ui-font); }
 body.authenticated .content { background:var(--canvas); }
 body.authenticated .sidebar :is(.brand small,.brand-version,.sidebar-user,.sidebar-footer,.nav-group-title,#vpNavClose) { color:var(--sidebar-text); }
 body.authenticated .sidebar .btn.secondary { background:var(--sidebar-hover); color:var(--sidebar-text); border-color:color-mix(in srgb,var(--sidebar-text) 30%,transparent); }
 body.authenticated .sidebar .btn.secondary:hover { background:color-mix(in srgb,var(--sidebar-text) 14%,transparent); }
 body.authenticated .sidebar :is(button,a,input):focus-visible { outline-color:var(--sidebar-text); }
 body.authenticated .sidebar :is(.brand-version,#vpNavClose) { border-color:color-mix(in srgb,var(--sidebar-text) 25%,transparent); background:var(--sidebar-hover); }
 body.authenticated .sidebar .sidebar-footer { border-color:color-mix(in srgb,var(--sidebar-text) 20%,transparent); }
 body.authenticated .sidebar .nav { scrollbar-color:color-mix(in srgb,var(--sidebar-text) 40%,transparent) transparent; }
 body.authenticated .sidebar .nav::-webkit-scrollbar-thumb { background:color-mix(in srgb,var(--sidebar-text) 40%,transparent); }
 .metric { --navy:var(--module-ink); }
 body.authenticated .content .section :is(.med-hero,.study-hero,.bit-heading,.intake-hero) :is(h1,h2,h3,p,small,strong,.subtitle,.med-user,.bit-account,.intake-kicker) { color:var(--hero-text); }
 body.authenticated .content .stock-card :is(h3,.subtitle,label,.field>label,.help,.stock-label,.legend) { color:var(--hero-text); }
 body.authenticated .bit-module-badge { color:var(--hero-text); border-color:color-mix(in srgb,var(--hero-text) 35%,transparent); background:color-mix(in srgb,var(--hero-text) 8%,transparent); }
 .section .study-symbol { color:var(--hero-text); border-color:color-mix(in srgb,var(--hero-text) 20%,transparent); background:color-mix(in srgb,var(--hero-text) 8%,transparent); }
 .section .intake-code { background:#fff; color:var(--module-ink); border-color:var(--module-border); box-shadow:0 2px 6px #102b4810; }
 #section-intake .intake-hero>svg { color:var(--hero-text); }
 .section .intake-steps span, .section .intake-total, .section .sampling-mode-field, .section .intake-storage>div { background:var(--module-soft); color:var(--module-ink); border-color:var(--module-border); }
 .section .intake-total { border-left-color:var(--module-accent); }
 .section .study-form summary, .section .study-status:not(.error) { color:var(--module-ink); }
 .section .ari-tab[aria-selected=true] { background:var(--module-accent); border-color:var(--module-accent); color:#fff; }
 .section .vp-guided-assistant, .section .flowmaker-loading, .section .flowmaker-launch { background:var(--module-soft); border-color:var(--module-border); color:var(--module-ink); }
 .section .med-step.active, .section .med-tab:not(.active):hover { background:var(--module-soft); color:var(--module-ink); }
 .section .study-factor { background:var(--module-soft); }
 :root[data-ui-theme="blanco"] .vp-module-preview__scene { background-color:#f9fafb; }
 :root[data-ui-theme="blanco"] body.authenticated .section :is(.med-hero,.study-hero,.bit-heading,.intake-hero,.stock-card) { border:1px solid var(--module-border); }
}