/* Shared dashboard surfaces, inspired by the supplied dashboard reference. */
@media screen {
body:is(.admin-page,.athlete-page){--panel-bg:#edf2f6;--panel-surface:rgba(255,255,255,.94);--panel-ink:#142d45;--panel-muted:#526a80;--panel-line:#d7e2eb;--os-line:var(--panel-line);--os-panel:var(--panel-surface);--os-text:var(--panel-ink);--os-muted:var(--panel-muted);background:radial-gradient(ellipse at 85% 0,#c6dce9,transparent 50%),var(--panel-bg);color:var(--panel-ink)}
:is(html[data-admin-theme=dark] body.admin-page,html[data-theme=dark] body.athlete-page){--panel-bg:#06111e;--panel-surface:rgba(15,35,53,.94);--panel-ink:#f1f6fb;--panel-muted:#aac0d2;--panel-line:#294357;background:radial-gradient(ellipse at 85% 0,#173b53,transparent 55%),var(--panel-bg)}
.admin-page .admin-shell,.athlete-page .athlete-app{gap:14px;padding:14px;min-height:100dvh}
.admin-page .admin-sidebar,.athlete-page .athlete-sidebar{top:14px;height:calc(100dvh - 28px);border:1px solid #30485c;border-radius:22px;background:linear-gradient(165deg,#16334b,#091a2a);box-shadow:0 12px 35px #00102019;padding:20px 12px}
.admin-page .admin-sidebar nav,.athlete-page .athlete-sidebar nav{gap:5px;margin-top:26px}
.admin-page .admin-sidebar nav{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#557083 transparent}
.admin-page .admin-sidebar nav :is(button,a){font-size:12px;flex-shrink:0}
.admin-page .admin-sidebar nav button,.athlete-page .athlete-sidebar nav button{border-radius:12px;min-height:43px;color:#d8e5ef;transition:background .18s,transform .18s}
.admin-page .admin-sidebar nav button.active,.athlete-page .athlete-sidebar nav button.active{background:#ffda49;color:#102b43;border-color:#ffda49;box-shadow:0 5px 16px #0002}
.admin-page .admin-sidebar nav button.active span,.athlete-page .athlete-sidebar nav button.active span{color:#102b43}
.admin-page .admin-main,.athlete-page .athlete-main{min-width:0;padding:0 0 32px;background:transparent}
.admin-page .admin-topbar,.athlete-page .athlete-topbar{position:relative;top:auto;min-height:78px;padding:16px 22px;margin:0 0 14px;border:1px solid var(--panel-line);border-radius:20px;background:var(--panel-surface);color:var(--panel-ink);box-shadow:0 7px 25px #07182906}
.admin-page .admin-topbar h1,.athlete-page .athlete-topbar h1{font-size:1.2rem;color:var(--panel-ink)}
.admin-page .admin-view{padding:0}
.admin-page :is(.admin-card,.ops-panel,.athlete-list-panel,.athlete-detail,.chat-list,.chat-thread),.athlete-page :is(.athlete-card,.today-panel,.program-entry,.data-row){background:var(--panel-surface);border:1px solid var(--panel-line);border-radius:18px;box-shadow:0 8px 28px #07182908;color:var(--panel-ink)}
.admin-page .command-lead,.admin-page .studio-heading,.athlete-page .today-head{padding:20px 24px;border:1px solid #35546b;border-radius:20px;background:linear-gradient(115deg,#0b2237,#214860);color:#edf5fb;min-height:unset}
.admin-page :is(.command-lead,.studio-heading) h2,.athlete-page .today-head h2{color:#ffdb60;font-size:1.35rem}
.admin-page .admin-metrics,.athlete-page .athlete-kpis{gap:12px;margin:14px 0}
.admin-page .admin-metrics article,.athlete-page .athlete-kpis article{min-height:120px;padding:18px 20px;border:1px solid var(--panel-line);border-inline-start:3px solid #d5ad38;border-radius:16px;background:var(--panel-surface);color:var(--panel-ink);box-shadow:0 8px 24px #10283f06}
.admin-page .admin-metrics article strong,.athlete-page .athlete-kpis article strong{color:var(--panel-ink);font-size:1.7rem;margin:10px 0 4px}
.admin-page .admin-metrics article :is(small,span),.athlete-page .athlete-kpis article :is(small,span){color:var(--panel-muted)}
.admin-page :is(.overview-workspace,.admin-content),.athlete-page :is(.today-layout,.athlete-grid){gap:14px}
.admin-page .studio-tabs{padding:5px;border:1px solid var(--panel-line);border-radius:14px;background:var(--panel-surface);margin:14px 0}
.admin-page .studio-tabs button{color:var(--panel-muted);border-radius:10px;min-height:40px}.admin-page .studio-tabs button.active{background:#173b53;color:white}
.admin-page .program-form{gap:12px}.admin-page .admin-card{padding:16px}.admin-page .program-meta-grid{gap:10px}
.admin-page [data-admin-view=builder] :is(input,select,textarea){font-size:13px}.admin-page [data-admin-view=builder] .card-title h2{font-size:18px}
.admin-page .dashboard-focus-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:14px;margin-top:14px}
.admin-page .dashboard-focus-card{min-width:0;padding:20px;border:1px solid var(--panel-line);border-radius:18px;background:var(--panel-surface);box-shadow:0 8px 28px #07182908}
.admin-page .dashboard-focus-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}
.admin-page .dashboard-focus-card h3{margin:5px 0;color:var(--panel-ink)!important;font-size:17px}.admin-page .dashboard-focus-card small{font-size:11px;color:var(--panel-muted)!important}
.admin-page .dashboard-focus-card>header>button{border:1px solid var(--panel-line);border-radius:9px;padding:7px 10px;background:var(--panel-bg);color:var(--panel-ink)!important;font-size:11px;cursor:pointer}
.admin-page .dashboard-live-dot{font-size:11px;color:var(--panel-muted)}.admin-page .dashboard-live-dot:before{content:"";display:inline-block;width:6px;height:6px;margin-inline-end:5px;border-radius:50%;background:#15916c}
.admin-page .dashboard-task,.admin-page .dashboard-recent-program{display:flex;align-items:center;gap:12px;width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--panel-line);border-radius:0;background:transparent!important;color:var(--panel-ink)!important;cursor:pointer;text-align:start}
.admin-page .dashboard-task:last-child,.admin-page .dashboard-recent-program:last-child{border-bottom:0}.admin-page .dashboard-task:hover,.admin-page .dashboard-recent-program:hover{background:var(--panel-bg)!important;border-radius:10px}
.admin-page .dashboard-task>span,.admin-page .dashboard-recent-program>span:nth-child(2){flex:1;min-width:0;display:grid;gap:5px}
.admin-page .dashboard-task b,.admin-page .dashboard-recent-program b{color:var(--panel-ink)!important;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-page .dashboard-task strong{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#d8b33718;color:var(--panel-ink)!important;font-size:17px}
.admin-page .dashboard-task i{color:var(--panel-muted);font-style:normal}.admin-page .dashboard-avatar{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#173b53;color:#ffdb60;font-size:16px}
.admin-page .dashboard-recent-program em{padding:4px 7px;border-radius:6px;background:#d5a82918;color:var(--panel-ink);font-size:10px;font-style:normal;white-space:nowrap}.admin-page .dashboard-recent-program em.published{background:#25987519}
.admin-page .dashboard-empty{margin:12px 0;color:var(--panel-muted)!important;font-size:13px;line-height:1.9}
.admin-page .dashboard-calendar{grid-column:1/-1}.admin-page [data-dashboard-calendar]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.admin-page .dashboard-appointment{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--panel-line);border-radius:12px;background:var(--panel-bg)}
.admin-page .dashboard-calendar-date{padding-inline-end:12px;border-inline-end:1px solid var(--panel-line);font-size:11px;color:var(--panel-muted)}.admin-page .dashboard-calendar-date b{display:block;margin-top:4px;color:var(--panel-ink);font-size:16px;direction:ltr}
.admin-page .dashboard-appointment>div{display:grid;gap:5px}.admin-page .dashboard-appointment>div>b{font-size:13px;color:var(--panel-ink)}
.admin-page .clinician-nutrition-summary{margin:0 0 18px;border:1px solid var(--panel-line);border-radius:14px;padding:14px;background:var(--panel-surface);color:var(--panel-ink);font-size:13px}.clinician-nutrition-summary summary{cursor:pointer;font-weight:800}.clinician-nutrition-summary p{color:var(--panel-muted);font-size:12px}.clinician-macro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.clinician-macro-grid article{display:grid;gap:6px;border:1px solid var(--panel-line);border-radius:10px;padding:12px}.clinician-macro-grid article b{font-size:16px}.clinician-macro-grid article span{font-size:11px;color:var(--panel-muted)}.clinician-nutrition-summary table{width:100%;border-collapse:collapse;text-align:start}.clinician-nutrition-summary :is(td,th){border-bottom:1px solid var(--panel-line);padding:9px;text-align:start}
.athlete-page :is(.athlete-card,.today-panel) h3,.athlete-page :is(.athlete-card,.today-panel) h2{color:var(--panel-ink)}
.athlete-page :is(.today-hint,.today-empty,.today-loading,.today-panel label,.today-exercise-head small){color:var(--panel-muted)}
.athlete-page .today-exercise,.athlete-page .program-day,.athlete-page .program-meta div{background:var(--panel-bg);border-color:var(--panel-line);border-radius:12px}
.athlete-page .today-exercise-head b,.athlete-page .program-summary h3{color:var(--panel-ink)}
.athlete-page .program-meal-card{font-size:.85rem;line-height:1.9;padding:16px}.athlete-page .program-meal-card :is(p,span){font-size:.78rem}
html[data-theme=light] .athlete-page .today-panel :is(input,textarea){background:white;color:#142d45;border-color:#bdcddd}
html[data-theme=light] .athlete-page :is(.program-supplements,.program-recovery,.today-meals){color:#142d45;background:#f4f7fa;border-color:#d7e2eb}
html[data-theme=light] .athlete-page :is(.today-meals b,.today-meals span,.program-day,.program-day ul,.program-entry summary,.program-summary>p){color:#29445b}
html[data-admin-theme=dark] .admin-page .athlete-program-history{background:#10283d;color:#edf5fb}
body:is(.admin-page,.athlete-page) :is(button,a,input,select,textarea):focus-visible{outline:3px solid #d5a719;outline-offset:3px}
@media(min-width:1100px){.admin-page .admin-shell,.athlete-page .athlete-app{grid-template-columns:210px minmax(0,1fr)}.admin-page .admin-shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.admin-page .sidebar-collapsed .admin-sidebar nav :is(button,a){font-size:0}}
@media(max-width:720px){.admin-page .admin-shell,.athlete-page .athlete-app{padding:8px;gap:8px}.admin-page .admin-topbar,.athlete-page .athlete-topbar{padding:12px;border-radius:15px}.athlete-page .athlete-sidebar{top:0;height:100dvh;border-radius:20px 0 0 20px}.admin-page .admin-metrics,.athlete-page .athlete-kpis{gap:8px}.admin-page .admin-metrics article,.athlete-page .athlete-kpis article{padding:13px;min-height:108px}.admin-page .studio-heading,.athlete-page .today-head{padding:16px}.admin-page .admin-card{padding:12px}}
html body:is(.admin-page,.athlete-page){background:radial-gradient(ellipse at 85% 0,#c6dce9,transparent 50%),var(--panel-bg)!important}
html[data-admin-theme=dark] body.admin-page,html[data-theme=dark] body.athlete-page{background:radial-gradient(ellipse at 85% 0,#173b53,transparent 55%),#06111e!important}
html .admin-page .admin-sidebar nav button.active,html .athlete-page .athlete-sidebar nav button.active{color:#102b43!important;-webkit-text-fill-color:#102b43!important}
html[data-theme=light] .athlete-page :is(.athlete-topbar h1,.athlete-card h2,.program-empty b,.account-path li.done,.program-entry h3){color:#142d45!important;-webkit-text-fill-color:#142d45!important}
html[data-theme=light] .athlete-page :is(.athlete-kpis small,.athlete-kpis span,.program-empty span,.account-path li){color:#526a80!important}
html[data-admin-theme=dark] .admin-page .readiness-quick>p{background:#163d38!important;color:#c9f7e2!important}
@media(max-width:900px){.admin-page .dashboard-focus-grid{grid-template-columns:1fr}.admin-page [data-dashboard-calendar]{grid-template-columns:1fr}.admin-page .dashboard-calendar{grid-column:auto}}
@media(max-width:760px){.admin-page .admin-shell,.admin-page .admin-shell.sidebar-collapsed{display:block;padding:8px}.admin-page .admin-sidebar{position:sticky;top:0;z-index:40;height:auto;width:100%;padding:7px;border-radius:15px}.admin-page .admin-sidebar nav{display:flex;flex-direction:row;margin:0;gap:5px;overflow-x:auto;overflow-y:hidden;max-height:none}.admin-page .admin-sidebar nav :is(button,a){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;flex:0 0 68px;min-height:54px;padding:7px 3px;font-size:11px;white-space:nowrap}.admin-page .admin-sidebar :is(.admin-brand,.admin-user,.admin-sidebar-collapse){display:none}.admin-page .admin-main{margin-top:10px}.admin-page .admin-topbar{flex-wrap:wrap;gap:9px}.admin-page .admin-top-actions{flex-wrap:wrap}}
@media(max-width:720px){.admin-page .dashboard-focus-card{padding:15px}.admin-page .clinician-nutrition-summary{overflow:auto}.clinician-macro-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:no-preference){.admin-page .admin-view:not([hidden]),.athlete-page [data-athlete-view]:not([hidden]){animation:panel-enter .22s ease-out}@keyframes panel-enter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}}
}
@media print{.clinician-nutrition-summary{display:none!important}}