/* 4YB platform identity. Program colors remain scoped to athlete/program content. */
:root{--fouryb-navy:#031a2d;--fouryb-teal:#00c9c5;--fouryb-silver:#c2ccd6;--navy:#031a2d;--lime:#00c9c5}
.fouryb-shield{display:block;width:108px;height:72px;object-fit:contain;flex:0 0 auto}
body>header,body>.site-nav{background:linear-gradient(110deg,#031a2d,#07394b);color:#fff;border-bottom:2px solid var(--fouryb-teal)}
body>header :is(.brand,.nav-brand,.site-brand),body>.site-nav .nav-brand{display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:100%;color:#fff;font-size:20px;line-height:1.3;letter-spacing:.01em;text-decoration:none}
body>header :is(.brand,.nav-brand,.site-brand) span{color:var(--fouryb-teal)}
body>header .nav-brand small{flex-basis:100%;font-size:10px}
body>header .tagline{max-width:370px;margin-top:8px;line-height:1.4;color:#d8e5ed}
body>header .dashboard-top-nav .brand::after{display:none}
body>header:has(.dashboard-top-nav){background:linear-gradient(110deg,#031a2d,#07394b);border-bottom-color:var(--fouryb-teal)}
body>header .dashboard-top-nav a:focus-visible{outline-color:var(--fouryb-teal)}
.hero{background-color:var(--fouryb-navy)}
.hero .eyebrow,.hero-kicker{color:#5ee7e2}
.hero .primary{background:var(--fouryb-teal);color:var(--fouryb-navy)}
.hero h1{max-width:950px}
.dashboard-banner-kicker{color:var(--fouryb-teal)}
.dashboard-footer{border-top:2px solid var(--fouryb-teal)}
.dashboard-footer strong,.dashboard-footer .dashboard-beta-label{color:var(--fouryb-teal)}
.dashboard-footer,.dashboard-footer-inner{background:var(--fouryb-navy);color:#e4edf4}
.dashboard-footer strong span{color:var(--fouryb-teal)}
html:not([data-theme=dark]) .coach-workspace .header-program-metric{background:#fff;color:var(--fouryb-navy);border-color:var(--fouryb-silver);box-shadow:0 4px 14px #031a2d0c}
html:not([data-theme=dark]) .header-program-metric .header-metric-copy>strong{color:var(--fouryb-navy)}
html:not([data-theme=dark]) .header-program-metric .header-metric-icon{color:#008b89}
html:not([data-theme=dark]) .header-program-metric .header-metric-link{color:#007674}
body>footer:not(.dashboard-footer){border-top:2px solid var(--fouryb-teal)}
@media(min-width:1100px){
 #programs>.coach-workspace>.workspace-nav{background:linear-gradient(180deg,#031a2d,#062a3d);border-right-color:var(--fouryb-silver)}
 #programs>.coach-workspace>.workspace-nav>button.active,
 #programs>.coach-workspace>.workspace-nav>button.active:hover{background:var(--fouryb-teal);color:var(--fouryb-navy);border-color:#5ee7e2;box-shadow:inset 3px 0 0 #b5fffa}
 #programs>.coach-workspace>.workspace-nav>button:focus-visible{outline-color:var(--fouryb-teal)}
 .workspace-sidebar-footer strong{display:block;width:160px;height:107px;max-width:100%;font-size:0;background:url("assets/4yb-shield.webp") center/contain no-repeat}
}
@media(max-width:600px){
 .fouryb-shield{width:78px;height:52px}
 body>header :is(.brand,.nav-brand,.site-brand){gap:8px;font-size:17px}
 body>header .tagline{font-size:12px;max-width:310px}
 body>header .dashboard-top-nav .brand{font-size:0;gap:0;flex-wrap:nowrap}
 body>header .dashboard-top-nav .brand .fouryb-shield{width:84px;height:56px}
}

/* Keep portrait dashboard branding and controls in intentional rows. */
@media(max-width:1099px){
 body>header:has(.dashboard-top-nav){padding:12px 20px}
 body>header .dashboard-top-nav{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center;width:100%;max-width:none}
 body>header .dashboard-top-nav>.brand{grid-column:1;grid-row:1 / span 2;flex-wrap:nowrap;gap:12px;font-size:clamp(18px,2.4vw,24px);min-width:0}
 body>header .dashboard-top-nav>.brand .fouryb-shield{width:132px;height:88px}
 body>header .dashboard-top-nav>.dashboard-top-links{grid-column:2;grid-row:1;width:auto;margin:0;justify-content:flex-end;gap:6px}
 body>header .dashboard-top-nav>.dashboard-account{grid-column:2;grid-row:2;width:auto;margin:0;justify-content:flex-end;gap:6px;flex-wrap:nowrap}
 body>header .dashboard-top-nav>.header-athlete-search{grid-column:1 / -1;grid-row:3;width:100%;max-width:none;min-width:0;margin:0}
 body>header .dashboard-top-nav .dashboard-account-tools>summary{white-space:nowrap}
 body>header .dashboard-top-nav .dashboard-account .dashboard-account-panel{position:absolute;left:auto;right:0;top:calc(100% + 8px);width:min(310px,calc(100vw - 40px));max-height:65dvh;overflow:auto}
}
@media(max-width:600px){
 body>header:has(.dashboard-top-nav){padding:8px 12px 12px}
 body>header .dashboard-top-nav{grid-template-columns:auto minmax(0,1fr);gap:8px}
 body>header .dashboard-top-nav>.brand{grid-column:1 / -1;grid-row:1;font-size:20px;gap:12px;justify-content:center}
 body>header .dashboard-top-nav>.brand .fouryb-shield{width:108px;height:72px}
 body>header .dashboard-top-nav>.dashboard-top-links{grid-column:1;grid-row:2;justify-content:flex-start}
 body>header .dashboard-top-nav>.dashboard-account{grid-column:2;grid-row:2}
 body>header .dashboard-top-nav .dashboard-account :is(.refresh-dashboard-button,.dashboard-account-tools>summary,.coach-notification-bell>summary){min-height:44px;padding:9px;min-width:44px}
 body>header .dashboard-top-nav .dashboard-nav-button{min-height:44px;padding:9px}
}
@media(max-width:360px){
 body>header .dashboard-top-nav>.brand{font-size:18px;gap:8px}
 body>header .dashboard-top-nav>.brand .fouryb-shield{width:96px;height:64px}
 body>header .dashboard-top-nav>.dashboard-top-links{gap:4px}
 body>header .dashboard-top-nav>.dashboard-account{gap:4px}
 body>header .dashboard-top-nav .dashboard-nav-button{font-size:12px;padding:8px}
}

/* Landscape uses a prominent brand, centered search and a compact control group. */
@media(orientation:landscape) and (min-width:701px){
 body>header:has(.dashboard-top-nav){padding:12px 20px}
 body>header .dashboard-top-nav{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(180px,1fr) auto;align-items:center;gap:6px 16px;width:100%;max-width:none}
 body>header .dashboard-top-nav>.brand{grid-column:1;grid-row:1 / span 2;display:flex;flex-wrap:nowrap;gap:14px;min-width:0;font-size:clamp(22px,2.35vw,38px);line-height:1.15;letter-spacing:.015em}
 body>header .dashboard-top-nav>.brand .fouryb-shield{width:clamp(96px,10vw,144px);height:clamp(64px,6.67vw,96px)}
 body>header .dashboard-top-nav>.header-athlete-search{grid-column:2;grid-row:1 / span 2;width:100%;min-width:0;max-width:none;margin:0}
 body>header .dashboard-top-nav>.dashboard-top-links{grid-column:3;grid-row:1;justify-content:flex-end;gap:6px;width:auto;margin:0}
 body>header .dashboard-top-nav>.dashboard-account{grid-column:3;grid-row:2;justify-content:flex-end;flex-wrap:nowrap;gap:6px;width:auto;margin:0}
}
@media(orientation:landscape) and (min-width:701px) and (max-width:1099px){
 body>header .dashboard-top-nav .header-desktop-label{display:none}
 body>header .dashboard-top-nav .header-mobile-label{display:inline}
 body>header .dashboard-top-nav .dashboard-nav-button{min-height:44px;padding:9px}
 body>header .dashboard-top-nav .dashboard-account :is(.refresh-dashboard-button,.dashboard-account-tools>summary,.coach-notification-bell>summary){min-height:44px;padding:9px;min-width:44px}
}