/* Reused from the original YES prototype: FuseMedia wordmark, Inter, blue/cyan palette. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('inter.woff2') format('woff2')}
:root{--brand:#1c9bd7;--brand2:#15448f;--brand3:#5bc8f5;--ink:#202124;--muted:#6c7080;--paper:#f6f7fb;--line:#e7e8ee}
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0 0 35px;letter-spacing:0}
.fmlogo{display:inline-flex;align-items:center;background:#fff;border-radius:8px;padding:10px 12px;font-family:'Arial Black','Helvetica Neue',Arial,sans-serif;font-weight:900;font-size:26px;line-height:1;letter-spacing:-1.2px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.fm-fuse{color:#111}.fm-media{color:#00aeef}
.brand-sub{color:#cfe0f5;font:600 11px Inter,Arial,sans-serif;letter-spacing:.3px;margin:0 0 0 3px}
.topbar{background:var(--brand2);border-bottom-color:#0f367a;color:#fff}
.breadcrumb,.topbar .text-button,.menu-button{color:#e5f3ff}
.role-tag{background:#e6f3fd;color:var(--brand2)}
.metric-card,.metric-card.dark{background:var(--brand2);border-color:var(--brand2);color:#fff;box-shadow:0 6px 20px rgba(21,68,143,.14)}
.metric-card .metric-label{color:#cfe0f5}.metric-card .metric-note{color:#dbeeff}
.metric-value{font-weight:800}.metric-card,.metric-card.dark{border-top:3px solid var(--brand3)}
.panel{box-shadow:0 1px 3px rgba(20,18,35,.03),0 6px 24px rgba(20,18,35,.03)}
nav a[aria-current=page]{background:rgba(255,255,255,.18);box-shadow:inset 3px 0 #7fc9ff}
nav a:hover{background:var(--brand3);color:#0f367a}nav a:hover span{color:#0f367a}
.pill{border:1px solid #d3e3f5}.check-list li:before{color:#0e8fb0}
.mobile-brand{display:none}.header-brand{display:flex;align-items:center}
@media(max-width:800px){.mobile-brand{display:inline-flex;font-size:19px;padding:7px 9px}.header-brand .breadcrumb{display:none}.topbar{gap:8px}.menu-button{padding:3px;margin-right:9px}.topbar .identity{gap:5px}.topbar .role-tag{padding:7px 9px}}
@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.metric-value{font-size:27px;margin:18px 0 14px}}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}

/* Compact header, navigation, typography and square cards match the supplied prototype. */
html{font-size:13px;-webkit-font-smoothing:antialiased}
.topbar{position:fixed;inset:0 0 auto 0;height:64px;padding:0 20px 0 8px;z-index:20;box-shadow:0 2px 18px rgba(30,12,50,.2)}
.header-brand{gap:12px;min-width:0}.header-logo{font-size:29px;padding:8px 14px;border-radius:0;box-shadow:none;flex-shrink:0}
.header-logo:hover{text-decoration:none}.header-tagline{font-size:19px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#dce9ff;white-space:nowrap}
.sidebar{top:64px;width:244px;padding:10px 10px 24px;overflow-y:auto}
.app-shell{margin-left:244px;padding-top:64px}.nav-label{font-size:15px;font-weight:800;letter-spacing:.3px;color:#4fe0a8;padding:6px 12px 3px}
nav a{font-size:13px;font-weight:600;padding:5px 12px;margin:1px 0;gap:11px;line-height:1.4;border-radius:0}
nav a span{font-size:17px;color:#8fbae5}nav a[aria-current=page]{background:rgba(255,255,255,.18)}
main{padding:26px 22px;margin:0 auto}.page-heading{margin-bottom:18px;gap:16px}.page-heading h1{font-size:21px;line-height:1.3;font-weight:700;letter-spacing:0;margin-bottom:3px}
.heading-accent{color:var(--brand)}h2{font-size:17px;font-weight:700;letter-spacing:0}p{font-size:13.5px;line-height:1.5}.eyebrow{letter-spacing:.5px;font-weight:700}
.section-toolbar{margin-bottom:14px}.small{font-size:12px}.metric-grid{gap:10px}.metric-card,.metric-card.dark{padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:0;box-shadow:0 6px 20px rgba(21,68,143,.18)}
.metric-value{font-size:22px;font-weight:800;letter-spacing:-.5px;margin:0 0 7px;line-height:1.2}.metric-label{font-size:10px;font-weight:700;letter-spacing:0;margin-bottom:7px}.metric-card .metric-label{color:#bcd4f2}.metric-note{font-size:10px}
.panel{border-radius:0;padding:18px}.dashboard-grid{gap:16px;margin-top:18px}.primary,.secondary,input,select,.notice,.stage,.pill,.role-tag{border-radius:0}
.primary{background:var(--brand);border-color:var(--brand);font-weight:700}.primary:hover{background:#0f81b7;border-color:#0f81b7}.secondary{font-weight:700}.page-footer{padding:18px 22px}.sidebar-bottom{font-size:11px}
@media(min-width:1500px){main{padding:26px 22px}}
@media(max-width:1000px){.header-tagline{font-size:15px}.section-toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:800px){.app-shell{margin-left:0}.topbar{padding:0 12px}.header-tagline{display:none}.header-logo{font-size:22px;padding:7px 9px}.header-brand{gap:4px}.sidebar{top:64px}main{padding:22px 16px}.page-heading{gap:10px}.identity{gap:5px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.metric-value{font-size:24px}.topbar .role-tag{padding:5px}.header-logo{font-size:20px}.page-heading h1{font-size:20px}}