/* KU skin of alex-ui/shared/ad-look/cc-shell.css (tools/ku_skin.py). */
/* AD-look command-center shell (shared). Load LAST, after tokens.css, on a Tracker command center (CSU/UNC template).
   Re-skins the template's own classes to the AD standard: header, sidebar, hero, cards, tables, buttons, mobile tab bar.
   Everything is scoped to html[data-adl] (set by cc-shell.js), so removing the two files restores the old look. */

/* ---------- template variables -> AD tokens ---------- */
html[data-adl] {
  --paper: var(--bg); --line: var(--rule); --muted: var(--ink-3); --green: var(--m-500); --brand-readable: var(--m-500);
  --surface: #FFFFFF; --surface-raised: var(--surface-2); --surface-soft: var(--bg-2); --surface-hover: var(--hover);
  --positive: var(--pos); --negative: var(--neg); --watch: var(--warn); --chart-one: var(--chart); --chart-three: var(--chart-2);
  --shadow: var(--shadow-1); --school-display: var(--f-display); --school-body: var(--f-display);
  --adl-top: 76px; --adl-side: 268px;
}
html[data-adl][data-theme="dark"] { --surface: #0C1A2E; --brand-readable: var(--g-300); --green: var(--g-300); }
html[data-adl] body { background: var(--bg) !important; color: var(--ink); font: 400 15px/1.55 var(--f-display) !important; -webkit-font-smoothing: antialiased; }
html[data-adl] body :is(button, input, select, textarea) { font-family: var(--f-display); }
html[data-adl] #main :is(h1, h2, h3, h4) { font-family: var(--f-display) !important; color: var(--ink); letter-spacing: -.012em; }
html[data-adl] #main h1 { font-weight: 800; }
html[data-adl] #main h2 { font-weight: 800; }
html[data-adl] #main h3 { font-weight: 700; }
html[data-adl] #main :is(p, li, .subtitle, .subtle, .source-note) { font-family: var(--f-serif); }
html[data-adl] #main :is(.subtle, .source-note, .cc-note, .coach-footnote) { color: var(--ink-3); }
html[data-adl] #main a:not([class]) { color: var(--link); }
html[data-adl] .tracker-global-static-slot { display: none !important; }
html[data-adl] .cc-ad-back, html[data-adl] .und-dept-link, html[data-adl] .cc-side-cc { display: none !important; }

/* ---------- top bar ---------- */
html[data-adl] #app .topbar { position: fixed; inset: 0 0 auto 0; z-index: 45; height: 74px !important; display: flex !important; align-items: center; gap: 18px; padding: 0 22px 0 18px !important; color: #ffffff; border: 0 !important; box-shadow: none !important;
  background: linear-gradient(135deg, transparent 30%, rgba(139,190,252,.06) 50%, transparent 70%), linear-gradient(180deg, var(--m-700), #071529) !important; }
html[data-adl] #app .topbar::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: var(--foil); pointer-events: none; }
html[data-adl] #app .topbar::before { display: none !important; }
html[data-adl] .topbar .menu { display: none; width: 44px; height: 44px; flex: none; border-radius: 12px !important; border: 1px solid rgba(255,255,255,.18) !important; background: rgba(255,255,255,.06) !important; color: #ffffff !important; place-items: center; }
html[data-adl] .topbar .tb-brand { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 13px; color: #ffffff; cursor: pointer; min-width: 0; flex: none; padding-right: 18px; border-right: 1px solid rgba(255,255,255,.14); height: 46px; }
html[data-adl] .topbar .tb-brand:focus-visible { outline: 2px solid var(--g-300); outline-offset: 3px; border-radius: 8px; }
html[data-adl] .tb-brand .crest { flex: none; position: relative; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 12px; background: radial-gradient(120% 120% at 30% 20%, #0B336A 0%, var(--m-700) 60%, var(--m-900) 100%); box-shadow: inset 0 0 0 1px rgba(181,210,251,.5), 0 6px 18px -6px rgba(0,0,0,.5); }
html[data-adl] .tb-brand .crest img { width: 36px; height: auto; display: block; }
html[data-adl] .tb-brand .wm b { display: block; font: 900 19px/1 var(--f-display); letter-spacing: -.005em; white-space: nowrap; color: #ffffff; }
html[data-adl] .tb-brand .wm small { display: block; margin-top: 6px; font: 700 9.5px/1 var(--f-display); letter-spacing: .3em; color: var(--g-300); white-space: nowrap; text-transform: uppercase; }
html[data-adl] .topbar .tb-search { flex: 1; max-width: 520px; height: 44px !important; margin: 0 !important; display: flex; align-items: center; gap: 10px; padding: 0 12px 0 14px !important; border-radius: 12px !important; border: 1px solid rgba(255,255,255,.2) !important; background: rgba(2,6,12,.28) !important; color: rgba(255,255,255,.82); position: relative; box-shadow: none !important; transition: border-color .2s, background .2s; }
html[data-adl] .topbar .tb-search:hover, html[data-adl] .topbar .tb-search:focus-within { border-color: rgba(181,210,251,.6) !important; background: rgba(2,6,12,.4) !important; }
html[data-adl] .topbar .tb-search input { flex: 1; min-width: 0; height: 100% !important; border: 0 !important; outline: 0; background: transparent !important; color: #ffffff !important; font: 500 14px/1 var(--f-display) !important; padding: 0 !important; box-shadow: none !important; position: static !important; width: auto !important; }
html[data-adl] .topbar .tb-search input::placeholder { color: rgba(255,255,255,.72); }
html[data-adl] .topbar .tb-search .search-icon { position: static !important; display: grid; place-items: center; color: rgba(255,255,255,.82); width: auto; }
html[data-adl] .topbar .tb-search .search-icon svg { width: 17px; height: 17px; }
html[data-adl] .topbar .tb-search .key { position: static !important; font: 600 11px/1 var(--f-display) !important; padding: 4px 6px !important; border-radius: 6px !important; border: 1px solid rgba(255,255,255,.25) !important; background: rgba(255,255,255,.08) !important; color: #ffffff !important; width: auto !important; height: auto !important; }
html[data-adl] .topbar .tb-right { margin-left: auto; display: flex; align-items: center; gap: 12px; flex: none; }
html[data-adl] .topbar .tb-seg { display: inline-flex !important; gap: 0 !important; padding: 3px !important; margin: 0 !important; border-radius: 12px !important; background: rgba(2,6,12,.32) !important; border: 1px solid rgba(255,255,255,.14) !important; box-shadow: none !important; width: auto !important; height: auto !important; }
html[data-adl] .topbar .tb-seg button { height: 36px !important; width: auto !important; min-width: 0 !important; display: inline-flex !important; align-items: center; gap: 7px; padding: 0 12px !important; border: 0 !important; border-radius: 9px !important; background: transparent !important; color: rgba(255,255,255,.78) !important; font: 600 12.5px/1 var(--f-display) !important; box-shadow: none !important; transition: background .25s, color .25s; text-decoration: none !important; }
html[data-adl] .topbar .tb-seg button svg { width: 16px !important; height: 16px !important; display: block; }
html[data-adl] .topbar .tb-seg button span { display: inline !important; font: inherit !important; color: inherit !important; }
html[data-adl] .topbar .tb-seg button[aria-pressed="true"] { background: rgba(255,255,255,.14) !important; color: #ffffff !important; box-shadow: inset 0 0 0 1px rgba(181,210,251,.45) !important; }
html[data-adl] .topbar .tb-gpt { height: 42px; display: inline-flex; align-items: center; gap: 8px; padding: 0 16px; border-radius: 12px; border: 0; background: var(--foil); background-size: 200% 100%; color: #FFFFFF; font: 700 13.5px/1 var(--f-display); box-shadow: 0 6px 18px -6px rgba(232,0,13,0.42); transition: background-position .6s var(--ease-out); cursor: pointer; white-space: nowrap; }
html[data-adl] .topbar .tb-gpt:hover { background-position: 100% 0; }
html[data-adl] .topbar .tb-role { position: relative; display: grid !important; align-content: center; height: 46px; padding: 0 !important; margin: 0 !important; border-radius: 12px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.05); line-height: 1.15; width: auto !important; min-width: 150px; }
html[data-adl] .topbar .tb-role .adl-role-k { position: absolute; left: 12px; bottom: 7px; font: 500 10.5px/1.2 var(--f-display); color: rgba(255,255,255,.7); pointer-events: none; display: block !important; margin: 0 !important; text-align: left; letter-spacing: 0; text-transform: none; }
html[data-adl] .topbar .tb-role small:not(.adl-role-k) { display: none !important; }
html[data-adl] .topbar .tb-role select { appearance: none; -webkit-appearance: none; height: 44px !important; width: 100% !important; padding: 0 34px 14px 12px !important; margin: 0 !important; border: 0 !important; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B1F3CE' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center / 15px !important; color: #ffffff !important; font: 700 13px/1 var(--f-display) !important; box-shadow: none !important; cursor: pointer; border-radius: 12px !important; }
html[data-adl] .topbar .tb-role select option { color: #0E1726; background: #ffffff; }
html[data-adl] .topbar .tb-role:hover { border-color: rgba(181,210,251,.45); }

/* ---------- sidebar ---------- */
html[data-adl] #app .sidebar.side { position: fixed !important; top: var(--adl-top) !important; left: 0; bottom: 0; height: auto !important; width: var(--adl-side) !important; z-index: 40; display: flex !important; flex-direction: column; gap: 0; padding: 18px 14px 24px !important; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(181,210,251,.3) transparent; color: #E6ECF4; border: 0 !important; box-shadow: none !important;
  background: radial-gradient(140% 60% at 0% 0%, var(--m-700) 0%, #061223 55%, #030C16 100%) !important; }
html[data-adl] .side .side-k { margin: 18px 10px 8px; font: 700 10px/1 var(--f-display); letter-spacing: .24em; text-transform: uppercase; color: rgba(181,210,251,.75); }
html[data-adl] .side .side-k:first-child { margin-top: 4px; }
html[data-adl] .side > nav { display: block !important; padding: 0 !important; margin: 0 !important; height: auto !important; flex: none !important; overflow: visible !important; }
html[data-adl] .side .navitem, html[data-adl] .side .adl-cc-nav a { all: unset; box-sizing: border-box; position: relative; display: flex !important; align-items: center; gap: 12px; width: 100%; min-height: 42px; padding: 0 12px; margin: 0 0 2px; border-radius: 11px; color: rgba(230,236,244,.86); font: 600 14px/1.2 var(--f-display); cursor: pointer; transition: background .2s, color .2s; }
html[data-adl] .side .navitem:hover, html[data-adl] .side .adl-cc-nav a:hover { background: rgba(255,255,255,.06); color: #ffffff; }
html[data-adl] .side .navitem:focus-visible, html[data-adl] .side .adl-cc-nav a:focus-visible { outline: 2px solid var(--g-300); outline-offset: 1px; }
html[data-adl] .side .navitem.active, html[data-adl] .side .navitem[aria-current="page"], html[data-adl] .side .adl-cc-nav a[aria-current="page"] { background: linear-gradient(90deg, rgba(181,210,251,.18), rgba(181,210,251,.05)); color: #ffffff; box-shadow: inset 0 0 0 1px rgba(181,210,251,.22); }
html[data-adl] .side .navitem.active::before, html[data-adl] .side .adl-cc-nav a[aria-current="page"]::before { content: ""; position: absolute; left: -14px; top: 9px; bottom: 9px; width: 3px; border-radius: 0 3px 3px 0; background: var(--foil); }
html[data-adl] .side .navitem.active::after { display: none !important; }
html[data-adl] .side .navitem :is(svg, .nav-icon) { flex: none; width: 18px; height: 18px; opacity: .9; color: inherit; position: static !important; display: grid; place-items: center; }
html[data-adl] .side .navitem .nav-icon svg { width: 18px; height: 18px; }
html[data-adl] .side .navitem span:not(.nav-icon) { display: block !important; font: inherit !important; color: inherit !important; white-space: normal; }
html[data-adl] .side .nav-disclosure { margin: 10px 0 0; padding: 0 !important; border: 0 !important; background: none !important; }
html[data-adl] .side .nav-disclosure > summary { list-style: none; display: flex; align-items: center; gap: 8px; min-height: 36px; margin: 0; padding: 0 10px !important; border-radius: 10px; cursor: pointer; font: 700 10px/1 var(--f-display) !important; letter-spacing: .24em !important; text-transform: uppercase; color: rgba(181,210,251,.75) !important; background: none !important; border: 0 !important; }
html[data-adl] .side .nav-disclosure > summary::-webkit-details-marker { display: none; }
html[data-adl] .side .nav-disclosure > summary::before { display: none !important; }
html[data-adl] .side .nav-disclosure > summary::after { content: ""; margin-left: auto; width: 7px; height: 7px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(45deg) translate(-2px, -2px); transition: transform .25s; opacity: .8; }
html[data-adl] .side .nav-disclosure[open] > summary::after { transform: rotate(225deg) translate(-2px, -2px); }
html[data-adl] .side .nav-disclosure > summary:hover { background: rgba(255,255,255,.05) !important; }
html[data-adl] .side .theme-switch, html[data-adl] .side .theme-control { display: none !important; }
html[data-adl] .side .nav-disclosure:has(.theme-switch):not(:has(.navitem)) { display: none !important; }
html[data-adl] .side .csu-mobile-theme { display: none !important; }
html[data-adl] .side .adl-cc-nav { display: block; }
html[data-adl] .side .adl-cc-nav .live-dot { margin-left: auto; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #417CC7; animation: adlPulse 2.2s ease-out infinite; }
html[data-adl] .side .adl-side-x { display: flex; flex-direction: column; flex: 1 0 auto; }
html[data-adl] .side .side-foot { margin-top: auto; padding-top: 22px; display: grid; gap: 10px; }
html[data-adl] .side .side-crest { position: relative; overflow: hidden; padding: 22px 16px 16px; border-radius: 16px; text-align: center; background: linear-gradient(135deg, transparent 30%, rgba(139,190,252,.06) 50%, transparent 70%); box-shadow: inset 0 0 0 1px rgba(181,210,251,.25); }
html[data-adl] .side .side-crest img { width: 62px; height: auto; margin: 0 auto 10px; display: block; filter: drop-shadow(0 6px 18px rgba(0,0,0,.45)); }
html[data-adl] .side .side-crest .sig { margin: 0; font: italic 500 16px/1.2 var(--f-serif); background: var(--foil); -webkit-background-clip: text; background-clip: text; color: transparent; }
html[data-adl] .side .side-crest .loc { margin: 6px 0 0; font: 700 9.5px/1 var(--f-display); letter-spacing: .26em; text-transform: uppercase; color: rgba(230,236,244,.6); }
html[data-adl] .side .side-door { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; border-radius: 11px; border: 1px solid rgba(181,210,251,.3); color: var(--g-300); text-decoration: none; font: 600 13px/1 var(--f-display); }
html[data-adl] .side .side-door:hover { background: rgba(181,210,251,.08); }
html[data-adl] .side .powered { display: flex !important; align-items: center; justify-content: center; gap: 8px; color: rgba(230,236,244,.8) !important; text-decoration: none; font: 500 12px/1 var(--f-display) !important; letter-spacing: 0 !important; padding: 6px 0 !important; margin: 0 !important; }
html[data-adl] .side .powered b { color: #FF5A5A; font-weight: 800; }
html[data-adl] .side .powered img { width: 18px; height: auto; display: block; }
html[data-adl] .side .sidebottom { display: none !important; }
@keyframes adlPulse { 0% { box-shadow: 0 0 0 0 rgba(94,153,224,.6); } 70%, 100% { box-shadow: 0 0 0 7px rgba(94,153,224,0); } }

/* ---------- workspace + main ---------- */
html[data-adl] #app .workspace { margin-left: var(--adl-side) !important; padding-top: var(--adl-top) !important; min-height: 100vh; background: transparent !important; }
html[data-adl] #main { padding: 28px clamp(18px, 2.6vw, 40px) 72px !important; max-width: none !important; }
html[data-adl] #main > * + * { margin-top: 26px; }
html[data-adl] .csu-mobile-label { display: none !important; }

/* ---------- hero: coach home + every page head ---------- */
html[data-adl] #main :is(.coach-hero, .pagehead) { position: relative; overflow: hidden; isolation: isolate; border-radius: 22px !important; border: 0 !important; color: #ffffff; padding: clamp(24px, 3.2vw, 44px) !important; margin-bottom: 0;
  background: radial-gradient(120% 140% at 0% 0%, var(--m-600) 0%, var(--m-700) 38%, var(--m-900) 100%) !important; box-shadow: var(--shadow-3) !important; }
html[data-adl][data-theme="dark"] #main :is(.coach-hero, .pagehead) { background: radial-gradient(120% 140% at 0% 0%, #092347 0%, #07172F 40%, var(--m-950) 100%) !important; box-shadow: 0 0 0 1px rgba(181,210,251,.12), var(--shadow-3) !important; }
html[data-adl] #main :is(.coach-hero, .pagehead)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--foil); z-index: 2; }
html[data-adl] #main :is(.coach-hero, .pagehead)::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .22; border: 0 !important; background-image: linear-gradient(rgba(181,210,251,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(181,210,251,.18) 1px, transparent 1px) !important; background-size: 56px 56px !important; -webkit-mask-image: radial-gradient(70% 90% at 85% 50%, #000000, transparent 75%); mask-image: radial-gradient(70% 90% at 85% 50%, #000000, transparent 75%); }
html[data-adl] #main .coach-hero.adl-hero::before { display: none; }
html[data-adl] #main .adl-hero-art { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; width: 64%; -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.55) 30%, #000000 70%); mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.55) 30%, #000000 70%); }
html[data-adl] #main .adl-hero-art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
html[data-adl][data-theme="dark"] #main .adl-hero-art img { filter: brightness(.76) saturate(1.15); }
html[data-adl] #main .adl-hero-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(3,19,42,.15), rgba(3,19,42,.55)); }
html[data-adl] #main .coach-hero { display: flex !important; align-items: flex-end; min-height: 280px; }
html[data-adl] #main .coach-hero .coach-identity { display: none !important; }
html[data-adl] #main .coach-hero .coach-hero-copy { position: relative; max-width: 640px; padding: 0 !important; background: none !important; }
html[data-adl] #main :is(.coach-hero .coach-eyebrow, .pagehead .eyebrow) { margin: 0 0 12px; display: flex; align-items: center; gap: 10px; font: 700 11px/1.3 var(--f-display) !important; letter-spacing: .22em !important; text-transform: uppercase; color: var(--g-300) !important; }
html[data-adl] #main :is(.coach-hero .coach-eyebrow, .pagehead .eyebrow)::before { content: ""; width: 28px; height: 2px; flex: none; background: var(--foil); }
html[data-adl] #main :is(.coach-hero, .pagehead) h1 { margin: 0 !important; max-width: 24ch; font: 800 clamp(28px, 2.9vw, 44px)/1.08 var(--f-display) !important; letter-spacing: -.022em !important; color: #ffffff !important; text-wrap: balance; }
html[data-adl] #main .pagehead h1 { font-size: clamp(25px, 2.3vw, 34px) !important; max-width: 30ch; }
html[data-adl] #main :is(.coach-hero p, .pagehead .subtitle) { margin: 14px 0 0 !important; max-width: 62ch; font: 400 16.5px/1.6 var(--f-serif) !important; color: rgba(240,245,250,.86) !important; }
html[data-adl] #main .pagehead { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: end; }
html[data-adl] #main .pagehead .actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
html[data-adl] #main :is(.coach-hero, .pagehead) :is(button, a.btn, a[class]):not(.platform-walkthrough-trigger) { background: rgba(255,255,255,.1) !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,.24) !important; border-radius: 12px !important; box-shadow: none !important; font: 700 14px/1 var(--f-display) !important; }
html[data-adl] #main :is(.coach-hero, .pagehead) :is(button, a):is(.primary):not(.platform-walkthrough-trigger) { background: var(--foil) !important; background-size: 200% 100% !important; color: #FFFFFF !important; border-color: transparent !important; box-shadow: 0 8px 22px -10px rgba(232,0,13,0.56), inset 0 1px 0 rgba(255,255,255,.5) !important; }
html[data-adl] #main .csu-hero-actions .platform-walkthrough-trigger { background: var(--foil) !important; background-size: 200% 100% !important; color: #FFFFFF !important; border: 0 !important; border-radius: 14px !important; box-shadow: 0 8px 22px -10px rgba(232,0,13,0.56), inset 0 1px 0 rgba(255,255,255,.5) !important; }
html[data-adl] #main .csu-hero-actions .platform-walkthrough-trigger * { color: #FFFFFF !important; font-family: var(--f-display) !important; }
html[data-adl] #main .csu-hero-actions .platform-walkthrough-trigger svg { stroke: #FFFFFF !important; }

/* ---------- cards ---------- */
html[data-adl] #main :is(.panel, .cc-snapshot, .tracker-trust, .tracker-data-story, .tracker-integration-story, .coach-priorities, .program-leadership, .tracker-quick-lab, .tracker-workspace-tools, .ts-guidance, .tracker-role-analytics) { background: var(--surface) !important; border: 1px solid var(--rule) !important; border-radius: 18px !important; box-shadow: var(--shadow-1) !important; color: var(--ink); }
html[data-adl] #main :is(.tracker-trust, .tracker-data-story, .tracker-integration-story)::before, html[data-adl] #main :is(.tracker-trust, .tracker-data-story, .tracker-integration-story)::after { display: none !important; }
html[data-adl] #main :is(.tracker-trust, .tracker-integration-story) { border-left: 1px solid var(--rule) !important; }
html[data-adl] #main :is(.tracker-trust span:first-child, .tracker-data-story-heading > span, .coach-group-heading h2, .kicker) { font: 700 10.5px/1.35 var(--f-display) !important; letter-spacing: .16em !important; text-transform: uppercase; color: var(--m-500) !important; }
html[data-adl][data-theme="dark"] #main :is(.tracker-trust span:first-child, .tracker-data-story-heading > span, .coach-group-heading h2, .kicker) { color: var(--g-300) !important; }
html[data-adl] #main .panel-head { border-bottom: 1px solid var(--rule-soft) !important; background: transparent !important; }
html[data-adl] #main .panel-head h2, html[data-adl] #main .panel-head h3 { font: 700 17px/1.3 var(--f-display) !important; letter-spacing: -.008em; }
html[data-adl] #main .coach-task { background: var(--surface) !important; border: 1px solid var(--rule) !important; border-radius: 18px !important; box-shadow: var(--shadow-1) !important; transition: transform .35s var(--ease-out), box-shadow .35s, border-color .3s !important; color: var(--ink) !important; }
html[data-adl] #main .coach-task:hover { transform: translateY(-3px); box-shadow: var(--shadow-2) !important; border-color: var(--rule-strong) !important; }
html[data-adl] #main .coach-task-icon { width: 36px !important; height: 36px !important; border-radius: 11px !important; display: grid !important; place-items: center; color: var(--m-500) !important; background: linear-gradient(135deg, rgba(0,81,186,.1), rgba(47,127,232,.14)) !important; box-shadow: inset 0 0 0 1px rgba(0,81,186,.12) !important; border: 0 !important; }
html[data-adl][data-theme="dark"] #main .coach-task-icon { color: var(--g-300) !important; background: linear-gradient(135deg, rgba(181,210,251,.12), rgba(0,81,186,.2)) !important; }
html[data-adl] #main .coach-task-title { font: 800 16.5px/1.2 var(--f-display) !important; letter-spacing: -.01em !important; color: var(--ink) !important; text-transform: none !important; }
html[data-adl] #main .coach-task-description { font: 400 14px/1.5 var(--f-serif) !important; color: var(--ink-2) !important; }
html[data-adl] #main .coach-task-cta { font: 700 13.5px/1 var(--f-display) !important; color: var(--link) !important; text-transform: none !important; letter-spacing: 0 !important; }

/* KPI strip (template .kv-strip) -> AD kv */
html[data-adl] #main .kv-strip { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px !important; overflow: hidden; border-radius: 16px !important; border: 1px solid var(--rule) !important; background: var(--rule) !important; box-shadow: var(--shadow-1); padding: 0 !important; }
html[data-adl] #main .kv-strip > div { padding: 14px 18px !important; background: var(--surface) !important; border: 0 !important; margin: 0 !important; }
html[data-adl] #main .kv-strip > div > span:first-child { display: block; font: 700 10.5px/1.3 var(--f-display) !important; letter-spacing: .12em !important; text-transform: uppercase; color: var(--ink-3) !important; }
html[data-adl] #main .kv-strip > div > b { display: block; margin-top: 6px; font: 800 24px/1.1 var(--f-display) !important; letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: var(--ink) !important; }

/* ---------- tables ---------- */
html[data-adl] #main .tablewrap { border-radius: 16px !important; background: var(--surface) !important; border: 1px solid var(--rule) !important; box-shadow: var(--shadow-1) !important; }
html[data-adl] #main :is(.panel, .cc-snapshot) .tablewrap { box-shadow: none !important; }
html[data-adl] #main table { font: 400 14px/1.4 var(--f-display) !important; }
html[data-adl] #main th { padding: 12px 14px !important; font: 700 11px/1.3 var(--f-display) !important; letter-spacing: .1em !important; text-transform: uppercase; color: var(--ink-3) !important; background: var(--surface-2) !important; border-bottom: 1px solid var(--rule) !important; }
html[data-adl] #main td { padding: 11px 14px !important; border-bottom: 1px solid var(--rule-soft) !important; font-family: var(--f-display) !important; color: var(--ink); }
html[data-adl] #main tbody tr:last-child td { border-bottom: 0 !important; }
html[data-adl] #main tbody tr:hover td { background: var(--hover); }
html[data-adl] #main .res { display: inline-grid; place-items: center; min-width: 22px; height: 22px; border-radius: 6px; font: 800 11.5px/1 var(--f-display); }
html[data-adl] #main .res.w { background: var(--pos-bg) !important; color: var(--pos) !important; } html[data-adl] #main .res.l { background: var(--neg-bg) !important; color: var(--neg) !important; }

/* ---------- buttons ---------- */
html[data-adl] #main :is(button.primary, a.primary):not(:is(.coach-hero, .pagehead) *) { background: var(--m-700) !important; color: #ffffff !important; border: 1px solid transparent !important; border-radius: 12px !important; font: 700 14px/1 var(--f-display) !important; box-shadow: 0 6px 16px -8px rgba(7,44,94,.7), inset 0 0 0 1px rgba(181,210,251,.25) !important; }
html[data-adl][data-theme="dark"] #main :is(button.primary, a.primary):not(:is(.coach-hero, .pagehead) *) { background: var(--g-300) !important; color: #03132A !important; box-shadow: none !important; }
html[data-adl] #main :is(.actions, .tracker-data-story-actions, .panel-body) > :is(button, a):not(.primary):not(.linkbtn):not(.playercell) { border-radius: 12px !important; font-family: var(--f-display) !important; font-weight: 700 !important; }
html[data-adl] #main .pill-selector, html[data-adl] #main .tabs { border-radius: 12px !important; }
html[data-adl] #main .pill-selector button.active, html[data-adl] #main .pill-selector button[aria-pressed="true"] { background: var(--m-700) !important; color: #ffffff !important; }
html[data-adl][data-theme="dark"] #main .pill-selector button.active, html[data-adl][data-theme="dark"] #main .pill-selector button[aria-pressed="true"] { background: var(--g-300) !important; color: #03132A !important; }
html[data-adl] #main :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]) { border-radius: 12px !important; font-family: var(--f-display) !important; }

/* Ask launcher + footer */
html[data-adl] .csu-ask-launcher { background: var(--foil) !important; background-size: 200% 100% !important; color: #FFFFFF !important; border: 0 !important; border-radius: 14px !important; font: 700 13.5px/1 var(--f-display) !important; box-shadow: 0 10px 28px -10px rgba(3,19,42,.6) !important; }
html[data-adl] .csu-ask-launcher svg { stroke: #FFFFFF !important; color: #FFFFFF !important; }
html[data-adl] .tga-native-footer { margin-left: var(--adl-side) !important; border-top: 1px solid var(--rule) !important; background: transparent !important; font-family: var(--f-display) !important; }
html[data-adl] #tracker-guided-launch { font-family: var(--f-display) !important; border-radius: 14px !important; background: var(--m-700) !important; color: #ffffff !important; border: 1px solid rgba(181,210,251,.35) !important; }
html[data-adl] #overlay :is(h1, h2, h3) { font-family: var(--f-display) !important; }
html[data-adl] #overlay { font-family: var(--f-display); }

/* ---------- responsive (matches the AD breakpoints) ---------- */
@media (max-width: 1280px) { html[data-adl] .topbar .tb-role { min-width: 132px; } }
@media (max-width: 1100px) {
  html[data-adl] .topbar .menu { display: grid !important; }
  html[data-adl] #app .sidebar.side { top: 0 !important; width: min(300px, 86vw) !important; z-index: 60; transform: translateX(-102%) !important; transition: transform .4s var(--ease-out); box-shadow: 24px 0 60px -20px rgba(0,0,0,.6) !important; visibility: visible !important; }
  html[data-adl] #app .sidebar.side.open { transform: none !important; }
  html[data-adl] #app .workspace, html[data-adl] .tga-native-footer { margin-left: 0 !important; }
  html[data-adl] .mobile-backdrop.open { z-index: 55 !important; }
  html[data-adl] #main .pagehead { grid-template-columns: 1fr; }
  html[data-adl] #main .pagehead .actions { justify-content: flex-start; }
}
@media (max-width: 900px) {
  html[data-adl] .topbar .tb-search { flex: none; width: 44px; padding: 0 !important; justify-content: center; overflow: hidden; }
  html[data-adl] .topbar .tb-search :is(input, .key) { position: absolute !important; opacity: 0; width: 1px !important; pointer-events: none; }
  html[data-adl] .topbar .tb-search:focus-within { position: absolute; left: 10px; right: 10px; width: auto; z-index: 3; background: #071529 !important; padding: 0 12px 0 14px !important; justify-content: flex-start; }
  html[data-adl] .topbar .tb-search:focus-within input { position: static !important; opacity: 1; width: auto !important; pointer-events: auto; }
  html[data-adl] .topbar .tb-seg .t, html[data-adl] .topbar .tb-seg button span, html[data-adl] .topbar .tb-gpt .t { display: none !important; }
  html[data-adl] .topbar .tb-gpt { width: 44px; padding: 0; justify-content: center; }
  html[data-adl] .topbar .tb-seg button { padding: 0 10px !important; }
  html[data-adl] .topbar .tb-role { min-width: 0; }
}
@media (max-width: 760px) {
  html[data-adl] { --adl-top: 66px; }
  html[data-adl] #app .topbar { height: 66px !important; gap: 8px; padding: 0 10px !important; }
  html[data-adl] .topbar .tb-brand { border: 0; padding: 0; gap: 9px; flex: 1; min-width: 0; }
  html[data-adl] .tb-brand .crest { width: 40px; height: 40px; border-radius: 10px; } html[data-adl] .tb-brand .crest img { width: 30px; }
  html[data-adl] .tb-brand .wm { min-width: 0; overflow: hidden; }
  html[data-adl] .tb-brand .wm b { font-size: 17px; letter-spacing: 0; } html[data-adl] .tb-brand .wm-x { display: none; }
  html[data-adl] .tb-brand .wm small { font-size: 7.5px; letter-spacing: .16em; margin-top: 4px; }
  html[data-adl] .topbar .tb-right { gap: 6px; }
  html[data-adl] .topbar .tb-seg { padding: 0 !important; border: 0 !important; background: none !important; }
  html[data-adl] .topbar .tb-seg button { width: 40px !important; height: 40px !important; padding: 0 !important; justify-content: center; border-radius: 12px !important; border: 1px solid rgba(255,255,255,.18) !important; background: rgba(255,255,255,.06) !important; }
  html[data-adl] .topbar .tb-seg button[aria-pressed="true"] { display: none !important; }
  html[data-adl] .topbar :is(.tb-search, .tb-gpt, .menu) { width: 40px; height: 40px !important; }
  html[data-adl] .topbar .tb-role { display: none !important; }
  html[data-adl] #main { padding: 16px 14px calc(96px + env(safe-area-inset-bottom)) !important; }
  html[data-adl] #main > * + * { margin-top: 20px; }
  html[data-adl] #main :is(.coach-hero, .pagehead) { border-radius: 18px !important; padding: 22px 18px 26px !important; }
  html[data-adl] #main .coach-hero { min-height: 0; }
  html[data-adl] #main .adl-hero-art { width: 100%; -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,.65), rgba(0,0,0,.25) 60%, transparent); mask-image: linear-gradient(180deg, rgba(0,0,0,.65), rgba(0,0,0,.25) 60%, transparent); }
  html[data-adl] #main :is(.coach-hero, .pagehead) h1 { font-size: 27px !important; }
  html[data-adl] #main .pagehead h1 { font-size: 24px !important; }
  html[data-adl] #main :is(.coach-hero p, .pagehead .subtitle) { font-size: 15.5px !important; }
  html[data-adl] .csu-mobile-nav { position: fixed !important; z-index: 45; left: 10px !important; right: 10px !important; bottom: calc(10px + env(safe-area-inset-bottom)) !important; top: auto !important; width: auto !important; display: grid !important; grid-template-columns: repeat(5, 1fr); height: 64px !important; padding: 6px !important; border-radius: 20px !important; border: 0 !important;
    background: rgba(3,19,42,.88) !important; -webkit-backdrop-filter: blur(18px) saturate(1.4); backdrop-filter: blur(18px) saturate(1.4); box-shadow: 0 16px 40px -12px rgba(0,0,0,.55), inset 0 0 0 1px rgba(181,210,251,.28) !important; }
  html[data-adl] .csu-mobile-nav a { display: grid !important; justify-items: center; align-content: center; gap: 4px; border-radius: 14px !important; color: rgba(230,236,244,.8) !important; text-decoration: none; font: 700 10.5px/1 var(--f-display) !important; background: none !important; border: 0 !important; padding: 0 !important; min-width: 0; }
  html[data-adl] .csu-mobile-nav a svg { width: 20px; height: 20px; }
  html[data-adl] .csu-mobile-nav a.active { color: #FFFFFF !important; background: var(--foil) !important; }
  html[data-adl] .csu-ask-launcher { bottom: calc(86px + env(safe-area-inset-bottom)) !important; }
}
@media (max-width: 374px) { html[data-adl] .tb-brand .wm small { display: none; } }
@media (prefers-reduced-motion: reduce) { html[data-adl] .side .adl-cc-nav .live-dot { animation: none; } }
@media print { html[data-adl] #app :is(.topbar, .sidebar, .csu-mobile-nav), html[data-adl] .csu-ask-launcher { display: none !important; } html[data-adl] #app .workspace { margin: 0 !important; padding: 0 !important; } }

/* ---------- arrival overlay on a command center (ad-look/arrival.js) ---------- */
html[data-adl] .arrival { position: fixed; inset: 0; z-index: 1000; overflow-y: auto; }
html[data-adl]:not(.at-door) .arrival { display: none; }
html[data-adl].at-door body { overflow: hidden; }

/* ---------- refinements ---------- */
html[data-adl] #app .workspace { width: auto !important; max-width: none !important; }
html[data-adl] #main h1:focus:not(:focus-visible), html[data-adl] #main h1[tabindex="-1"]:focus { outline: none !important; box-shadow: none !important; }
html[data-adl] #main:has(> .coach-home) { display: flex; flex-direction: column; gap: 26px; }
html[data-adl] #main:has(> .coach-home) > * { order: 2; margin-top: 0 !important; }
html[data-adl] #main:has(> .coach-home) > :is(.coach-home, .csu-mobile-label) { order: 0; }
html[data-adl] #main:has(> .coach-home) > .tracker-trust { order: 1; }
html[data-adl] #main .tracker-trust button { background: var(--m-700) !important; color: #ffffff !important; border: 0 !important; border-radius: 12px !important; font: 700 14px/1 var(--f-display) !important; height: 44px; padding: 0 18px !important; box-shadow: 0 6px 16px -8px rgba(7,44,94,.7), inset 0 0 0 1px rgba(181,210,251,.25) !important; }
html[data-adl][data-theme="dark"] #main .tracker-trust button { background: var(--g-300) !important; color: #03132A !important; box-shadow: none !important; }
html[data-adl] .topbar .tb-role { min-width: 176px; }
html[data-adl] #tracker-guided-launch { left: calc(var(--adl-side) + 18px) !important; }
html[data-adl].at-door :is(#tracker-guided-launch, .csu-ask-launcher) { display: none !important; }
html[data-adl] #main .tracker-data-story :is(h3, li b, li strong, ol li > :first-child) { font-family: var(--f-display) !important; }
@media (max-width: 1100px) { html[data-adl] #tracker-guided-launch { left: 14px !important; } }
@media (max-width: 760px) {
  html[data-adl] .topbar .tb-search { width: 40px !important; min-width: 40px; flex: none !important; padding: 0 !important; }
  html[data-adl] .topbar .tb-search .search-icon { margin: 0 auto; }
  html[data-adl] #tracker-guided-launch { bottom: calc(86px + env(safe-area-inset-bottom)) !important; }
}
html[data-adl] .tga-native-footer { width: auto !important; max-width: none !important; }
html[data-adl] #main .pagehead { display: block !important; }
html[data-adl] #main .pagehead > div:first-child { max-width: none !important; width: auto !important; }
html[data-adl] #main .pagehead .actions { justify-content: flex-start !important; margin-top: 24px !important; align-items: center; }
html[data-adl] #main :is(.coach-hero, .pagehead) :is(button, a):is(.primary):not(.platform-walkthrough-trigger) { background: rgba(255,255,255,.16) !important; background-size: auto !important; color: #ffffff !important; border: 1px solid rgba(181,210,251,.55) !important; box-shadow: none !important; }
html[data-adl] #main :is(.coach-hero, .pagehead) :is(button, a):not(.platform-walkthrough-trigger):hover { background: rgba(255,255,255,.2) !important; border-color: rgba(181,210,251,.7) !important; }
html[data-adl] #main :is(.pagehead, .coach-hero) .platform-walkthrough-trigger { background: var(--foil) !important; background-size: 200% 100% !important; color: #FFFFFF !important; border: 0 !important; border-radius: 14px !important; box-shadow: 0 8px 22px -10px rgba(232,0,13,0.56), inset 0 1px 0 rgba(255,255,255,.5) !important; }
html[data-adl] #main :is(.pagehead, .coach-hero) .platform-walkthrough-trigger * { color: #FFFFFF !important; font-family: var(--f-display) !important; }
html[data-adl] #main :is(.pagehead, .coach-hero) .platform-walkthrough-trigger svg { stroke: #FFFFFF !important; }
html[data-adl] #main .kv-strip > div > span:first-child { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
html[data-adl] .side .nav-disclosure + .adl-side-x, html[data-adl] .side nav + .adl-side-x { margin-top: 8px; }
html[data-adl] #tracker-guided-launch { left: auto !important; right: 18px !important; bottom: 76px !important; }
@media (max-width: 1100px) { html[data-adl] #tracker-guided-launch { left: auto !important; } }
@media (max-width: 760px) { html[data-adl] #tracker-guided-launch { right: 14px !important; bottom: calc(140px + env(safe-area-inset-bottom)) !important; } }
html[data-adl] #main:has(> .coach-hero) { display: flex; flex-direction: column; gap: 26px; }
html[data-adl] #main:has(> .coach-hero) > * { order: 2; margin-top: 0 !important; }
html[data-adl] #main:has(> .coach-hero) > :is(.coach-hero, .csu-mobile-label) { order: 0; }
html[data-adl] #main:has(> .coach-hero) > :is(.tracker-trust, .tracker-integration-story) { order: 3; }

/* ---------- night display: template surfaces that were hard-coded light ---------- */
html[data-adl][data-theme="dark"] #main :is(.line-unit, .compare-card, .ask-form, .filters, .title-card, .grade-box, .schedule-tile, .metric, .column, .boardcard, .clip) { background: var(--surface) !important; border-color: var(--rule) !important; color: var(--ink) !important; }
html[data-adl][data-theme="dark"] #main .line-unit .unit-title { background: var(--surface-2) !important; color: var(--g-300) !important; border-top-color: var(--g-500) !important; }
html[data-adl][data-theme="dark"] #main :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]) { background: var(--surface-2) !important; color: var(--ink) !important; border-color: var(--rule-strong) !important; }
html[data-adl][data-theme="dark"] #main :is(.small-button, .tabs button, .summary-pill, .playeravatar) { background: var(--surface-2) !important; color: var(--ink-2) !important; border-color: var(--rule-strong) !important; }
html[data-adl][data-theme="dark"] #main .tabs { background: var(--bg-2) !important; border-color: var(--rule) !important; }
html[data-adl][data-theme="dark"] #main .tabs button:is(.active, [aria-pressed="true"], [aria-selected="true"]) { background: var(--g-300) !important; color: #03132A !important; }
html[data-adl][data-theme="dark"] #main td { background-color: transparent; }
html[data-adl][data-theme="dark"] #main :is(.panel-body, .cc-snapshot) > :is(button, a):not(.primary):not(.linkbtn):not(.playercell), html[data-adl][data-theme="dark"] #main .actions:not(:is(.pagehead, .coach-hero) .actions) > :is(button, a):not(.primary):not(.platform-walkthrough-trigger) { background: var(--surface-2) !important; color: var(--ink) !important; border-color: var(--rule-strong) !important; }
html[data-adl] .topbar .tb-search:not(:has(.search-icon))::before { content: ""; flex: none; width: 17px; height: 17px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat; }
@media (max-width: 900px) { html[data-adl] .topbar .tb-search:not(:has(.search-icon))::before { margin: 0 auto; } }

/* ---------- phones: full wordmark; floating buttons stacked in one corner, never covering the end of the page ---------- */
@media (max-width: 420px) {
  html[data-adl] .tb-brand .wm { overflow: visible; }
  html[data-adl] .tb-brand .wm b { font-size: clamp(12px, calc(4.4vw - 3px), 15px); letter-spacing: -.01em; }
  html[data-adl] .tb-brand .wm .wm-l { display: none; }
  html[data-adl] .tb-brand .wm small { display: block !important; font-size: 6.5px; letter-spacing: .1em; }
  html[data-adl] .tb-brand .crest { width: 36px; height: 36px; } html[data-adl] .tb-brand .crest img { width: 27px; }
  html[data-adl] .topbar .tb-brand { gap: 7px; }
  html[data-adl] #app .topbar { gap: 6px; }
}
html[data-adl] #main { padding-bottom: 140px !important; }
@media (max-width: 760px) {
  html[data-adl] #main { padding-bottom: calc(220px + env(safe-area-inset-bottom)) !important; }
  html[data-adl] .csu-ask-launcher, html[data-adl] #tracker-guided-launch { right: 12px !important; left: auto !important; width: 48px !important; height: 48px !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; border-radius: 50% !important; display: grid !important; place-items: center; font-size: 0 !important; color: transparent !important; overflow: hidden; }
  html[data-adl] .csu-ask-launcher { bottom: calc(86px + env(safe-area-inset-bottom)) !important; }
  html[data-adl] .csu-ask-launcher svg { width: 20px !important; height: 20px !important; margin: 0 !important; }
  html[data-adl] #tracker-guided-launch { bottom: calc(142px + env(safe-area-inset-bottom)) !important; }
  html[data-adl] #tracker-guided-launch > * { display: none !important; }
  html[data-adl] #tracker-guided-launch::before { content: ""; width: 20px; height: 20px; background: #ffffff; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M10 8.5v7l6-3.5z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M10 8.5v7l6-3.5z'/%3E%3C/svg%3E") center / contain no-repeat; }
}
/* phones: Ask Tracker and the narrated guide sit in the tab-bar row (never over content) */
@media (max-width: 760px) {
  html[data-adl] .csu-ask-launcher, html[data-adl] #tracker-guided-launch { width: 54px !important; height: 54px !important; bottom: calc(15px + env(safe-area-inset-bottom)) !important; z-index: 46 !important; box-shadow: 0 12px 30px -12px rgba(0,0,0,.55), inset 0 0 0 1px rgba(181,210,251,.28) !important; }
  html[data-adl] .csu-ask-launcher { right: 10px !important; }
  html[data-adl] #tracker-guided-launch { right: 70px !important; }
  html[data-adl] .csu-mobile-nav { right: 72px !important; }
  html[data-adl] body:has(#tracker-guided-launch:not([hidden])) .csu-mobile-nav { right: 132px !important; }
  html[data-adl] .csu-mobile-nav a { font-size: 9.5px !important; letter-spacing: -.01em; }
  html[data-adl] #main { padding-bottom: calc(110px + env(safe-area-inset-bottom)) !important; }
}
@media (max-width: 380px) { html[data-adl] .csu-mobile-nav a { font-size: 8.5px !important; } }