/* AOK skin for the agent resource pages. Loaded LAST so it wins over base-doc.css / matte.css and each page's own :root. */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap');
:root{
  --aok-ink:#0f172a;--aok-ink2:#334155;--aok-muted:#566275;--aok-faint:#6b7686;
  --aok-bg:#f2f4f7;--aok-card:#ffffff;--aok-fill:#eef1f5;--aok-line:#e1e5eb;
  --aok-blue:#3b6ea8;--aok-amber:#f2b06e;--aok-amber-ink:#c27a2c;--aok-green:#2f9e74;--aok-red:#dc4c4c;--aok-violet:#7c6fd6;
  --aok-sans:'Geist',Arial,Helvetica,sans-serif;--aok-mono:'Geist',Arial,Helvetica,sans-serif;
  --aok-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(15,23,42,.05),0 2px 4px rgba(15,23,42,.04),0 12px 32px -12px rgba(15,23,42,.18);
  --aok-sb:0px;
}
:root:not(.aok-sandbox){
  /* remap every page's tokens */
  --bg:var(--aok-bg);--bg2:#fff;--bg3:var(--aok-bg);--bg-2:var(--aok-bg);
  --panel:#fff;--panel2:var(--aok-fill);--card:#fff;--line:var(--aok-line);
  --ink:var(--aok-ink);--ink-soft:var(--aok-ink2);--body:var(--aok-ink2);--muted:var(--aok-muted);
  --slate400:var(--aok-muted);--slate300:var(--aok-ink2);--slate200:var(--aok-ink);
  --plg:var(--aok-blue);--plg-light:#5b8cc4;--plg-dark:#2f5b8c;
  --accent:var(--aok-blue);--accent2:#2f5b8c;--gold:var(--aok-blue);--gold2:#2f5b8c;--glow:#1e3a5f;
  --emerald:var(--aok-green);--emerald-dark:#1f7a57;--good:var(--aok-green);
  --amber:var(--aok-amber-ink);--warn:var(--aok-amber-ink);--red:var(--aok-red);--red-dark:#b83a3a;--bad:var(--aok-red);--violet:var(--aok-violet);
  --serif:var(--aok-sans);--sans:var(--aok-sans);--display:var(--aok-sans);--mono:var(--aok-mono);
  --lr-page:#fff;--lr-fill:var(--aok-fill);--lr-rule:var(--aok-line);--lr-rule-soft:var(--aok-line);--lr-ink:var(--aok-ink);--lr-muted:var(--aok-muted);--lr-gold:var(--aok-blue);--lr-sans:var(--aok-sans);--lr-mono:var(--aok-mono);
  --mt-ground:var(--aok-bg);--mt-surface:#fff;--mt-surface-2:var(--aok-fill);--mt-rule:var(--aok-line);--mt-ink:var(--aok-ink);--mt-muted:var(--aok-muted);--mt-accent:var(--aok-ink);--mt-accent-ink:#fff;
  --text:var(--aok-ink);--text2:var(--aok-ink2);--surface:#fff;--surface2:var(--aok-fill);--primary:var(--aok-blue);--brand:var(--aok-blue);
  /* leader pages */
  --txt:var(--aok-ink);--mut:var(--aok-muted);--mut2:var(--aok-faint);--line2:var(--aok-line);
  --blue:var(--aok-blue);--blue-d:#2f5b8c;--blue-l:#5b8cc4;--green:var(--aok-green);
  --goldbox:#1e293b;--pale:var(--aok-ink);--white:var(--aok-ink);--dim:var(--aok-muted);--border:var(--aok-line);
  --slate950:#fff;--slate900:var(--aok-bg);--slate800:var(--aok-fill);--slate700:var(--aok-line);--slate600:var(--aok-ink2);--slate500:var(--aok-muted);
  --emerald300:#3b6ea8;--emerald400:var(--aok-blue);--emerald500:var(--aok-blue);--emerald-plg:var(--aok-blue);--emerald-plg-dark:#2f5b8c;
  --amber200:var(--aok-amber-ink);--amber300:var(--aok-amber-ink);--amber400:var(--aok-amber-ink);--amber500:#a8641f;
  --card2:#fff;--field:#fff;--s-new:var(--aok-blue);--s-review:var(--aok-violet);--s-surelc:#2f5b8c;--s-nlc:var(--aok-amber-ink);--s-submitted:var(--aok-ink2);--s-awaiting:var(--aok-amber-ink);--s-done:var(--aok-green);
  /* us-map statuses */
  --land:#e6e9ee;--c-not-started:#8b97a9;--c-in-progress:#c27a2c;--c-past-due:#dc4c4c;--c-licensed:#2f9e74;
}
html:not(.aok-sandbox),html:not(.aok-sandbox) body{background:var(--aok-bg)!important;color:var(--aok-ink)}
body{font-family:var(--aok-sans)!important;-webkit-font-smoothing:antialiased;padding-left:var(--aok-sb)!important;transition:padding-left .25s}
body,button,input,select,textarea,p,li,td,th,dd,dt,h1,h2,h3,h4,h5,h6{font-family:var(--aok-sans)}
code,kbd,pre,samp,.mono{font-family:var(--aok-mono)!important}
h1,h2,h3,h4{color:inherit;letter-spacing:-.02em}
h1{font-weight:600}
a{color:var(--aok-blue)}a:hover{color:#2f5b8c}
::selection{background:#cfe0f3;color:var(--aok-ink)}
input,select,textarea{background:#fff;border:1px solid #d6dbe3;border-radius:10px;color:var(--aok-ink)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--aok-blue)!important;outline-offset:-1px}
button{border-radius:10px}
table{background:#fff;border-radius:12px;overflow:hidden;border-collapse:separate!important;border-spacing:0;box-shadow:0 0 0 1px var(--aok-line)}
th,td{border:0!important;border-bottom:1px solid var(--aok-line)!important;padding:10px 14px}
th{background:var(--aok-fill)!important;font:500 11px/1.2 var(--aok-mono)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--aok-muted)!important}
tbody tr:nth-child(even) td{background:#fafbfc!important}
tbody tr:last-child td{border-bottom:0!important}

/* ---------- Dark hero: every page's top bar ---------- */
body > header,body > #top,body > .tbar,body > header .bar{background:#0f172a!important;color:#e2e8f0!important;border-color:rgba(255,255,255,.08)!important;box-shadow:none!important}
body > header *,body > #top *,body > .tbar *{border-color:rgba(255,255,255,.1)}
body > header b,body > #top b,body > .tbar b,body > header h1,body > header .brand b{color:#fff!important}
body > header span,body > header p,body > #top small,body > .tbar .sub,body > header .brand span{color:#94a3b8!important}
body > header .logo,body > #top .logo,body > .tbar .logo{background:#1e293b!important;color:#fff!important;border-radius:10px!important;box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;font:700 12px/1 var(--aok-sans)!important}
body > header button,body > #top button,body > .tbar a,body > header a{color:#e2e8f0!important}
body > header .toggle,body > #top #tabs,body > #top #phasebar{background:rgba(255,255,255,.06)!important;border-radius:10px}
body > header .toggle button.active,body > header .toggle button.on,body > #top .on,body > #top .active{background:#fff!important;color:#0f172a!important}
body > header .toggle button.active *,body > #top .on *,body > #top .active *{color:#0f172a!important}
body > header .counter b{color:var(--aok-amber)!important}
body > .rail:not(#rail):not(:has(.crumbs)),body > .progress,body > #bar{background:#1e293b!important}
body > #rail.rail{background:transparent!important;color:var(--aok-ink2)!important}
body > .rail .fill,body > .progress .fill,body > #bar > *,#railfill,#pfill{background:var(--aok-amber)!important}
/* us-map has a text header, not a bar */
body.aok-usmap > header{padding:28px 32px 24px!important}
body.aok-usmap > header h1{font-size:26px!important;margin:0 0 6px!important}

/* ---------- Light body: cards, buttons ---------- */
.card,.panel,.slide .inner,.box{border-radius:18px}
.card{box-shadow:var(--aok-shadow)!important;border:0!important}
.btn.primary,button.primary,.primary.btn{background:#0f172a!important;color:#fff!important;border-color:#0f172a!important;box-shadow:0 6px 14px -6px rgba(15,23,42,.55)!important}
.btn:not(.primary){background:#fff;color:var(--aok-ink);border:1px solid var(--aok-line);border-radius:10px}
.band{background:#0f172a!important;color:#fff!important}
.band h1,.band h2,.band p,.band .step{color:#fff!important}
.band p{color:#cbd5e1!important}
.band .step{background:rgba(255,255,255,.08)!important;color:var(--aok-amber)!important;border-radius:999px}
.kicker{color:var(--aok-blue)!important;font-family:var(--aok-mono)!important;letter-spacing:.08em}
em{color:var(--aok-blue)}

/* ---------- Shared sidebar ---------- */
.aok-sb{position:fixed;top:0;left:0;bottom:0;width:248px;z-index:2147483000;background:#0b1220;color:#e2e8f0;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .25s cubic-bezier(.2,.8,.2,1);font-family:var(--aok-sans)}
.aok-sb.open{transform:none;box-shadow:24px 0 48px -24px rgba(0,0,0,.6)}
.aok-sb-top{display:flex;align-items:center;gap:10px;padding:16px 14px 12px}
.aok-sb-logo{width:34px;height:34px;border-radius:10px;background:#1e293b;display:grid;place-items:center;box-shadow:0 0 0 1px rgba(255,255,255,.08);flex:none}
.aok-sb-top b{font-size:16px;font-weight:600;color:#fff;letter-spacing:-.01em}
.aok-sb-top span{display:block;font:500 10.5px/1.2 var(--aok-mono);color:#8b97a9;letter-spacing:.06em;text-transform:uppercase}
.aok-sb-x{margin-left:auto;border:0;background:transparent;color:#94a3b8;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:16px}
.aok-sb-x:hover{background:rgba(255,255,255,.08);color:#fff}
.aok-sb-nav{flex:1;overflow-y:auto;padding:4px 10px 16px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin}
.aok-sb-back{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;color:#cbd5e1!important;text-decoration:none;font-size:13.5px;font-weight:500;background:rgba(255,255,255,.05)}
.aok-sb-back:hover{background:rgba(255,255,255,.1);color:#fff!important}
.aok-sb-g{display:flex;flex-direction:column;gap:1px}
.aok-sb-gh{display:flex;align-items:center;gap:8px;padding:4px 10px 6px;font:500 10.5px/1 var(--aok-mono);letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.aok-sb-gh i{width:7px;height:7px;border-radius:50%;background:var(--c)}
.aok-sb a.aok-sb-i{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;color:#cbd5e1!important;text-decoration:none;font-size:13.5px;line-height:1.25}
.aok-sb a.aok-sb-i:hover{background:rgba(255,255,255,.06);color:#fff!important}
.aok-sb a.aok-sb-i.on{background:#fff;color:#0f172a!important;font-weight:500}
.aok-sb a.aok-sb-i .ext{margin-left:auto;font-size:11px;color:#64748b}
.aok-sb-tog{position:fixed;left:auto;right:0;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;border-radius:12px 0 0 12px!important;padding:14px 9px!important;z-index:2147482999;display:flex;align-items:center;gap:8px;border:0;background:#0f172a;color:#fff;border-radius:999px;padding:10px 14px 10px 12px;font:500 13px/1 var(--aok-sans);cursor:pointer;box-shadow:0 10px 24px -10px rgba(15,23,42,.7),0 0 0 1px rgba(255,255,255,.08)}
.aok-sb-tog:hover{background:#1e293b}
.aok-sb-tog svg{transform:rotate(90deg)}
.btn-primary,.btn-go{background:#0f172a!important;color:#fff!important;border-color:#0f172a!important;box-shadow:0 6px 14px -6px rgba(15,23,42,.55)!important}
.aok-sb-scrim{position:fixed;inset:0;z-index:2147482998;background:rgba(15,23,42,.35);opacity:0;pointer-events:none;transition:opacity .2s}
.aok-sb.open ~ .aok-sb-scrim{opacity:1;pointer-events:auto}
@media(min-width:1280px){
  .aok-sb.pinned{transform:none;box-shadow:none}
  .aok-sb.pinned ~ .aok-sb-scrim{display:none}
  .aok-sb.pinned ~ .aok-sb-tog{display:none}
}

/* your-why / contracting-guide deck shells */
#glow{background:radial-gradient(900px 520px at 80% -10%,rgba(59,110,168,.10),transparent 62%),radial-gradient(700px 480px at 0% 110%,rgba(242,176,110,.10),transparent 60%)!important}
body > #top .tab,body > #top #phasebar > *{color:#94a3b8!important;background:transparent!important;border-color:transparent!important}
body > #top .tab:hover{color:#fff!important;background:rgba(255,255,255,.06)!important}
body > #top .tab.on,body > #top .tab.active,body > #top .tab.cur,body > #top #phasebar > .on,body > #top #phasebar > .cur{background:#fff!important;color:#0f172a!important}
body > #top .tab.done,body > #top #phasebar > .done{color:#5cc49a!important}
body > #top #startover{background:rgba(255,255,255,.06)!important;color:#e2e8f0!important;border-color:rgba(255,255,255,.12)!important}
body > #top #tabs,body > #top #phasebar{padding:4px}
#brand a{color:#fff!important;text-decoration:none}
#brand small{color:#94a3b8!important}
body > #nav{background:linear-gradient(rgba(242,244,247,0),rgba(242,244,247,.96) 40%)!important}
#stage{left:var(--aok-sb)!important}
#brand,#brand *{white-space:nowrap}
.gatehint{color:var(--aok-amber-ink)!important}

body > header .hbtn,body > header .backlink{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#e2e8f0!important;box-shadow:none!important}
body > header .hbtn:hover,body > header .backlink:hover{background:rgba(255,255,255,.12)!important}
body > .rail:has(.crumbs){background:transparent!important;border:0!important;box-shadow:none!important}
.crumbs > *{font-family:var(--aok-sans)!important}

.kicker{background:#eef4fb!important;border-radius:999px!important}
/* menu toggle lives in the dark top bar */
.aok-sb-tog.in-bar{position:static;transform:none;writing-mode:horizontal-tb;border-radius:10px!important;padding:0!important;width:36px;height:36px;justify-content:center;flex:none;background:rgba(255,255,255,.06);box-shadow:0 0 0 1px rgba(255,255,255,.1);margin-right:4px}
.aok-sb-tog.in-bar svg{transform:none}
.aok-sb-tog.in-bar .t{display:none}
@media(min-width:1280px){ .aok-sb-tog.in-bar{display:none} }

@media(min-width:821px){
  body > #top{flex-wrap:nowrap!important}
  body > #top #tabs,body > #top #phasebar{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;min-width:0;flex:0 1 auto}
  body > #top #tabs::-webkit-scrollbar,body > #top #phasebar::-webkit-scrollbar{display:none}
  body > #top .tab,body > #top #phasebar > *{flex:none}
}

/* ---------- Ask AOK (replaces the old question bot) ---------- */
.plgqa-root{display:none!important}
.aok-ask-fab{position:fixed;right:20px;bottom:20px;z-index:2147482990;width:56px;height:56px;border-radius:18px;border:0;background:#0f172a;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 28px -12px rgba(15,23,42,.7),0 0 0 1px rgba(255,255,255,.08);transition:transform .2s,border-radius .2s}
.aok-ask-fab:hover{transform:translateY(-2px)}
.aok-ask-fab.on{border-radius:50%}
.aok-ask-fab svg{position:relative}
.aok-ask-ring{position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(242,176,110,.55);animation:aokRing 2.6s ease-out infinite}
.aok-ask-fab.on .aok-ask-ring{animation:none}
@keyframes aokRing{0%{box-shadow:0 0 0 0 rgba(242,176,110,.5)}70%{box-shadow:0 0 0 14px rgba(242,176,110,0)}100%{box-shadow:0 0 0 0 rgba(242,176,110,0)}}
.aok-ask{position:fixed;right:20px;bottom:88px;z-index:2147482991;width:min(380px,calc(100vw - 32px));max-height:min(560px,calc(100dvh - 120px));display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;font-family:var(--aok-sans);color:var(--aok-ink);box-shadow:0 0 0 1px rgba(15,23,42,.06),0 30px 60px -20px rgba(15,23,42,.45);opacity:0;transform:translateY(12px) scale(.98);transform-origin:bottom right;pointer-events:none;transition:opacity .2s,transform .2s cubic-bezier(.2,.8,.2,1)}
.aok-ask.open{opacity:1;transform:none;pointer-events:auto}
.aok-ask-hd{display:flex;align-items:center;gap:10px;padding:14px 14px 14px 16px;background:#0f172a;color:#fff}
.aok-ask-logo{width:34px;height:34px;border-radius:10px;background:#1e293b;display:grid!important;place-items:center;align-items:center;justify-items:center;line-height:0;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.aok-ask-hd b{display:block!important;font-size:15px!important;font-weight:600!important;color:#fff!important;line-height:1.2}
.aok-ask-hd span{display:block;font-size:12px;color:#94a3b8;margin-top:2px}
.aok-ask-x{margin-left:auto;border:0;background:transparent;color:#94a3b8;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:15px}
.aok-ask-x:hover{background:rgba(255,255,255,.08);color:#fff}
.aok-ask-search{display:flex;align-items:center;gap:8px;margin:12px 12px 4px;padding:0 12px;background:#f6f7f9;border-radius:12px;color:var(--aok-muted)}
.aok-ask-search:focus-within{background:#fff;box-shadow:0 0 0 2px var(--aok-blue)}
.aok-ask-search input{flex:1;min-width:0;border:0!important;background:transparent!important;outline:none!important;font:inherit;font-size:14.5px;padding:12px 0;color:var(--aok-ink)}
.aok-ask-body{overflow-y:auto;padding:6px 12px 14px;display:flex;flex-direction:column;gap:4px}
.aok-ask-k{font:500 10.5px/1 var(--aok-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--aok-muted);padding:10px 4px 6px}
.aok-ask-item{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left;border:0;background:transparent;border-radius:12px;padding:11px 12px;cursor:pointer;color:var(--aok-ink);font:inherit}
.aok-ask-item:hover{background:#f6f7f9}
.aok-ask-item.on{background:#eef4fb}
.aok-ask-qt{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:500;line-height:1.35}
.aok-ask-qt i{margin-left:auto;font-style:normal;color:var(--aok-blue);font-weight:600}
.aok-ask-an{align-self:flex-start;max-width:92%;background:#e9e9eb;color:#0f172a;font-size:14px;line-height:1.4;padding:9px 13px;border-radius:18px 18px 18px 5px}
.aok-ask-new{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.aok-ask-send{border:0;background:#0f172a;color:#fff;border-radius:12px;padding:13px 14px;font-style:normal;font-weight:600;font-size:14px;line-height:1.3;font-family:inherit;cursor:pointer;text-align:left;box-shadow:0 6px 14px -6px rgba(15,23,42,.55)}
.aok-ask-send:hover{background:#1e293b}
.aok-ask-sent{display:flex;gap:10px;align-items:flex-start;margin-top:8px;background:#e6f4ee;border-radius:14px;padding:12px 14px}
.aok-ask-sent > span{width:24px;height:24px;border-radius:50%;background:#2f9e74;color:#fff;display:grid;place-items:center;font-size:13px;flex:none}
.aok-ask-sent b{display:block;font-size:14px;font-weight:600;color:#1f7a57}
.aok-ask-sent div span{display:block;font-size:12.5px;color:#3f6b5a;margin-top:2px}
@media(max-width:760px){ .aok-ask{right:12px;bottom:80px} .aok-ask-fab{right:12px;bottom:12px} }
.aok-ask-logo svg,.aok-ask-fab svg,.aok-sb-logo svg{display:block;margin:auto}
.aok-ask-hd > div{display:flex;flex-direction:column;min-width:0}
.aok-ask-fb{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #eef1f5}
.aok-ask-fb button{border:0;background:#f1f3f6;color:#334155;border-radius:999px;padding:8px 12px;font:500 12.5px/1 var(--aok-sans);cursor:pointer}
.aok-ask-fb button:hover{background:#e6e9ee}
.aok-ask-fbok{font-size:13px;color:#1f7a57;font-weight:500;padding:6px 2px}

/* ---------- Agent dashboard (glossy app) + My Contracts ---------- */
.gloss{--bg:#f2f4f7;--ink:#0f172a;--muted:#64748b;--faint:#8b97a9;--surface:#ffffff;--surface-2:#eef1f5;--border:#e1e5eb;--border-2:#d6dbe3;--accent:#3b6ea8;--accent2:#7c6fd6;--gold-1:#3b6ea8;--gold-2:#2f5b8c;--ok:#2f9e74;--font:var(--aok-sans);--font-num:var(--aok-mono);
  background:radial-gradient(900px 520px at 80% -10%,rgba(59,110,168,.10),transparent 62%),radial-gradient(700px 480px at 0% 110%,rgba(242,176,110,.10),transparent 60%),#f2f4f7!important}
body:has(.gloss){background:#f2f4f7!important}
.gloss .card{background:#fff!important;border:0!important;border-radius:18px!important;box-shadow:var(--aok-shadow)!important}
.gloss aside,.gloss .rail,.gloss .sidebar,.gloss nav.side{background:#0f172a!important;color:#e2e8f0!important;border-color:rgba(255,255,255,.06)!important}
.gloss aside a,.gloss .rail a,.gloss .sidebar a{color:#cbd5e1!important}
.gloss aside .active,.gloss .rail .active,.gloss .sidebar .active,.gloss aside [aria-current],.gloss .sidebar [aria-current]{background:#fff!important;color:#0f172a!important}
.gloss h1,.gloss h2{letter-spacing:-.02em}
.gloss button.primary,.gloss .btn-primary,.gloss .kadd-btn{background:#0f172a!important;color:#fff!important;border-color:#0f172a!important}

.gloss{--accent2:#2f5b8c;--gold-1:#c27a2c;--gold-2:#a8641f}
.gloss .brand .mark{background:#1e293b!important;box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;color:#fff!important}
.gloss .starthere{background:#0f172a!important;color:#fff!important;box-shadow:0 18px 36px -18px rgba(15,23,42,.6)!important;border:0!important}
.gloss .starthere::before,.gloss .starthere::after{display:none!important}
.gloss .starthere .lbl{color:#fff!important}.gloss .starthere .sub{color:#cbd5e1!important;opacity:1!important}
.gloss .starthere [class*="play"],.gloss .starthere > span:first-child{background:#f2b06e!important;color:#0f172a!important;border-color:transparent!important}
.gloss .esttime .big{background:none!important;color:#0f172a!important;-webkit-text-fill-color:#0f172a}
.gloss .help-fab{display:none!important}
.gloss .welcome,.gloss [class*="welcome"]{border-left-color:#3b6ea8!important}
body:has(.gloss) .aok-sb-tog{left:auto;right:0;top:40%;border-radius:12px 0 0 12px!important}

/* hub: dark hero */
body > .hero{background:radial-gradient(800px 360px at 70% 0%,rgba(59,110,168,.35),transparent 65%),#0f172a!important;color:#fff;margin:0!important;padding-bottom:64px!important;border-bottom:0!important}
body > .hero h1{color:#fff!important}
body > .hero em{color:#f2b06e!important;font-style:normal}
body > .hero p{color:#cbd5e1!important}
body > .hero .kicker{background:rgba(255,255,255,.08)!important;color:#f2b06e!important}
body > .hero a:not(.cta):not([class*="primary"]),body > .hero .btn:not(.primary){background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important;box-shadow:none!important}
body > .hero .cta,body > .hero [class*="primary"]{background:#fff!important;color:#0f172a!important;border-color:#fff!important}
body > header .nav a.cta{background:#fff!important;color:#0f172a!important;box-shadow:none!important}
body > .hero .kicker{display:inline-flex!important;width:auto!important;padding:7px 12px!important;border-radius:999px!important;margin-left:auto;margin-right:auto}
body > .hero{text-align:center}

/* kpi header controls on dark */
body > header .seg{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important}
body > header .seg button{color:#cbd5e1!important;background:transparent!important}
body > header .seg button.on{background:#fff!important;color:#0f172a!important}
body > header .pill{background:rgba(242,176,110,.14)!important;color:#f2b06e!important;border-color:transparent!important}
body > header .pill .dot{background:#f2b06e!important}
body > header .pill span{color:#f2b06e!important}
body > header .fctl,body > header select{background:rgba(255,255,255,.06)!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important}
body > header .fctl *{color:#e2e8f0!important}
body > header select option{color:#0f172a;background:#fff}
body > header nav a:not(.cta),body > header .jump a,body > header .tabs a,body > header .tabs button{background:rgba(255,255,255,.06)!important;color:#cbd5e1!important;border-color:rgba(255,255,255,.1)!important;box-shadow:none!important}
body > header nav a:not(.cta):hover{background:rgba(255,255,255,.12)!important;color:#fff!important}
body > header .snav a{background:rgba(255,255,255,.06)!important;color:#cbd5e1!important;border-color:rgba(255,255,255,.1)!important;box-shadow:none!important}
body > header .snav a:hover{background:#fff!important;color:#0f172a!important}
.badge{background:#0f172a!important;color:#fff!important;border-color:transparent!important}
.aok-sb-g[style*="#0f172a"] .aok-sb-gh i{background:#f2b06e}
.gloss .card::before{background:#3b6ea8!important}
html.aok-sandbox .aok-ask-fab{right:auto;left:20px;width:48px;height:48px;border-radius:14px}
html.aok-sandbox .aok-ask{right:auto;left:20px;transform-origin:bottom left}

/* ---------- Command Center shell ---------- */
#gate{background:radial-gradient(800px 420px at 70% -10%,rgba(59,110,168,.35),transparent 62%),#0f172a!important}
#gate .gate-card{background:#fff!important;border-radius:22px!important;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)!important;border:0!important}
#gate .gate-btn{background:#0f172a!important;color:#fff!important;border:0!important;border-radius:12px!important}
.shell > aside.side{background:#0f172a!important;color:#e2e8f0!important;border-color:rgba(255,255,255,.06)!important}
.shell > aside.side *{border-color:rgba(255,255,255,.08)}
.shell > aside.side a,aside.side button{color:#cbd5e1!important}
.shell > aside.side a:hover,aside.side button:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
.shell > aside.side .active,aside.side a.on,aside.side [aria-current="page"]{background:#fff!important;color:#0f172a!important}
.shell > aside.side .active *,aside.side a.on *{color:#0f172a!important}
.shell > aside.side b,aside.side h1,aside.side h2,aside.side strong{color:#fff!important}
.shell > aside.side small,aside.side .sub,aside.side .muted,aside.side .sect,aside.side .label{color:#64748b!important}
.shell > aside.side img{border-radius:10px}
#toolbar{background:#0f172a!important;color:#e2e8f0!important}
#toolbar button{background:rgba(255,255,255,.06)!important;color:#e2e8f0!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:8px}
body > header .brand > .dot{background:#f2b06e!important}
body:has(#shell) aside.side{background:#0f172a!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;-webkit-mask-image:none!important;mask-image:none!important}
body:has(#shell) aside.side .nav a{color:#cbd5e1!important;opacity:1!important}
body:has(#shell) aside.side .nav a i,aside.side .nav a svg{color:#94a3b8!important}
body:has(#shell) aside.side .nav a.active{background:#fff!important;color:#0f172a!important}
body:has(#shell) aside.side .nav a.active i,aside.side .nav a.active svg{color:#3b6ea8!important}
body:has(#shell) aside.side .nav a.nav-analytics{background:rgba(242,176,110,.14)!important;color:#f2b06e!important;box-shadow:none!important}
body:has(#shell) aside.side .nav a.nav-analytics i,aside.side .nav a.nav-analytics svg{color:#f2b06e!important}
body:has(#shell) aside.side .nav a.nav-analytics.active{background:#f2b06e!important;color:#0f172a!important}
body:has(#shell) aside.side .nav a.nav-analytics.active i,aside.side .nav a.nav-analytics.active svg{color:#0f172a!important}
body:has(#shell) aside.side .brand span{color:#94a3b8!important}
body:has(#shell) aside.side .side-foot button{background:rgba(255,255,255,.06)!important;color:#cbd5e1!important;border-color:rgba(255,255,255,.12)!important}

/* leadership library */
body > .wrap > header{background:#0f172a;color:#fff;margin:-26px 0 22px;padding:18px 20px;border-radius:0 0 20px 20px}
body > .wrap > header .brand b{color:#fff!important}
body > .wrap > header .brand span{color:#94a3b8!important}
body > .wrap > header .logo{background:#1e293b!important;color:#f2b06e!important}
.prog .fill{background:#f2b06e!important}
.feature,.flagship,[class*="feature"]{color:#fff}
body > header .toolbar button,body > header .toolbar .src,body > header .toolbar a{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;color:#e2e8f0!important;box-shadow:none!important}
body > header .toolbar button.on,body > header .toolbar .seg button.on,body > header .toolbar button.active{background:#fff!important;color:#0f172a!important}
body > header .toolbar input{background:#fff!important;color:#0f172a!important}
body > header .toolbar{background:transparent!important;-webkit-mask-image:none!important;mask-image:none!important}
body > header .ctl{background:rgba(255,255,255,.06)!important;color:#e2e8f0!important;border-color:rgba(255,255,255,.14)!important;box-shadow:none!important}
body > header .ctl select{background:transparent!important;color:#fff!important;border:0!important}
body > header .ctl *{color:#e2e8f0}
body:has(aside.side) .aok-sb-tog{left:auto;right:0;top:40%;border-radius:12px 0 0 12px!important}
.shell > aside.side{overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}
body:has(#shell) aside.side .nav{background:none!important}
body:has(#shell) aside.side .nav a{font-family:var(--aok-sans)!important;font-weight:500!important;font-size:14px!important;letter-spacing:-.005em;color:#e2e8f0!important}
body:has(#shell) aside.side .nav a.active{font-weight:600!important}
body:has(#shell) aside.side .brand b{font-family:var(--aok-sans)!important;font-weight:600!important;color:#fff!important}
html:not(.aok-sandbox) h1,html:not(.aok-sandbox) h2,html:not(.aok-sandbox) h3{font-family:var(--aok-sans)!important}
html:not(.aok-sandbox) h1{font-weight:600!important}
html:not(.aok-sandbox) h2,html:not(.aok-sandbox) h3{font-weight:600!important}
html:not(.aok-sandbox) b,html:not(.aok-sandbox) strong{font-weight:600}

/* ================= STRICT AOK TYPE + SURFACE SCALE (matches the recruit board) ================= */
html:not(.aok-sandbox) body{font-size:14.5px;line-height:1.5;letter-spacing:-.003em}
html:not(.aok-sandbox) h1{font-size:clamp(24px,2.4vw,30px)!important;line-height:1.15!important;letter-spacing:-.025em!important}
html:not(.aok-sandbox) h2{font-size:clamp(19px,1.8vw,22px)!important;line-height:1.2!important;letter-spacing:-.02em!important}
html:not(.aok-sandbox) h3{font-size:16px!important;line-height:1.3!important;letter-spacing:-.01em!important}
html:not(.aok-sandbox) h4{font-size:14.5px!important;font-weight:600!important}
html:not(.aok-sandbox) p,html:not(.aok-sandbox) li{color:inherit}
html:not(.aok-sandbox) body > header h1,html:not(.aok-sandbox) body > header .brand b,html:not(.aok-sandbox) body > #top b,html:not(.aok-sandbox) body > .tbar b{font-size:15px!important;font-weight:600!important;letter-spacing:-.01em!important}
html:not(.aok-sandbox) body > header .brand span,html:not(.aok-sandbox) body > .tbar .sub{font:500 10.5px/1.2 var(--aok-mono)!important;letter-spacing:.06em!important;text-transform:uppercase}
html:not(.aok-sandbox) body > header,html:not(.aok-sandbox) body > .tbar{min-height:56px}
/* slide/hero titles keep presence, but on the AOK scale */
html:not(.aok-sandbox) .slide h1,html:not(.aok-sandbox) .hero h1,html:not(.aok-sandbox) .band h1,html:not(.aok-sandbox) #slide h1{font-size:clamp(28px,3.6vw,44px)!important;font-weight:600!important;line-height:1.08!important}
html:not(.aok-sandbox) .slide h2,html:not(.aok-sandbox) #slide h2{font-size:clamp(22px,2.6vw,30px)!important}
/* eyebrows / kickers / section labels → mono uppercase */
html:not(.aok-sandbox) .kicker,html:not(.aok-sandbox) .eyebrow,html:not(.aok-sandbox) .label,html:not(.aok-sandbox) .lbl,html:not(.aok-sandbox) .section-hd,html:not(.aok-sandbox) .sect-label,html:not(.aok-sandbox) .shead h2,html:not(.aok-sandbox) th{font-family:var(--aok-mono)!important;font-size:11px!important;font-weight:500!important;letter-spacing:.08em!important;text-transform:uppercase}
/* buttons */
html:not(.aok-sandbox) button,html:not(.aok-sandbox) .btn,html:not(.aok-sandbox) a.btn{font-family:var(--aok-sans)!important;letter-spacing:-.005em}
html:not(.aok-sandbox) .btn,html:not(.aok-sandbox) a.btn,html:not(.aok-sandbox) button.btn{font-size:14px!important;font-weight:500!important;border-radius:12px!important;min-height:40px}
html:not(.aok-sandbox) .btn.primary,html:not(.aok-sandbox) .btn-primary,html:not(.aok-sandbox) .btn-go,html:not(.aok-sandbox) a.primary,html:not(.aok-sandbox) button.primary,html:not(.aok-sandbox) .cta{background:#0f172a!important;color:#fff!important;border-color:#0f172a!important;font-weight:600!important;box-shadow:0 6px 14px -6px rgba(15,23,42,.55)!important;background-image:none!important}
html:not(.aok-sandbox) .btn.primary:hover,html:not(.aok-sandbox) .btn-primary:hover,html:not(.aok-sandbox) a.primary:hover{background:#1e293b!important}
/* inputs */
html:not(.aok-sandbox) input:not([type=checkbox]):not([type=radio]):not([type=range]),html:not(.aok-sandbox) select,html:not(.aok-sandbox) textarea{font:inherit;font-size:14.5px!important;border-radius:12px!important;background:#f6f7f9!important;border:1px solid transparent!important;color:var(--aok-ink)!important;padding:11px 13px}
html:not(.aok-sandbox) input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,html:not(.aok-sandbox) select:focus,html:not(.aok-sandbox) textarea:focus{background:#fff!important;outline:none!important;box-shadow:0 0 0 2px var(--aok-blue)!important}
html:not(.aok-sandbox) input[type=checkbox],html:not(.aok-sandbox) input[type=radio]{accent-color:#0f172a}
html:not(.aok-sandbox) .searchwrap input,html:not(.aok-sandbox) :is(svg,i[data-lucide])+input:not([type=checkbox]):not([type=radio]){padding-left:40px!important}
html:not(.aok-sandbox) label{font-size:13px}
/* surfaces */
html:not(.aok-sandbox) .card,html:not(.aok-sandbox) .panel,html:not(.aok-sandbox) .tile,html:not(.aok-sandbox) .box,html:not(.aok-sandbox) .module,html:not(.aok-sandbox) .lesson,html:not(.aok-sandbox) .item-card{background:#fff;border-radius:18px!important;box-shadow:var(--aok-shadow)!important;border:0!important;background-image:none}
html:not(.aok-sandbox) .tile:hover,html:not(.aok-sandbox) a.card:hover{box-shadow:0 14px 30px -18px rgba(15,23,42,.4),0 0 0 1.5px var(--aok-blue)!important}
/* chips / pills / badges */
html:not(.aok-sandbox) .chip,html:not(.aok-sandbox) .pill,html:not(.aok-sandbox) .tag{border-radius:999px!important;font-family:var(--aok-mono)!important;font-size:11px!important;font-weight:500!important;letter-spacing:.04em}
/* progress */
html:not(.aok-sandbox) .progress .fill,html:not(.aok-sandbox) .bar .fill,html:not(.aok-sandbox) [class*="progress"] .fill{background:#f2b06e!important;background-image:none!important}
/* kill leftover gold glows/gradients */
html:not(.aok-sandbox) [style*="linear-gradient(120deg,var(--accent)"],html:not(.aok-sandbox) [style*="linear-gradient(135deg,var(--accent)"]{background:#0f172a!important;color:#fff!important}
/* numbers */
html:not(.aok-sandbox) .num,html:not(.aok-sandbox) .stat .n,html:not(.aok-sandbox) .big,html:not(.aok-sandbox) .kpi .v{font-family:var(--aok-mono)!important;letter-spacing:-.03em}
.wiz-pop .wiz-title,.wiz-pop{color:#fff}
.wiz-pop p,.wiz-pop .wiz-body{color:#cbd5e1}
/* bottom nav bars on deck pages → light, like the board */
html:not(.aok-sandbox) .aok-botbar{background:rgba(242,244,247,.94)!important;border-top:1px solid #e1e5eb!important;color:var(--aok-ink)!important;box-shadow:none!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
html:not(.aok-sandbox) .aok-botbar .btn:not(.primary):not(.btn-go):not(.btn-primary),html:not(.aok-sandbox) .aok-botbar button:not(.primary):not(.btn-go):not(.btn-primary):not([class*="next"]){background:#fff!important;color:var(--aok-ink)!important;border:1px solid #e1e5eb!important}

body > header [class*="secure"],body > header [class*="lock"],body > #top [class*="secure"]{background:rgba(47,158,116,.16)!important;color:#5cc49a!important;border-color:transparent!important}
body > header [class*="secure"] *,body > header [class*="lock"] *{color:#5cc49a!important}
/* top nav bars (marketing pages) → navy like the board header */
html:not(.aok-sandbox) .aok-topbar{background:#0f172a!important;color:#e2e8f0!important;border-color:rgba(255,255,255,.08)!important;box-shadow:none!important}
html:not(.aok-sandbox) .aok-topbar b,html:not(.aok-sandbox) .aok-topbar strong{color:#fff!important}
html:not(.aok-sandbox) .aok-topbar a:not([class*="btn"]):not(.cta){color:#cbd5e1!important}
html:not(.aok-sandbox) .aok-topbar small,html:not(.aok-sandbox) .aok-topbar span{color:#94a3b8}
html:not(.aok-sandbox) .aok-topbar [class*="btn"],html:not(.aok-sandbox) .aok-topbar .cta{background:#fff!important;color:#0f172a!important;border-color:#fff!important}
html:not(.aok-sandbox) .aok-topbar [class*="btn"] *{color:#0f172a!important}
/* dark heroes: keep body copy readable */
html:not(.aok-sandbox) .aok-darkbg p{color:#cbd5e1!important}
/* popups / intro cards → white board-style dialog */
html:not(.aok-sandbox) .aok-dialog{background:#fff!important;background-image:none!important;color:var(--aok-ink)!important;border:0!important;border-radius:22px!important;box-shadow:0 0 0 1px rgba(15,23,42,.06),0 30px 60px -20px rgba(15,23,42,.45)!important}
html:not(.aok-sandbox) .aok-dialog *:not(button):not(.btn):not(svg):not(path):not(kbd){color:inherit!important;background-image:none!important}
html:not(.aok-sandbox) .aok-dialog b,html:not(.aok-sandbox) .aok-dialog strong{color:var(--aok-ink)!important}
html:not(.aok-sandbox) .aok-dialog p,html:not(.aok-sandbox) .aok-dialog li{color:var(--aok-ink2)!important}
html:not(.aok-sandbox) .aok-dialog button:not([class*="skip"]):not([class*="close"]):not([class*="x"]),html:not(.aok-sandbox) .aok-dialog .btn{background:#0f172a!important;color:#fff!important;border:0!important;background-image:none!important}
html:not(.aok-sandbox) .aok-dialog button *{color:inherit!important}
html:not(.aok-sandbox) .aok-dialog [class*="skip"],html:not(.aok-sandbox) .aok-dialog [class*="close"]{background:transparent!important;color:var(--aok-muted)!important}
/* dark marketing pages (careers, course landing) keep AOK's black-dominant landing look */
html.aok-dark,html.aok-dark body{background:#0b0f17!important;color:#e2e8f0}
html.aok-dark .hero p,html.aok-dark section p{color:#cbd5e1!important}
html.aok-dark .shell > header,html.aok-dark .shell > nav,html.aok-dark body > nav,html.aok-dark .aok-topbar{background:rgba(11,15,23,.85)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(12px)!important}
html.aok-dark .shell > header b,html.aok-dark .shell > header .nm b{color:#fff!important}
html.aok-dark .shell > header span{color:#94a3b8!important}
html:not(.aok-sandbox) .hero a.primary,html:not(.aok-sandbox) .hero .btn.primary,html:not(.aok-sandbox) .aok-darkbg a.primary,html:not(.aok-sandbox) .aok-darkbg .btn.primary,html.aok-dark a.primary,html.aok-dark .btn.primary,html.aok-dark .cta{background:#fff!important;color:#0f172a!important;border-color:#fff!important}
html:not(.aok-sandbox) .hero a.primary *,html:not(.aok-sandbox) .aok-darkbg a.primary *,html.aok-dark a.primary *{color:#0f172a!important}
/* journey next-step pills */
.aok-nexts{position:fixed;left:16px;bottom:16px;z-index:2147482980;display:flex;flex-direction:column;gap:6px;max-width:min(300px,calc(100vw - 100px));font-family:var(--aok-sans)}
.aok-next{display:flex;flex-direction:column;gap:3px;background:#0f172a;color:#fff!important;text-decoration:none!important;border-radius:14px;padding:10px 14px;box-shadow:0 12px 24px -12px rgba(15,23,42,.7),0 0 0 1px rgba(255,255,255,.06);transition:transform .15s}
.aok-next:hover{transform:translateY(-2px);background:#1e293b}
.aok-next span{font:500 10px/1 var(--aok-mono);letter-spacing:.08em;text-transform:uppercase;color:#f2b06e}
.aok-next b{font-size:13.5px;font-weight:600;color:#fff;line-height:1.25}
html.aok-sandbox .aok-nexts{display:none}
@media(min-width:1280px){ .aok-nexts{left:calc(var(--aok-sb) + 16px)} }

/* wizard (shared with board Integrations) */
.iw-ov{position:fixed;inset:0;z-index:200;background:#fbfaf7;display:flex;flex-direction:column;animation:iwIn .22s ease}
.iw-ov.out{animation:iwOut .2s ease forwards}
@keyframes iwIn{from{opacity:0;transform:scale(.985)}}
@keyframes iwOut{to{opacity:0;transform:scale(.985)}}
.iw-bar{height:4px;background:#eceae4;flex:none}
.iw-bar i{display:block;height:100%;background:#0f172a;transition:width .35s cubic-bezier(.2,.8,.2,1)}
.iw-top{display:flex;align-items:center;justify-content:space-between;padding:18px 26px;flex:none}
.iw-brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#0f172a}
.iw-x{border:0;background:transparent;width:40px;height:40px;border-radius:10px;font-size:18px;color:#64748b;cursor:pointer}
.iw-x:hover{background:#eceae4;color:#0f172a}
.iw-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 26px 60px;overflow-y:auto}
.iw-stage.up .iw-q{animation:iwUp .38s cubic-bezier(.2,.8,.2,1) both}
.iw-stage.down .iw-q{animation:iwDown .38s cubic-bezier(.2,.8,.2,1) both}
@keyframes iwUp{from{opacity:0;transform:translateY(40px)}}
@keyframes iwDown{from{opacity:0;transform:translateY(-40px)}}
.iw-q{width:min(680px,100%);display:flex;gap:16px;animation:iwUp .38s cubic-bezier(.2,.8,.2,1) both}
.iw-q:has(.iw-done){flex-direction:column;align-items:flex-start}
.iw-num{font:500 16px/1.45 var(--aok-mono);color:#3b6ea8;white-space:nowrap;padding-top:6px;display:flex;gap:6px}
.iw-num span{font-size:13px}
.iw-qb{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}
.iw-q h2{margin:0;font-size:clamp(24px,3.2vw,34px);line-height:1.18;font-weight:500;letter-spacing:-.02em;color:#0f172a;text-wrap:balance}
.iw-q p{margin:-4px 0 6px;font-size:18px;line-height:1.45;color:#64748b;text-wrap:pretty}
.iw-done{width:56px;height:56px;border-radius:50%;background:#2f9e74;color:#fff;display:grid;place-items:center;font-size:26px;margin-bottom:6px;animation:stPop .5s cubic-bezier(.2,1.6,.4,1) both}
@keyframes stPop{from{transform:scale(.3);opacity:0}}
.iw-copies{display:flex;flex-direction:column;gap:10px}
.iw-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:6px 10px;align-items:center;background:#fff;border-radius:14px;padding:12px 12px 12px 16px;box-shadow:0 0 0 1px #e7e4dc}
.iw-ck{grid-column:1/-1;font:500 10.5px/1 var(--aok-mono);letter-spacing:.06em;text-transform:uppercase;color:#64748b}
.iw-copy code{font:500 15px/1.3 var(--aok-mono);color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.iw-copy button{border:0;background:#0f172a;color:#fff;border-radius:10px;padding:10px 16px;font-style:normal;font-weight:600;font-size:13.5px;line-height:1;font-family:inherit;cursor:pointer}
.iw-copy button.ok{background:#2f9e74}
.iw-link{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0f172a;text-decoration:none;border-radius:12px;padding:13px 18px;font-style:normal;font-weight:600;font-size:15px;line-height:1;font-family:inherit;box-shadow:0 0 0 1px #e7e4dc}
.iw-link:hover{box-shadow:0 0 0 2px #0f172a}
.iw-in{border:0;border-bottom:2px solid #cfd5de;background:transparent;font-style:normal;font-weight:400;font-size:clamp(22px,2.6vw,28px);line-height:1.3;font-family:inherit;color:#0f172a;padding:8px 0;outline:none;width:100%}
.iw-in:focus{border-bottom-color:#0f172a}
.iw-in::placeholder{color:#b4bcc8}
.iw-opts{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.iw-opts.shake{animation:iwShake .35s}
@keyframes iwShake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.iw-opt{display:flex;align-items:center;gap:12px;min-width:min(420px,100%);border:0;background:#fff;color:#0f172a;border-radius:12px;padding:12px 14px;font-style:normal;font-weight:500;font-size:17px;line-height:1.2;font-family:inherit;cursor:pointer;box-shadow:0 0 0 1px #e7e4dc;text-align:left}
.iw-opt:hover{box-shadow:0 0 0 2px #0f172a}
.iw-opt.on{background:#0f172a;color:#fff;box-shadow:none}
.iw-opt kbd{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font:500 12px/1 var(--aok-mono);background:#f3f1ec;color:#334155;box-shadow:0 0 0 1px #e1ddd3;flex:none}
.iw-opt.on kbd{background:rgba(255,255,255,.15);color:#fff;box-shadow:none}
.iw-tick{margin-left:auto}
.iw-acts{display:flex;align-items:center;gap:14px;margin-top:8px}
.iw-ok{border:0;background:#0f172a;color:#fff;border-radius:12px;padding:14px 22px;font-style:normal;font-weight:600;font-size:16px;line-height:1;font-family:inherit;cursor:pointer;box-shadow:0 10px 20px -12px rgba(15,23,42,.7)}
.iw-ok:hover{background:#1e293b}
.iw-ok:disabled{opacity:.5}
.iw-hint{font-size:13px;color:#94a3b8}
.iw-hint b{font-weight:600;color:#64748b}
.iw-out{font-size:15px;color:#dc4c4c;min-height:1px}
.iw-nav{position:absolute;right:26px;bottom:24px;display:flex;gap:2px;background:#0f172a;border-radius:10px;padding:3px}
.iw-nb{border:0;background:transparent;color:#fff;width:38px;height:34px;border-radius:8px;font-size:16px;cursor:pointer}
.iw-nb:hover{background:rgba(255,255,255,.12)}
.iw-nb:disabled{opacity:.35;cursor:default}
@media(max-width:760px){ .iw-q{flex-direction:column;gap:8px} .iw-num{padding:0} .iw-hint{display:none} .iw-top{padding:14px 16px} .iw-stage{padding:16px 18px 80px;align-items:flex-start} .ig-prog{display:none} }

@keyframes stPop{from{transform:scale(.3);opacity:0}}
body.modal-open .aok-nexts,body.modal-open .aok-ask-fab,body.modal-open .aok-sb-tog{display:none!important}
.aok-fixov{z-index:2147483600!important}
.aok-fixov .iw-stage{align-items:flex-start;padding-top:min(10vh,80px)}
.aok-fixov .iw-hint b{white-space:nowrap}
/* embedded inside the board: hide the page's own chrome */
html.aok-embed .aok-sb,html.aok-embed .aok-sb-tog,html.aok-embed .aok-nexts,html.aok-embed .aok-ask-fab,html.aok-embed .aok-ask,html.aok-embed #gate{display:none!important}
html.aok-embed body{padding-left:0!important}
html.aok-embed .shell{grid-template-columns:minmax(0,1fr)!important}
html.aok-embed .shell > aside.side{display:none!important}
html.aok-embed body > header,html.aok-embed body > .tbar{position:static!important}
/* carrier sandboxes: Ask AOK only, bottom-left, never over the coach */
html.aok-sandbox .aok-ask-fab{left:16px;right:auto;bottom:16px;width:46px;height:46px;border-radius:14px}
html.aok-sandbox .aok-ask{left:16px;right:auto;transform-origin:bottom left}
/* Ask AOK search: one box only — opt out of the global input styling */
.aok-ask-search input,.aok-ask-search input:focus{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;outline:none!important;padding:12px 0!important;font-size:14.5px!important}
.aok-ask-search{border:0!important;box-shadow:none}
.aok-ask-search:focus-within{background:#fff;box-shadow:0 0 0 2px var(--aok-blue)!important}
.aok-ask-fb button{white-space:nowrap}

/* ================= Command Center · strict board styling (#view) ================= */
body:has(#shell) .main{background:#f2f4f7!important}
body:has(#shell) #view{font-family:var(--aok-sans)!important;color:#0f172a;max-width:1320px;padding:24px 24px 80px!important;box-sizing:border-box}
body:has(#shell) #view .page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 20px!important;padding:0!important;border:0!important;background:none!important}
body:has(#shell) #view .page-head h2{font-size:28px!important;font-weight:600!important;letter-spacing:-.025em!important;line-height:1.1!important;margin:0 0 6px!important;color:#0f172a!important;font-family:var(--aok-sans)!important}
body:has(#shell) #view .page-head p{font-size:14.5px!important;color:#64748b!important;margin:0!important}
body:has(#shell) #view .page-head p b{color:#b83a3a!important;font-weight:600}
body:has(#shell) #view .btn{font-family:var(--aok-sans)!important;font-size:14px!important;font-weight:600!important;border-radius:12px!important;padding:11px 16px!important;min-height:42px;display:inline-flex;align-items:center;gap:8px;border:0!important;background-image:none!important}
body:has(#shell) #view .btn-primary{background:#0f172a!important;color:#fff!important;box-shadow:0 6px 14px -6px rgba(15,23,42,.55)!important}
body:has(#shell) #view .btn-primary:hover{background:#1e293b!important}
body:has(#shell) #view .btn:not(.btn-primary){background:#fff!important;color:#0f172a!important;box-shadow:0 0 0 1px #e1e5eb!important}
body:has(#shell) #view .btn i,body:has(#shell) #view .btn svg{width:16px;height:16px}
/* notes */
body:has(#shell) #view .note{background:#fff!important;border:0!important;border-radius:14px!important;box-shadow:0 0 0 1px rgba(15,23,42,.05),0 2px 4px rgba(15,23,42,.04)!important;padding:12px 14px!important;font-size:13.5px!important;color:#334155!important;display:flex;gap:10px;align-items:flex-start;margin:0 0 14px!important}
body:has(#shell) #view .note b{color:#0f172a!important;font-weight:600}
/* attention strip → board-style tiles */
body:has(#shell) #view .attn{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px!important;margin:0 0 14px!important}
body:has(#shell) #view .attn-card{border:0!important;border-radius:16px!important;background:#fff!important;padding:14px 16px!important;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(15,23,42,.05),0 2px 4px rgba(15,23,42,.04)!important;gap:12px!important;min-width:0!important}
body:has(#shell) #view .attn-card:hover{box-shadow:0 14px 30px -18px rgba(15,23,42,.4),0 0 0 1.5px var(--ac)!important;transform:translateY(-1px)}
body:has(#shell) #view .attn-n{font:500 28px/1 var(--aok-mono)!important;letter-spacing:-.03em!important;color:var(--ac)!important}
body:has(#shell) #view .attn-l{font-size:13.5px!important;font-weight:500!important;color:#334155!important}
/* KPI row → board stat tiles */
body:has(#shell) #view .kpis{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:10px!important;margin:0 0 14px!important}
body:has(#shell) #view .kpi{background:#fff!important;border:0!important;border-left:0!important;border-radius:16px!important;padding:14px 16px!important;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(15,23,42,.05),0 2px 4px rgba(15,23,42,.04)!important;display:flex;flex-direction:column;gap:6px;min-width:0}
body:has(#shell) #view .kpi .lbl{font:500 10.5px/1.2 var(--aok-mono)!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:#64748b!important;display:flex;align-items:center;gap:6px;margin:0!important}
body:has(#shell) #view .kpi .lbl i,body:has(#shell) #view .kpi .lbl svg{width:13px!important;height:13px!important;color:#8b97a9!important}
body:has(#shell) #view .kpi .val{font:500 28px/1 var(--aok-mono)!important;letter-spacing:-.035em!important;color:#0f172a!important;margin:2px 0 0!important;padding:0!important}
body:has(#shell) #view .kpi .val[style*="--green"]{color:#2f9e74!important}
body:has(#shell) #view .kpi .val[style*="--violet"]{color:#7c6fd6!important}
body:has(#shell) #view .kpi .val[style*="--blue"]{color:#3b6ea8!important}
body:has(#shell) #view .kpi .val[style*="--amber"]{color:#c27a2c!important}
body:has(#shell) #view .kpi .sub{font-size:12.5px!important;color:#8b97a9!important;margin:0!important}
/* panels → board cards */
body:has(#shell) #view .grid2{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))!important;gap:14px!important}
body:has(#shell) #view .panel{background:#fff!important;border:0!important;border-radius:18px!important;padding:16px 18px!important;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(15,23,42,.05),0 2px 4px rgba(15,23,42,.04),0 12px 32px -12px rgba(15,23,42,.18)!important;background-image:none!important}
body:has(#shell) #view .panel + .panel,body:has(#shell) #view .panel[style*="margin-top"]{margin-top:14px!important}
body:has(#shell) #view .panel-title{font:500 11px/1 var(--aok-mono)!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#64748b!important;display:flex;align-items:center;gap:7px;margin:0 0 14px!important;padding:0!important;border:0!important}
body:has(#shell) #view .panel-title i,body:has(#shell) #view .panel-title svg{width:14px!important;height:14px!important;color:#8b97a9!important}
/* funnel */
body:has(#shell) #view .funnel-row{display:grid!important;grid-template-columns:minmax(120px,1.1fr) minmax(0,2fr) 36px;align-items:center;gap:12px;padding:7px 0!important;border:0!important}
body:has(#shell) #view .funnel-row .name{font-size:13.5px!important;font-weight:500!important;color:#0f172a!important;display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body:has(#shell) #view .funnel-row .name i,body:has(#shell) #view .funnel-row .name svg{width:14px!important;height:14px!important;color:#8b97a9!important;flex:none}
body:has(#shell) #view .funnel-bar{height:10px!important;border-radius:999px!important;background:#eef1f5!important;overflow:hidden;border:0!important}
body:has(#shell) #view .funnel-bar span{display:block;height:100%;border-radius:999px!important;background:#3b6ea8!important;background-image:none!important}
body:has(#shell) #view .funnel-row .cnt{font:500 13px/1 var(--aok-mono)!important;color:#0f172a!important;text-align:right}
/* activity */
body:has(#shell) #view .act{display:flex!important;align-items:center;gap:12px;padding:10px 4px!important;border:0!important;border-top:1px solid #eef1f5!important}
body:has(#shell) #view .act:first-of-type{border-top:0!important}
body:has(#shell) #view .av{width:32px!important;height:32px!important;border-radius:50%!important;display:grid;place-items:center;font:600 12px/1 var(--aok-sans)!important;color:#fff!important;flex:none;background:linear-gradient(135deg,#9aa4b2,#6b7685)!important}
body:has(#shell) #view .who{font-size:14px!important;font-weight:600!important;color:#0f172a!important}
body:has(#shell) #view .meta,body:has(#shell) #view .em{font-size:12.5px!important;color:#64748b!important}
body:has(#shell) #view .when{margin-left:auto;font:500 11.5px/1 var(--aok-mono)!important;color:#8b97a9!important;white-space:nowrap}
/* table */
body:has(#shell) #view table{width:100%;border-collapse:separate!important;border-spacing:0!important;font-size:13.5px}
body:has(#shell) #view thead th{font:500 10.5px/1 var(--aok-mono)!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:#64748b!important;background:#f6f7f9!important;padding:11px 12px!important;text-align:left;border:0!important}
body:has(#shell) #view thead th:first-child{border-radius:10px 0 0 10px}body:has(#shell) #view thead th:last-child{border-radius:0 10px 10px 0}
body:has(#shell) #view tbody td{padding:11px 12px!important;border:0!important;border-top:1px solid #eef1f5!important;color:#334155!important;background:transparent!important}
body:has(#shell) #view tbody tr:first-child td{border-top:0!important}
body:has(#shell) #view tbody tr{cursor:pointer}
body:has(#shell) #view tbody tr:hover td{background:#f8fafc!important}
body:has(#shell) #view .cell-name{display:flex;align-items:center;gap:10px}
/* badges → board pills */
body:has(#shell) #view .badge{display:inline-flex;align-items:center;border:0!important;border-radius:999px!important;padding:5px 9px!important;font:500 11px/1 var(--aok-mono)!important;letter-spacing:.02em!important;background:#eef1f5!important;color:#334155!important;white-space:nowrap}
body:has(#shell) #view .badge.b-page{background:#e4edf7!important;color:#2f5b8c!important}
body:has(#shell) #view .badge[class*="b-active"],body:has(#shell) #view .badge[class*="b-move"],body:has(#shell) #view .badge[class*="b-approved"],body:has(#shell) #view .badge[class*="b-crm"]{background:#e6f4ee!important;color:#1f7a57!important}
body:has(#shell) #view .badge[class*="b-follow"],body:has(#shell) #view .badge[class*="b-hold"],body:has(#shell) #view .badge[class*="b-pending"]{background:#fbf0e2!important;color:#8a5a1c!important}
body:has(#shell) #view .badge[class*="b-reject"],body:has(#shell) #view .badge[class*="b-declin"],body:has(#shell) #view .badge[class*="b-stalled"]{background:#fbe6e6!important;color:#b83a3a!important}
body:has(#shell) #view .badge[class*="b-submitted"],body:has(#shell) #view .badge[class*="b-review"]{background:#efedfb!important;color:#5b4fc4!important}
/* empty states */
body:has(#shell) #view .empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 12px!important;color:#64748b!important;font-size:13.5px!important;background:#f8fafc;border-radius:14px;border:0!important}
body:has(#shell) #view .empty i,body:has(#shell) #view .empty svg{width:22px;height:22px;color:#94a3b8!important}
body:has(#shell) #view .empty a{color:#3b6ea8!important;font-weight:600}
@media(max-width:760px){body:has(#shell) #view{padding:16px 14px 80px!important}}
body:has(#shell) #view{padding-top:60px!important}
body:has(#shell) #view .btn{text-decoration:none!important}
body:has(#shell) #view .note{border-left:0!important;border:0!important;background:#fbf0e2!important;color:#8a5a1c!important;box-shadow:none!important}
body:has(#shell) #view .note *{color:inherit!important}
body:has(#shell) #view .note[style*="25,153,85"]{background:#e6f4ee!important;color:#1f7a57!important}
body:has(#shell) #view .attn-l i,body:has(#shell) #view .attn-l svg{color:var(--ac)!important;width:16px!important;height:16px!important}
body:has(#shell) #view .funnel-row{grid-template-columns:minmax(190px,1.3fr) minmax(0,2fr) 32px!important}
body:has(#shell) .shell > aside.side{position:sticky!important;top:0!important;height:100vh!important;align-self:start!important}
body:has(#shell) #view .funnel-row .name{max-width:none!important;width:auto!important}
body:has(#shell) #view .empty a,body:has(#shell) #view a{text-decoration:none!important}
body:has(#shell) #view .data-warn{border:0!important;border-left:0!important;background:#fbf0e2!important;color:#8a5a1c!important;border-radius:14px!important;box-shadow:none!important;padding:12px 14px!important;font-size:13.5px!important;margin:0 0 14px!important}
body:has(#shell) #view .data-warn *{color:inherit!important}
body:has(#shell) .aok-nexts{display:none!important}
body:has(#shell) #view .funnel-row{grid-template-columns:minmax(230px,1.4fr) minmax(0,2fr) 32px!important}
body:has(#shell) #view .funnel-row .name{white-space:normal!important;overflow:visible!important;line-height:1.3}

/* ================= Recruit Interview · big readable script ================= */
body:has(#ivForm) #view{max-width:900px!important}
body:has(#ivForm) #view > .note{display:none!important}
#ivForm .iv-steps{display:flex;flex-direction:column;gap:10px;background:none!important;box-shadow:none!important;padding:0!important;border:0!important}
#ivForm .ivs{background:#fff;border-radius:18px;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(15,23,42,.05),0 2px 4px rgba(15,23,42,.04);overflow:hidden;transition:box-shadow .2s}
#ivForm .ivs.open{box-shadow:inset 0 1px 0 #fff,0 0 0 1.5px #0f172a,0 16px 36px -16px rgba(15,23,42,.35)}
#ivForm .ivs-h{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;font-family:var(--aok-sans)}
#ivForm .ivs-h:focus-visible{outline:2px solid #3b6ea8;outline-offset:-2px;border-radius:18px}
#ivForm .ivs-n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;font:600 14px/1 var(--aok-mono);background:#f1f3f6;color:#334155;transition:background .2s,color .2s}
#ivForm .ivs.open .ivs-n{background:#0f172a;color:#fff}
#ivForm .ivs.done .ivs-n{background:#2f9e74;color:#fff}
#ivForm .ivs-t{font-size:19px;font-weight:600;letter-spacing:-.015em;color:#0f172a;flex:1;min-width:0}
#ivForm .ivs-st{font:500 12px/1 var(--aok-mono);color:#64748b;white-space:nowrap}
#ivForm .ivs.done .ivs-st{color:#1f7a57}
#ivForm .ivs-chev{font-size:20px;color:#94a3b8;transition:transform .25s;line-height:1}
#ivForm .ivs.open .ivs-chev{transform:rotate(180deg)}
#ivForm .ivs-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.2,.8,.2,1)}
#ivForm .ivs.open .ivs-b{grid-template-rows:1fr}
#ivForm .ivs-in{min-height:0;overflow:hidden;padding:0 22px 0 66px;display:flex;flex-direction:column;gap:14px}
#ivForm .ivs.open .ivs-in{padding-bottom:22px;overflow:visible}
#ivForm .ivs-ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
#ivForm .ivs-ul li{position:relative;padding-left:22px;font-size:18px;line-height:1.45;color:#0f172a}
#ivForm .ivs-ul li::before{content:'';position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:#f2b06e}
#ivForm .ivs-ul li b{font-weight:600}
#ivForm .ivs-say{margin:0;background:#0f172a;color:#fff;border-radius:16px;padding:16px 18px;font-size:18px;line-height:1.5;font-weight:500;letter-spacing:-.005em}
#ivForm .iv-pick{margin:0;font:500 11px/1 var(--aok-mono);letter-spacing:.08em;text-transform:uppercase;color:#c27a2c}
#ivForm .iv-inline{background:#f6f7f9!important;border:0!important;border-radius:16px!important;padding:14px 16px!important;box-shadow:none!important}
#ivForm .iv-inline-h{font:500 11px/1 var(--aok-mono)!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#64748b!important;margin:0 0 10px!important}
#ivForm .iv-inline-h i,#ivForm .iv-inline-h svg{display:none!important}
#ivForm .iv-inline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px}
#ivForm .iv-field label{font-size:13px!important;font-weight:500!important;color:#334155!important;text-transform:none!important;letter-spacing:0!important;font-family:var(--aok-sans)!important}
#ivForm .iv-field input,#ivForm .iv-field select,#ivForm .iv-field textarea,#ivForm .iv-sel select{background:#fff!important;border:0!important;box-shadow:0 0 0 1px #e1e5eb!important;border-radius:12px!important;font-size:15px!important;padding:12px 14px!important}
#ivForm .iv-q{display:flex!important;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:10px 0!important;border:0!important;border-top:1px solid #e9edf2!important}
#ivForm .iv-inline-h + .iv-q,#ivForm .iv-inline-grid + .iv-q{border-top:0!important}
#ivForm .iv-q .ql{font-size:16.5px!important;font-weight:500!important;color:#0f172a!important;flex:1;min-width:200px;text-transform:none!important;letter-spacing:0!important;font-family:var(--aok-sans)!important}
#ivForm .iv-tri{display:flex!important;gap:8px!important;background:none!important;padding:0!important;border:0!important}
#ivForm .iv-tri label{position:relative;cursor:pointer;margin:0!important}
#ivForm .iv-tri input{position:absolute;opacity:0;pointer-events:none}
#ivForm .iv-tri span{display:inline-flex!important;align-items:center;justify-content:center;min-width:78px;min-height:46px;padding:0 18px!important;border-radius:12px!important;font:600 15px/1 var(--aok-sans)!important;color:#0f172a!important;background:#fff!important;border:0!important;box-shadow:inset 0 -2px 0 rgba(15,23,42,.06),0 0 0 1px #e1e5eb,0 2px 4px rgba(15,23,42,.05)!important;transition:transform .15s,box-shadow .15s,background .15s;text-transform:none!important;letter-spacing:0!important}
#ivForm .iv-tri label:hover span{transform:translateY(-2px);box-shadow:inset 0 -2px 0 rgba(15,23,42,.06),0 0 0 1px #cbd5e1,0 10px 18px -10px rgba(15,23,42,.45)!important}
#ivForm .iv-tri label:has(input[value="unsure"]) span{min-width:46px;padding:0 12px!important;color:#64748b!important}
#ivForm .iv-tri input:checked + span{color:#fff!important;transform:translateY(-1px)}
#ivForm .iv-tri input[value="yes"]:checked + span,#ivForm .iv-tri input[value="a"]:checked + span{background:#2f9e74!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 16px -8px rgba(47,158,116,.8)!important}
#ivForm .iv-tri input[value="no"]:checked + span,#ivForm .iv-tri input[value="b"]:checked + span{background:#dc4c4c!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 16px -8px rgba(220,76,76,.8)!important}
#ivForm .iv-tri input[value="unsure"]:checked + span{background:#c27a2c!important}
#ivForm .iv-tri input:focus-visible + span{outline:2px solid #3b6ea8;outline-offset:2px}
#ivForm .iv-chips{display:flex;flex-wrap:wrap;gap:8px}
#ivForm .iv-chips label{cursor:pointer}#ivForm .iv-chips input{position:absolute;opacity:0}
#ivForm .iv-chips span{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #e1e5eb;font:500 14px/1 var(--aok-sans);color:#0f172a;transition:background .15s}
#ivForm .iv-chips.green input:checked + span{background:#e6f4ee;color:#1f7a57;box-shadow:0 0 0 1.5px #2f9e74}
#ivForm .iv-chips.red input:checked + span{background:#fbe6e6;color:#b83a3a;box-shadow:0 0 0 1.5px #dc4c4c}
#ivForm .iv-decide{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px}
#ivForm .iv-decide label{position:relative;cursor:pointer}#ivForm .iv-decide input{position:absolute;opacity:0}
#ivForm .iv-decide span{display:flex!important;flex-direction:column;gap:6px;padding:16px!important;border-radius:14px!important;background:#fff!important;border:0!important;box-shadow:0 0 0 1px #e1e5eb!important;font:600 16px/1.2 var(--aok-sans)!important;color:#0f172a!important;text-align:left}
#ivForm .iv-decide small{font:400 13px/1.4 var(--aok-sans)!important;color:#64748b!important}
#ivForm .iv-decide input:checked + span{background:#0f172a!important;color:#fff!important;box-shadow:0 10px 22px -12px rgba(15,23,42,.8)!important}
#ivForm .iv-decide input:checked + span small{color:#cbd5e1!important}
@media(max-width:640px){#ivForm .ivs-in{padding-left:18px}#ivForm .ivs-ul li,#ivForm .ivs-say{font-size:16.5px}}

/* no-mono: one typeface everywhere */
html:not(.aok-sandbox) code,html:not(.aok-sandbox) kbd,html:not(.aok-sandbox) samp,html:not(.aok-sandbox) pre{font-family:'Geist',Arial,Helvetica,sans-serif!important}

/* ===== Agent dashboard sidebar = board side panel ===== */
.gloss aside.sidebar{background:#0b1220!important;background-image:none!important;border:0!important;border-right:1px solid rgba(255,255,255,.06)!important;box-shadow:none!important;padding:14px 10px!important;gap:2px!important;color:#94a3b8!important}
.gloss aside.sidebar .brand{padding:4px 6px 14px!important;margin:0 0 6px!important;border-bottom:1px solid rgba(255,255,255,.07)!important;display:flex;align-items:center;gap:10px}
.gloss aside.sidebar .brand .mark{width:34px!important;height:34px!important;border-radius:10px!important;background:#1e293b!important;box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;display:grid;place-items:center}
.gloss aside.sidebar .brand *:not(.mark):not(svg):not(path):not(circle){color:#fff!important}
.gloss aside.sidebar .brand small,.gloss aside.sidebar .brand span:not(.mark){color:#64748b!important;font:500 10.5px/1 'Geist',Arial,sans-serif!important;letter-spacing:.06em;text-transform:uppercase}
.gloss aside.sidebar .nav-item{position:relative;display:flex!important;align-items:center;gap:12px!important;width:100%;box-sizing:border-box;padding:10px 12px!important;border-radius:10px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#94a3b8!important;font:500 13.5px/1.2 'Geist',Arial,sans-serif!important;text-align:left;cursor:pointer;transition:background .15s,color .15s}
.gloss aside.sidebar .nav-item *{color:inherit!important}
.gloss aside.sidebar .nav-item svg{width:17px!important;height:17px!important;flex:none;opacity:.9}
.gloss aside.sidebar .nav-item:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
.gloss aside.sidebar .nav-item.active,.gloss aside.sidebar .nav-item.on,.gloss aside.sidebar .nav-item[aria-current]{background:rgba(255,255,255,.1)!important;color:#fff!important}
.gloss aside.sidebar .nav-item.active::before,.gloss aside.sidebar .nav-item.on::before,.gloss aside.sidebar .nav-item[aria-current]::before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#f2b06e}
.gloss aside.sidebar .nav-item.active svg,.gloss aside.sidebar .nav-item.on svg{color:#f2b06e!important}
.gloss aside.sidebar .nav-item.locked{opacity:.55}
.gloss aside.sidebar .nav-item [class*="badge"]:not(.nav-badge),.gloss aside.sidebar .nav-item [class*="count"],.gloss aside.sidebar .nav-item .pending,.gloss aside.sidebar .nav-item .num{margin-left:auto!important;background:#f2b06e!important;color:#3b2408!important;border:0!important;border-radius:999px!important;font:600 11px/1 'Geist',Arial,sans-serif!important;padding:4px 7px!important;min-width:0!important}
.gloss aside.sidebar > div:not(.brand){font:500 10.5px/1 'Geist',Arial,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;color:#475569!important;padding:14px 12px 6px!important;border:0!important;background:none!important}
.gloss aside.sidebar > div:not(.brand) *{color:inherit!important}
.gloss aside.sidebar .nav-badge{min-width:16px!important;height:16px!important;padding:0 4px!important;font:600 10px/16px 'Geist',Arial,sans-serif!important;top:-6px!important;right:-8px!important;border-radius:999px!important;background:#f2b06e!important;color:#3b2408!important;box-shadow:0 0 0 2px #0b1220!important;box-sizing:border-box;text-align:center}
body:has(.gloss) .aok-nexts{display:none!important}
.gloss aside.sidebar .nav-ic{position:relative}
.gloss aside.sidebar .nav-badge{position:static!important;order:99;margin-left:auto!important;min-width:0!important;height:auto!important;padding:3px 7px!important;font:500 11px/1.2 'Geist',Arial,sans-serif!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;color:#cbd5e1!important;box-shadow:none!important;top:auto!important;right:auto!important}
.gloss aside.sidebar .nav-item.active .nav-badge,.gloss aside.sidebar .nav-item.on .nav-badge{background:rgba(242,176,110,.16)!important;color:#f2b06e!important}
/* rail mode (labels hidden): show counts under the icon, not floating */
@media (max-width:1100px){
  .gloss aside.sidebar .nav-item:has(.nav-badge){flex-direction:column!important;gap:4px!important;justify-content:center;padding:8px 6px!important}
  .gloss aside.sidebar .nav-item:has(.nav-badge) .nav-meta{display:flex!important;justify-content:center;margin:0!important}
  .gloss aside.sidebar .nav-item:has(.nav-badge) .nav-meta > :not(.nav-badge){display:none!important}
  .gloss aside.sidebar .nav-item .nav-badge{margin:0!important;padding:2px 6px!important;font-size:10px!important}
}
.gloss aside.sidebar .nav-item,.gloss aside.sidebar .nav-item *,.gloss aside.sidebar .nav-bob,.gloss aside.sidebar .shake{animation:none!important}
.gloss .topgrid .card.why{display:none!important}
.gloss .card.esttime{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:10px}
.gloss .card.esttime .card-title{align-self:stretch;text-align:left}
.gloss .et-ring{position:relative;width:132px;height:132px;display:grid;place-items:center;margin:4px auto 2px}
.gloss .et-ring > svg{position:absolute;inset:0;transform:rotate(-90deg)}
.gloss .et-ring > svg circle:last-child,.gloss .et-ring > svg [class*="fg"]{stroke:#3b6ea8!important;transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1)}
.gloss .et-ring.spin > svg{animation:etSpin 1.1s linear infinite}
@keyframes etSpin{to{transform:rotate(270deg)}}
.gloss .et-c{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}
.gloss .et-c .big{font:700 34px/1 'Geist',Arial,sans-serif!important;letter-spacing:-.03em;color:#0f172a!important;background:none!important;-webkit-text-fill-color:#0f172a}
.gloss .et-c .unit{font:500 12px/1 'Geist',Arial,sans-serif;color:#64748b}
.gloss .et-ring > svg{width:132px;height:132px}
.gloss .et-ring .track{stroke:#e6e9ee!important}
.gloss .et-ring .fill{stroke:#3b6ea8!important;stroke-linecap:round}
.gloss .card.esttime .delta,.gloss .card.esttime .refine-link{align-self:center!important;justify-content:center;text-align:center}
.gloss .card.esttime .refine-link{display:none!important}
.gloss .card.esttime .delta{display:inline-flex!important;align-items:center;gap:6px;align-self:center!important;margin:2px auto 0!important;border-radius:999px;padding:7px 12px!important;font:600 13px/1 'Geist',Arial,sans-serif!important;background:#f1f3f6!important;color:#334155!important;border:0!important}
.gloss .card.esttime .delta svg{width:14px;height:14px;color:currentColor!important}
.gloss .card.esttime .delta.ahead{background:#e6f4ee!important;color:#1f7a57!important}
.gloss .card.esttime .delta.ontime{background:#e4edf7!important;color:#2f5b8c!important}
.gloss .card.esttime .delta.behind{background:#fbe6e6!important;color:#b83a3a!important}
.gloss .card.esttime:has(.delta.ahead) .et-ring .fill{stroke:#2f9e74!important}
.gloss .card.esttime:has(.delta.behind) .et-ring .fill{stroke:#dc4c4c!important}
.gloss .page-head > .crumb{display:none!important}
/* contracting: days-till card readable */
.gloss [class*="days"] .big,.gloss [class*="days"] .num,.gloss [class*="eta"] .big{opacity:1!important;color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;background:none!important}
.gloss .card[class*="days"],.gloss .card[class*="eta"]{opacity:1!important;filter:none!important}
.gloss .card.daystile{background:#0f172a!important;color:#fff!important;opacity:1!important;display:flex;flex-direction:column;justify-content:center;gap:6px}
.gloss .card.daystile *{opacity:1!important;filter:none!important}
.gloss .card.daystile .card-title{color:#94a3b8!important}
.gloss .card.daystile .days-num{font:700 64px/1 'Geist',Arial,sans-serif!important;letter-spacing:-.04em;color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}
.gloss .card.daystile .days-lbl{font:500 14px/1.2 'Geist',Arial,sans-serif!important;color:#f2b06e!important}
/* embedded us-map (inside contracting modal) */
html.aok-embed .aok-sb,html.aok-embed .aok-sb-tog,html.aok-embed .aok-ask,html.aok-embed .aok-ask-fab,html.aok-embed .aok-nexts,html.aok-embed body > header,html.aok-embed body > .tbar,html.aok-embed body > #top{display:none!important}
html.aok-embed body{padding-left:0!important;margin-left:0!important;background:#fff!important}
/* carrier board: high contrast */
.gloss .modal-full{background:#f2f4f7!important}
.gloss .kcol{background:#e6eaf0!important;border:0!important;border-radius:16px!important;padding:12px!important}
.gloss .kcol-head{padding:4px 4px 12px!important}
.gloss .kcol-title{font:600 13px/1 'Geist',Arial,sans-serif!important;color:#0f172a!important;letter-spacing:0!important;text-transform:none!important}
.gloss .kcol-head .dot{width:10px!important;height:10px!important;flex:0 0 10px!important}
.gloss .kcol-pending .dot{background:#64748b!important}.gloss .kcol-review .dot{background:#3b6ea8!important}.gloss .kcol-action .dot{background:#dc4c4c!important}.gloss .kcol-approved .dot{background:#2f9e74!important}
.gloss .kcol-count{background:#0f172a!important;color:#fff!important;border:0!important;font:500 11.5px/1 'Geist Mono',monospace!important;padding:4px 8px!important}
.gloss .kcard{background:#fff!important;background-image:none!important;border:0!important;border-left:4px solid #94a3b8!important;border-radius:12px!important;padding:12px 12px 12px 14px!important;box-shadow:0 1px 2px rgba(15,23,42,.08),0 4px 12px -6px rgba(15,23,42,.2)!important}
.gloss .kcol-review .kcard{border-left-color:#3b6ea8!important}
.gloss .kcol-action .kcard{border-left-color:#dc4c4c!important}
.gloss .kcol-approved .kcard{border-left-color:#2f9e74!important}
.gloss .kcard:hover{box-shadow:0 0 0 2px #0f172a,0 10px 24px -12px rgba(15,23,42,.45)!important}
.gloss .kcard .carrier-logo.sm{background:#0f172a!important;color:#fff!important;border:0!important;font:600 12px/1 'Geist Mono',monospace!important;width:36px!important;height:36px!important;border-radius:10px!important;flex:none}
.gloss .kcard .carrier-name{font:600 14.5px/1.25 'Geist',Arial,sans-serif!important;color:#0f172a!important}
.gloss .kcard .carrier-meta{font-size:12.5px!important;color:#475569!important;opacity:1!important}
.gloss .kcard .kc-code{margin-top:10px;font:500 12px/1 'Geist Mono',monospace!important;color:#1f7a57!important;background:#e6f4ee;border-radius:8px;padding:6px 8px;display:inline-block}
.gloss .kcard .kc-code b{color:#0f172a!important}
.gloss .kcard .kc-flag{margin-top:10px;font-size:12.5px!important;font-weight:600!important;color:#b83a3a!important}
.gloss .kcol.over{background:#dbe7f5!important;box-shadow:inset 0 0 0 2px #3b6ea8!important}
.gloss .kcol-empty{border:1.5px dashed #b8c2d0!important;color:#64748b!important;background:transparent!important}
/* nav row: compact, badge pinned right */
.gloss aside.sidebar .nav-item{padding:8px 10px!important;gap:10px!important;min-height:0!important;flex-direction:row!important;justify-content:flex-start!important}
.gloss aside.sidebar .nav-item .nav-ic{position:static!important}
.gloss aside.sidebar .nav-item .nav-badge{position:absolute!important;right:10px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;padding:3px 7px!important;font:600 11px/1 'Geist Mono',monospace!important;background:#f2b06e!important;color:#0f172a!important;border-radius:999px!important;min-width:0!important;height:auto!important}
.gloss aside.sidebar .nav-item:has(.nav-badge) .nav-label{padding-right:28px}
@media (max-width:1100px){
 .gloss aside.sidebar .nav-item{justify-content:center!important}
 .gloss aside.sidebar .nav-item .nav-badge{top:4px!important;right:4px!important;transform:none!important;padding:2px 5px!important;font-size:10px!important}
}
.gloss[data-sidebar="compact"] aside.sidebar .nav-item .nav-badge{top:4px!important;right:4px!important;transform:none!important;padding:2px 5px!important;font-size:10px!important}
.gloss .res-row{grid-template-columns:minmax(0,1fr)!important}

/* ---------- Agent Portal rail (standalone agent pages) ---------- */
.aok-agrail{position:fixed;left:0;top:0;bottom:0;width:220px;z-index:2147482900;background:#0b1220;color:#cbd5e1;display:flex;flex-direction:column;gap:4px;padding:16px 10px;box-sizing:border-box;font-family:var(--aok-sans)}
.aok-ag-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06);text-decoration:none!important}
.aok-ag-mark{width:34px;height:34px;border-radius:10px;background:#1e293b;display:grid;place-items:center;font:600 12px/1 var(--aok-sans);color:#fff;flex:none}
.aok-ag-brand b{display:block;font-size:15px;font-weight:600;color:#fff;line-height:1.2}
.aok-ag-brand small{display:block;font-size:12px;color:#94a3b8;margin-top:2px}
.aok-ag-list{display:flex;flex-direction:column;gap:2px}
.aok-ag-foot{margin-top:auto}
.aok-ag-item{position:relative;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-size:14px;color:#cbd5e1!important;text-decoration:none!important}
.aok-ag-item svg{flex:none;opacity:.9}
.aok-ag-item:hover{background:rgba(255,255,255,.06);color:#fff!important}
.aok-ag-item.on{background:rgba(255,255,255,.1);color:#fff!important}
.aok-ag-item.on svg{color:#f2b06e}
.aok-ag-item.on::before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#f2b06e}
html.aok-has-agrail body{padding-left:220px!important;box-sizing:border-box}
html.aok-has-agrail body > header,html.aok-has-agrail body > #top,html.aok-has-agrail .aok-topbar{left:220px!important}
@media (max-width:900px){
 .aok-agrail{width:64px;padding:12px 8px}
 .aok-ag-brand > span:last-child,.aok-ag-item span{display:none}
 .aok-ag-brand{justify-content:center;padding:4px 0 12px}
 .aok-ag-item{justify-content:center;padding:10px 0}
 html.aok-has-agrail body{padding-left:64px!important}
 html.aok-has-agrail body > header,html.aok-has-agrail body > #top,html.aok-has-agrail .aok-topbar{left:64px!important}
}
.aok-agrail svg{width:17px!important;height:17px!important;min-width:17px;max-width:17px;flex:none!important;display:block!important;position:static!important}
.aok-agrail .aok-ag-item span{font-size:14px!important;color:inherit!important;white-space:nowrap}
.aok-agrail *{box-sizing:border-box}
.aok-agrail{height:100vh;height:100dvh;max-height:100dvh;overflow-y:auto;overflow-x:hidden;gap:2px!important;padding:12px 10px!important}
.aok-agrail .aok-ag-brand{padding:2px 8px 12px!important;margin-bottom:6px!important}
.aok-agrail .aok-ag-item{padding:7px 10px!important}
.aok-agrail .aok-ag-foot{padding-top:8px}
html.aok-has-agrail body{overflow-x:clip}
html.aok-has-agrail body > *:not(.aok-agrail):not(.aok-sb):not(.aok-sb-tog):not(.aok-ask):not(.aok-ask-fab){max-width:100%;box-sizing:border-box}
@media (max-height:560px){ .aok-agrail .aok-ag-brand > span:last-child{display:none} .aok-agrail .aok-ag-item{padding:6px 10px!important} }
html.aok-has-agrail #map-wrap{display:flex;justify-content:center}
html.aok-has-agrail #map-wrap svg#map{width:100%!important;height:auto!important;max-height:calc(100dvh - 160px)!important}
body.aok-usmap #map path.state{fill:var(--status)!important;fill-opacity:.85;stroke:#fff!important;stroke-width:1.1}
body.aok-usmap #map path.state:hover{fill-opacity:1}
body.aok-usmap #map text{fill:#0f172a}
#modules .mod{background:#fff!important;border:0!important;border-radius:18px!important;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(15,23,42,.05),0 2px 4px rgba(15,23,42,.04)!important;overflow:hidden}
#modules .mod .num{border:0!important;background:#0f172a!important;color:#fff!important;border-radius:10px!important;font-family:var(--aok-mono)!important}
#modules .mod .bar,#modules .mod [class*="track"]{background:#eef1f5!important;border:0!important;border-radius:999px!important;overflow:hidden}
#obar{background:#f2b06e!important;border-radius:999px}
#obar{min-width:0}#obar:empty{}
#obar,#obar *{border:0!important}
#save-note,.note{border:0!important;background:#fbf0e2!important;color:#8a5a1c!important;border-radius:14px!important}
#main .top .bar,#modules .mod .bar{height:8px!important;background:#eef1f5!important;border:0!important;border-radius:999px!important;overflow:hidden}
#main .top .bar i,#modules .mod .bar i{display:block;height:100%;background:#f2b06e!important;border-radius:999px}
.aok-cprog{display:flex;align-items:center;gap:20px;background:#fff;border-radius:18px;padding:18px 20px;margin:18px 0 10px;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(15,23,42,.05),0 2px 4px rgba(15,23,42,.04)}
.aok-cprog-l{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.aok-cprog-k{font:500 10.5px/1 var(--aok-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--aok-muted)}
.aok-cprog .stat{margin:0!important;font-size:14px!important;color:var(--aok-ink2)!important}
.aok-cprog .bar{height:8px!important;background:#eef1f5!important;border:0!important;border-radius:999px!important;overflow:hidden}
.aok-cprog .bar i{display:block;height:100%;background:#f2b06e!important;border-radius:999px}
.aok-cprog-pct{font:500 32px/1 var(--aok-mono);letter-spacing:-.04em;color:var(--aok-ink);flex:none}
#save-note{display:inline-flex!important;align-self:flex-start;padding:6px 11px!important;font:500 11.5px/1 var(--aok-mono)!important;letter-spacing:.02em;border-radius:999px!important;margin:0 0 14px!important}
#save-note[hidden]{display:none!important}
#modules .mbar{height:6px!important;background:#eef1f5!important;border:0!important;border-radius:999px!important;overflow:hidden}
#modules .mbar > i{background:#f2b06e!important;border-radius:999px}
#modules .mpct{font-family:var(--aok-mono)!important;font-size:12px!important;color:var(--aok-muted)!important}
.aok-cprog .bar{min-width:0!important}
/* course lesson reader */
.aok-lesson{display:flex;flex-direction:column;gap:14px;margin:18px 0 40px;animation:aokLIn .25s ease both}
@keyframes aokLIn{from{opacity:0;transform:translateY(6px)}}
.aok-l-back{align-self:flex-start;border:0;background:#fff;border-radius:999px;padding:8px 13px;font:500 13px/1 var(--aok-sans);color:var(--aok-ink2);cursor:pointer;box-shadow:0 0 0 1px #e1e5eb}
.aok-l-back:hover{box-shadow:0 0 0 1.5px var(--aok-blue)}
.aok-l-head{display:flex;flex-direction:column;gap:6px}
.aok-l-head h2{margin:0;font-size:28px!important;font-weight:600;letter-spacing:-.025em!important;line-height:1.15!important}
.aok-l-k{font:500 10.5px/1.3 var(--aok-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--aok-muted)}
.aok-l-meta{font-size:13px;color:var(--aok-muted)}.aok-l-meta b{color:#1f7a57;font-weight:600}
.aok-l-intro{margin:0;font-size:16.5px;line-height:1.6;color:var(--aok-ink2);max-width:68ch;text-wrap:pretty}
.aok-l-card{background:#fff;border-radius:18px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(15,23,42,.05),0 2px 4px rgba(15,23,42,.04)}
.aok-l-pts{margin:0;padding:0;list-style:none;counter-reset:p;display:flex;flex-direction:column;gap:10px}
.aok-l-pts li{counter-increment:p;display:grid;grid-template-columns:26px 1fr;gap:10px;font-size:15px;line-height:1.5;color:var(--aok-ink)}
.aok-l-pts li::before{content:counter(p);width:24px;height:24px;border-radius:8px;background:#eef1f5;color:var(--aok-ink2);display:grid;place-items:center;font:500 12px/1 var(--aok-mono)}
.aok-l-script{background:#0f172a;color:#fff}
.aok-l-script .aok-l-k{color:#f2b06e}
.aok-l-script p{margin:0;font-size:15.5px;line-height:1.5;color:#e2e8f0}
.aok-l-q{font-size:16px;font-weight:600;line-height:1.35}
.aok-l-opts{display:flex;flex-direction:column;gap:8px}
.aok-l-opt{text-align:left;border:0;background:#f6f7f9;border-radius:12px;padding:12px 14px;font:inherit;font-size:14.5px;color:var(--aok-ink);cursor:pointer;box-shadow:0 0 0 1px transparent;transition:box-shadow .15s,background .15s}
.aok-l-opt:hover{box-shadow:0 0 0 1.5px var(--aok-blue)}
.aok-l-opt.ok{background:#e6f4ee;box-shadow:0 0 0 1.5px #2f9e74;color:#1f7a57;font-weight:500}
.aok-l-opt.no{background:#fbe6e6;box-shadow:0 0 0 1.5px #dc4c4c;color:#b83a3a}
.aok-l-why{font-size:14px;line-height:1.45;border-radius:12px;padding:10px 12px}
.aok-l-why.ok{background:#e6f4ee;color:#1f7a57}.aok-l-why.no{background:#fbe6e6;color:#b83a3a}
.aok-l-drill{display:flex;flex-direction:column;gap:6px;background:#fff;border-radius:18px;padding:16px 20px;text-decoration:none!important;box-shadow:0 0 0 1.5px var(--aok-blue)}
.aok-l-drill b{font-size:16px;color:var(--aok-ink)}
.aok-l-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}
.aok-l-done{border:0;background:#0f172a;color:#fff;border-radius:12px;padding:13px 18px;font:600 14.5px/1 var(--aok-sans);cursor:pointer;box-shadow:0 6px 14px -6px rgba(15,23,42,.55)}
.aok-l-done:hover{background:#1e293b}
.aok-l-done:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed}
.aok-l-hint{font-size:13px;color:var(--aok-muted)}
#modules .lesson .lt{cursor:pointer}
#modules .lesson .lt:hover{color:var(--aok-blue)}
.aok-cprog[hidden],#lesson[hidden],#modules[hidden]{display:none!important}
.aok-l-head h2{font-size:30px!important}
html:not(.aok-sandbox) .aok-lesson .aok-l-head h2{font-size:30px!important;line-height:1.15!important;letter-spacing:-.025em!important}
/* course: real pages embedded */
body.aok-reading > .wrap{max-width:none!important;padding:0 16px!important}
body.aok-reading > .wrap > header{display:none!important}
.aok-lesson{margin:12px 0 16px!important;gap:10px!important}
.aok-l-bar{position:sticky;top:8px;z-index:5;display:flex;align-items:center;gap:8px;background:#0f172a;border-radius:16px;padding:8px 8px 8px 10px;box-shadow:0 12px 28px -14px rgba(15,23,42,.6)}
.aok-l-bar .aok-l-back{background:rgba(255,255,255,.08);color:#e2e8f0;box-shadow:none}
.aok-l-bar .aok-l-back:hover{background:rgba(255,255,255,.14);box-shadow:none}
.aok-l-tt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding:0 4px}
.aok-l-tt .aok-l-k{color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aok-l-tt b{color:#fff;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aok-l-full,.aok-l-nav{width:38px;height:38px;flex:none;display:grid;place-items:center;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#e2e8f0!important;font-size:16px;cursor:pointer;text-decoration:none!important}
.aok-l-full:hover,.aok-l-nav:hover{background:rgba(255,255,255,.16)}
.aok-l-bar .aok-l-done{background:#fff;color:#0f172a;box-shadow:none;padding:11px 15px;white-space:nowrap}
.aok-l-bar .aok-l-done:hover{background:#f2f4f7}
.aok-l-bar .aok-l-done.is{background:#2f9e74;color:#fff}
.aok-l-frame{background:#fff;border-radius:18px;overflow:hidden;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(15,23,42,.05),0 2px 4px rgba(15,23,42,.04),0 12px 32px -12px rgba(15,23,42,.18)}
.aok-l-frame iframe{display:block;width:100%;height:calc(100dvh - 92px);border:0;background:#f2f4f7;transition:height .15s}
#modules .lesson .lt small{display:block;font-size:12.5px;color:var(--aok-muted);margin-top:2px;font-weight:400}
@media(max-width:640px){ .aok-l-tt .aok-l-k{display:none} .aok-l-bar .aok-l-done{padding:10px 12px;font-size:13px} }
html.aok-embed .aok-agrail,html.aok-embed .aok-sb,html.aok-embed .aok-sb-tog,html.aok-embed .aok-ask,html.aok-embed .aok-ask-fab,html.aok-embed .aok-nexts{display:none!important}
html.aok-embed body{padding-left:0!important;margin-left:0!important}
body.aok-reading .aok-sb-tog{display:none!important}
html.aok-embed,html.aok-embed body{min-height:0!important}
body.aok-reading .wrap{padding-bottom:12px!important}
body.aok-reading #lesson,body.aok-reading .aok-l-frame{margin-bottom:0!important}
/* lesson bar on real pages (course lessons open natively, not in a frame) */
.aok-lbar{position:fixed;top:0;left:0;right:0;z-index:2147482900;height:60px;box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:0 16px;background:#0f172a;color:#fff;font-family:var(--aok-sans);box-shadow:0 8px 20px -12px rgba(15,23,42,.6)}
.aok-lbar .aok-l-back{background:rgba(255,255,255,.08);color:#e2e8f0!important;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap}
.aok-lbar .aok-l-back:hover{background:rgba(255,255,255,.14);color:#fff!important}
.aok-lbar .aok-l-tt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.aok-lbar .aok-l-k{font:500 10.5px/1 var(--aok-mono);letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aok-lbar .aok-l-tt b{font-size:15px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aok-lbar .aok-l-nav{width:38px;height:38px;border-radius:10px;border:0;background:rgba(255,255,255,.08);color:#fff;font-size:18px;cursor:pointer}
.aok-lbar .aok-l-done{border:0;border-radius:12px;padding:11px 16px;background:#fff;color:#0f172a;font:600 14px/1 var(--aok-sans);cursor:pointer;white-space:nowrap}
.aok-lbar .aok-l-done.is{background:#2f9e74;color:#fff}
html.aok-in-lesson body{padding-top:60px!important}
html.aok-in-lesson .aok-sb,html.aok-in-lesson .aok-sb-tog,html.aok-in-lesson .aok-asb{top:60px!important}
@media(max-width:620px){ .aok-lbar .aok-l-k{display:none} .aok-lbar .aok-l-done{padding:10px 12px;font-size:13px} }
html.aok-in-lesson .aok-nexts{display:none!important}
/* course: dark module headers + progress card */
#modules .mod .mhead{background:#0f172a!important;color:#fff!important;cursor:pointer}
#modules .mod .mhead:hover{background:#1e293b!important}
#modules .mod .mhead .num{background:#fff!important;color:#0f172a!important}
#modules .mod .mhead .mtitle{color:#fff!important}
#modules .mod .mhead .mtitle small{color:#94a3b8!important}
#modules .mod .mhead .mbar{background:rgba(255,255,255,.12)!important}
#modules .mod .mhead .mbar i{background:#f2b06e!important}
#modules .mod .mhead > div:last-child{color:#cbd5e1!important}
#modules .mod.done .mhead .num{background:#2f9e74!important;color:#fff!important}
#main .aok-cprog{background:#0f172a!important;color:#fff!important;box-shadow:0 18px 36px -18px rgba(15,23,42,.6)!important;border:0!important}
#main .aok-cprog .aok-cprog-k{color:#94a3b8!important}
#main .aok-cprog .stat{color:#e2e8f0!important}
#main .aok-cprog .bar{background:rgba(255,255,255,.12)!important}
#main .aok-cprog .bar i{background:#f2b06e!important}
#main .aok-cprog .aok-cprog-pct{color:#fff!important}
.gloss .card.esttime{background:transparent!important;box-shadow:none!important;border:0!important}
.gloss .card.welcome + div:has(> .starthere),.gloss .aok-lead-next + div:has(> .starthere){margin:0 0 12px}
.gloss .topgrid > .col:has(> .esttime){display:flex!important;flex-direction:column}
.gloss .topgrid > .col > .esttime{order:2}
.gloss .topgrid > .col > .level{order:1}
.gloss .page-head > h1{display:none!important}
.gloss .card.welcome{background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;padding-left:4px!important;padding-right:4px!important}
.gloss .card.welcome::before,.gloss .card.welcome::after{display:none!important}
.gloss .card.level{display:none!important}
.gloss .tile-row > button.tile-clickable:nth-child(2){display:none!important}
/* level path — rings that unlock in order */
.gloss .card.esttime{display:none!important}
.gloss .topgrid{grid-template-columns:minmax(0,1fr)!important}
.gloss .topgrid > .col:not(:first-child):not(:has(> :not(.esttime):not(.level))){display:none!important}
.gloss .card.lvpath{background:#fff!important;border-radius:18px!important;padding:22px 20px 20px!important;margin:4px 0 18px;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(15,23,42,.05),0 2px 4px rgba(15,23,42,.04),0 12px 32px -12px rgba(15,23,42,.18)!important}
.gloss .lv-row{display:flex;align-items:flex-start;justify-content:space-between;overflow-x:auto;padding:2px 2px 4px;scroll-snap-type:x mandatory;scroll-padding-inline:4px}.gloss .lv-row>*{scroll-snap-align:start}
.gloss .lv{flex:none;width:128px;display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:#0f172a;border-radius:16px;padding:6px 0 8px;transition:transform .18s}
.gloss a.lv:not(.locked):hover{transform:translateY(-2px)}
.gloss .lv.locked{cursor:not-allowed}
.gloss .lv-ring{position:relative;width:112px;height:112px;margin-bottom:6px}
.gloss .lv-ring svg.ring{width:112px;height:112px;display:block}
.gloss .lv-ring .track{stroke:#e6eaf0}
.gloss .lv-ring .fill{transition:stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1)}
.gloss .lv.cur .lv-ring .fill{stroke:#3b6ea8}
.gloss .lv.done .lv-ring .fill{stroke:#2f9e74}
.gloss .lv.locked .lv-ring .track{stroke:#eef1f5;stroke-dasharray:3 5}
.gloss .lv.cur .lv-ring{border-radius:50%;box-shadow:0 0 0 5px rgba(59,110,168,.07)}
.gloss .lv-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.gloss .lv-c .big{font:600 24px/1 'Geist Mono',ui-monospace,monospace;letter-spacing:-.03em;color:#0f172a}
.gloss .lv-c .unit{font:500 10.5px/1 'Geist Mono',ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:#64748b}
.gloss .lv.done .lv-c{color:#2f9e74}
.gloss .lv.locked .lv-c{color:#a3adbb}
.gloss .lv-k{font:500 10.5px/1 'Geist Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#8b97a9}
.gloss .lv.cur .lv-k{color:#3b6ea8}
.gloss .lv.done .lv-k{color:#2f9e74}
.gloss .lv-t{font-size:14px;font-weight:600;text-align:center;line-height:1.25}
.gloss .lv.locked .lv-t{color:#94a3b8}
.gloss .lv-link{flex:1;min-width:16px;height:0;margin-top:62px;border-top:2px solid #2f9e74}
.gloss .lv-link.off{border-top:2px dashed #d6dbe3}
/* agent → admin / leader requests */
.gloss .reqbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px}
.gloss .req-btn{display:flex;align-items:center;gap:12px;text-align:left;border:0;cursor:pointer;background:#fff;border-radius:16px;padding:14px 16px;font:inherit;color:#0f172a;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(15,23,42,.05),0 2px 4px rgba(15,23,42,.04),0 12px 32px -12px rgba(15,23,42,.18);transition:transform .15s,box-shadow .15s}
.gloss .req-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px -18px rgba(15,23,42,.4),0 0 0 1.5px #3b6ea8}
.gloss .req-ic{width:38px;height:38px;border-radius:11px;background:#0f172a;color:#f2b06e;display:grid;place-items:center;flex:none}
.gloss .req-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.gloss .req-tx b{font-size:14.5px;font-weight:600}
.gloss .req-tx small{font-size:12.5px;color:#64748b}
.gloss .req-scrim{position:fixed;inset:0;z-index:2147482000;background:rgba(15,23,42,.35);display:grid;place-items:center;padding:20px}
.gloss .req-modal{width:min(460px,100%);background:#fff;border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 60px -20px rgba(15,23,42,.5)}
.gloss .req-hd{display:flex;align-items:center;justify-content:space-between}
.gloss .req-hd b{font-size:17px;font-weight:600}
.gloss .req-x{border:0;background:transparent;width:32px;height:32px;border-radius:8px;cursor:pointer;color:#64748b;font-size:15px}
.gloss .req-chips{display:flex;flex-wrap:wrap;gap:6px}
.gloss .req-chip{border:0;cursor:pointer;border-radius:999px;padding:7px 12px;font-style:normal;font-weight:500;font-size:13px;line-height:1;font-family:inherit;background:#f1f3f6;color:#334155}
.gloss .req-chip.on{background:#0f172a;color:#fff}
.gloss .req-ta{width:100%;box-sizing:border-box;resize:vertical;font:inherit;font-size:14.5px;border-radius:12px;background:#f6f7f9;border:1px solid transparent;padding:12px 13px;color:#0f172a;outline:none}
.gloss .req-ta:focus{background:#fff;box-shadow:0 0 0 2px #3b6ea8}
.gloss .req-send{border:0;cursor:pointer;background:#0f172a;color:#fff;border-radius:12px;padding:13px 14px;font-style:normal;font-weight:600;font-size:14px;line-height:1;font-family:inherit;box-shadow:0 6px 14px -6px rgba(15,23,42,.55)}
.gloss .req-send:disabled{opacity:.4;cursor:default}
.gloss .req-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:2147482001;background:#0f172a;color:#fff;border-radius:999px;padding:10px 16px;font-size:13.5px}
@media(max-width:640px){.gloss .reqbar{grid-template-columns:1fr}}
.gloss .card.welcome{display:flex!important;flex-wrap:wrap;align-items:flex-start;column-gap:24px}
.gloss .card.welcome > h2,.gloss .card.welcome > .quote{flex:1 1 100%}
.gloss .card.welcome > h2{flex:1 1 auto;order:1}
.gloss .card.welcome > .fs-eta{order:2;margin-left:auto}
.gloss .card.welcome > .quote{order:3}
.gloss .fs-eta{display:flex;flex-direction:column;align-items:flex-end;gap:5px;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(15,23,42,.05),0 2px 4px rgba(15,23,42,.04),0 12px 32px -12px rgba(15,23,42,.18)}
.gloss .fs-k{font:500 10.5px/1 'Geist Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#64748b;white-space:nowrap}
.gloss .fs-v{font-size:13px;color:#64748b}
.gloss .fs-v b{font:600 28px/1 'Geist Mono',ui-monospace,monospace;letter-spacing:-.03em;color:#0f172a;margin-right:2px}
.gloss .fs-d{font:500 11px/1 'Geist Mono',ui-monospace,monospace;border-radius:999px;padding:5px 9px;white-space:nowrap}
.gloss .fs-d.ahead{background:#e6f4ee;color:#1f7a57}
.gloss .fs-d.ontime{background:#e4edf7;color:#2f5b8c}
.gloss .fs-d.behind{background:#fbe6e6;color:#b83a3a}
.gloss .fs-eta{background:transparent!important;box-shadow:none!important;padding:0!important}
.gloss .card.welcome{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:24px;row-gap:6px;align-content:start}
.gloss .card.welcome > h2{grid-column:1;grid-row:1;margin:0!important}
.gloss .card.welcome > .quote{grid-column:1;grid-row:2;margin:0!important}
.gloss .card.welcome > .fs-eta{grid-column:2;grid-row:1 / span 2;align-self:start;margin:0!important}
/* Appointments as a full page (contracting.html#appointments) */
html.aok-appt-page .gloss .main > *{display:none!important}
html.aok-appt-page .gloss .appt-scrim{position:fixed;inset:0 0 0 var(--rail,264px);border:0!important;background:#f2f4f7!important;backdrop-filter:none!important;animation:none!important;display:block!important;padding:28px 32px 40px!important;overflow-y:auto;z-index:5}
html.aok-appt-page .gloss .appt-scrim .modal-full{width:100%!important;max-width:1180px!important;max-height:none!important;height:auto!important;margin:0 auto;box-shadow:none!important;background:transparent!important;border-radius:0!important;padding:0!important;overflow:visible!important}
html.aok-appt-page .gloss .appt-scrim .modal-x{display:none!important}
html.aok-appt-page .gloss .appt-scrim .modal-full-head h3{font-size:28px!important;font-weight:600!important;letter-spacing:-.025em!important}
@media(max-width:940px){html.aok-appt-page .gloss .appt-scrim{left:80px;padding:20px 16px!important}}
.gloss .modal-full-head{display:flex;align-items:flex-start;gap:12px}
.gloss .modal-full-head > div:first-child{flex:1;min-width:0}
.gloss .appt-what{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;background:#fff;color:#0f172a;border-radius:999px;padding:9px 14px 9px 9px;font:500 13.5px/1 'Geist',sans-serif;white-space:nowrap;box-shadow:0 0 0 1px #e1e5eb,0 2px 4px rgba(15,23,42,.04);align-self:center}
.gloss .appt-what:hover{box-shadow:0 0 0 1.5px #3b6ea8}
.gloss .appt-what-q{width:22px;height:22px;border-radius:50%;background:#0f172a;color:#f2b06e;display:grid;place-items:center;font:600 12px/1 'Geist',sans-serif}
.gloss .appt-help-scrim{position:fixed;inset:0;z-index:2147481000;background:rgba(15,23,42,.4);display:grid;place-items:center;padding:20px}
.gloss .appt-help{width:min(500px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;background:#fff;border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 60px -20px rgba(15,23,42,.5);color:#0f172a}
.gloss .ah-hd{display:flex;align-items:center;justify-content:space-between}
.gloss .ah-hd b{font-size:19px;font-weight:600;letter-spacing:-.015em}
.gloss .ah-x{border:0;background:transparent;width:32px;height:32px;border-radius:8px;cursor:pointer;color:#64748b;font-size:15px}
.gloss .ah-lead{margin:0;font-size:15px;line-height:1.5;color:#334155}
.gloss .ah-steps{display:flex;flex-direction:column;gap:2px;background:#f6f7f9;border-radius:16px;padding:6px}
.gloss .ah-step{display:flex;gap:12px;align-items:flex-start;padding:10px}
.gloss .ah-step > div{display:flex;flex-direction:column;gap:2px}
.gloss .ah-step b{font-size:14.5px;font-weight:600}
.gloss .ah-step span:not(.ah-n){font-size:13.5px;color:#64748b;line-height:1.4}
.gloss .ah-n{width:26px;height:26px;border-radius:50%;flex:none;background:#0f172a;color:#fff;display:grid;place-items:center;font:500 12px/1 'Geist Mono',monospace}
.gloss .ah-step:nth-child(3) .ah-n{background:#f2b06e;color:#0f172a}
.gloss .ah-ex,.gloss .ah-tip{display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.45;color:#334155;border-radius:14px;padding:12px 14px}
.gloss .ah-ex{background:#e4edf7}
.gloss .ah-tip{background:#fbf0e2}
.gloss .ah-k{font:500 10.5px/1 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.gloss .ah-ok{border:0;cursor:pointer;background:#0f172a;color:#fff;border-radius:12px;padding:13px;font:600 14px/1 'Geist',sans-serif}
html.aok-appt-page .gloss .appt-scrim .modal-full{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}
/* Schedule as its own tab (onboarding.html#schedule) */
html.aok-sched-page .gloss .main > *{display:none!important}
html.aok-sched-page #plg-cal-launch{display:none!important}
html.aok-sched-page #plg-cal-root{left:var(--rail,264px)!important;z-index:5!important}
html.aok-sched-page #plg-cal-root .pc-scrim{display:none!important}
html.aok-sched-page #plg-cal-sheet{inset:28px 32px!important;max-width:1180px!important;background:#fff!important;border:0!important;border-radius:20px!important;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(15,23,42,.05),0 2px 4px rgba(15,23,42,.04),0 12px 32px -12px rgba(15,23,42,.18)!important;font-family:'Geist',Arial,sans-serif!important;color:#0f172a!important}
html.aok-sched-page #plg-cal-sheet .pc-head{background:#fff!important;border-bottom:1px solid #eef1f5!important}
html.aok-sched-page #plg-cal-sheet .pc-title{font:600 22px/1.2 'Geist',sans-serif!important;letter-spacing:-.02em!important}
html.aok-sched-page #plg-cal-sheet [data-act="close"],html.aok-sched-page #plg-cal-sheet .pc-x{display:none!important}
@media(max-width:940px){html.aok-sched-page #plg-cal-root{left:80px!important}html.aok-sched-page #plg-cal-sheet{inset:16px!important}}
html.aok-sched-page #plg-cal-sheet *{font-family:'Geist',Arial,sans-serif}
html.aok-sched-page #plg-cal-sheet .pc-btn{background:#fff!important;border:1px solid #e1e5eb!important;color:#0f172a!important;border-radius:10px!important;font-weight:500!important}
html.aok-sched-page #plg-cal-sheet .pc-btn:hover{border-color:#3b6ea8!important}
html.aok-sched-page #plg-cal-sheet .pc-btn.pc-primary{background:#0f172a!important;color:#fff!important;border-color:#0f172a!important}
html.aok-sched-page #plg-cal-sheet input,html.aok-sched-page #plg-cal-sheet select,html.aok-sched-page #plg-cal-sheet textarea{background:#f6f7f9!important;border:1px solid transparent!important;color:#0f172a!important;border-radius:10px!important}
html.aok-sched-page #plg-cal-sheet input::placeholder{color:#8b97a9!important}
html.aok-sched-page #plg-cal-sheet [class*="pc-day"],html.aok-sched-page #plg-cal-sheet [class*="pc-col"]{background:#f6f7f9!important;border-color:#eef1f5!important}
html.aok-sched-page #plg-cal-sheet [class*="pc-ev"],html.aok-sched-page #plg-cal-sheet [class*="pc-block"]{background:#fff!important;border-left-color:#3b6ea8!important;box-shadow:0 0 0 1px rgba(15,23,42,.05),0 2px 4px rgba(15,23,42,.05)!important}
html.aok-sched-page #plg-cal-sheet [class*="pc-banner"],html.aok-sched-page #plg-cal-sheet [class*="pc-note"],html.aok-sched-page #plg-cal-sheet [class*="pc-hint"]{border-color:#e1e5eb!important;background:#f6f7f9!important;color:#334155!important}

/* course decks: card always fits between the header and the bottom nav */
#deckEl .slide > .card{max-height:var(--aok-deck-h,calc(100vh - 220px))!important;box-sizing:border-box}
#deckEl .slide > .card > .body{min-height:0!important;overflow-y:auto!important;flex:1 1 auto!important}
#deckEl .slide > .card > .band{flex-shrink:0}
#deckEl .slide > .card > .band::after{display:none}
main.stage{min-height:0;overflow:hidden}
@media(max-height:760px){#deckEl .band h1{font-size:clamp(20px,3vw,28px)!important}#deckEl .band p{font-size:13px!important;margin-top:4px}#deckEl .band{padding:12px 20px 11px!important}}

/* course decks: readable defaults */
#deckEl .band .step,#deckEl .band [class*="page"],#deckEl .pg,#deckEl .pagechip{background:rgba(255,255,255,.12)!important;color:#f8fafc!important}
#deckEl .band p{color:#e2e8f0!important;opacity:1!important}
#deckEl .body{color:#0f172a}
#deckEl .body p,#deckEl .body li{color:#1e293b}
#deckEl .point,#deckEl .tip,#deckEl .callout{color:#0f172a}

/* course deck bottom nav: readable on near-black */
body:has(#deckEl) .navlabel{color:#cbd5e1!important;opacity:1!important}
body:has(#deckEl) .navlabel a,body:has(#deckEl) .navlabel b,body:has(#deckEl) .navlabel span:not(:first-child){color:#f2b06e!important}
body:has(#deckEl) .aok-botbar button:disabled,body:has(#deckEl) .aok-botbar .btn:disabled,body:has(#deckEl) button#prevBtn:disabled,body:has(#deckEl) #backBtn:disabled{background:rgba(255,255,255,.1)!important;color:#cbd5e1!important;border:1px solid rgba(255,255,255,.18)!important;opacity:1!important}
body:has(#deckEl) .aok-botbar button:disabled *,body:has(#deckEl) #prevBtn:disabled *{color:#cbd5e1!important}

#plg-auth,#plg-gbtn,#plg-gfallback{display:none!important}

body:has(.gloss) .aok-sb-tog,body:has(.gloss) .aok-sb,body:has(aside.sidebar) .aok-sb-tog,body:has(aside.sidebar) .aok-sb,body:has(x-dc) .aok-sb-tog,body:has(x-dc) .aok-sb{display:none!important}

/* ===== Raised system (all pages) ===== */
html:not(.aok-sandbox) :is(.card,.panel,.tile,.box,.module,.lesson,.item-card,.stat,.kpi){box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 0 0 1px rgba(15,23,42,.06),0 1px 2px rgba(15,23,42,.06),0 10px 24px -12px rgba(15,23,42,.28)!important}
html:not(.aok-sandbox) :is(a.card,.tile,a.tile,.lesson):hover{transform:translateY(-2px);transition:transform .18s,box-shadow .18s}
html:not(.aok-sandbox) :is(.btn:not(.primary):not(.btn-primary):not(.btn-go),a.btn:not(.primary)){background-image:linear-gradient(180deg,#fff,#f3f5f8)!important;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(15,23,42,.06),0 0 0 1px rgba(15,23,42,.09),0 1px 2px rgba(15,23,42,.1),0 3px 8px -3px rgba(15,23,42,.18)!important;border-color:transparent!important}
html:not(.aok-sandbox) :is(.btn.primary,.btn-primary,.btn-go,a.primary,button.primary,.cta){background-image:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 55%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(0,0,0,.3),0 1px 2px rgba(15,23,42,.3),0 6px 14px -6px rgba(15,23,42,.55)!important}
html:not(.aok-sandbox) :is(.btn,button.primary,.cta):hover{transform:translateY(-1px)}
html:not(.aok-sandbox) :is(.btn,button.primary,.cta):active{transform:translateY(1px)}
/* /raised-all */

/* ---------- MOBILE (agent pages) ---------- */
@media (max-width: 640px){
  html:not(.aok-sandbox) input:not([type=checkbox]):not([type=radio]):not([type=range]),html:not(.aok-sandbox) select,html:not(.aok-sandbox) textarea{font-size:16px!important;min-height:44px}
  html:not(.aok-sandbox) button:not([role=switch]):not([aria-checked]):not(.tg):not(.toggle):not(.switch),html:not(.aok-sandbox) .btn,html:not(.aok-sandbox) a.btn{min-height:44px}
  html:not(.aok-sandbox) h1{font-size:24px!important}
  html:not(.aok-sandbox) .row,html:not(.aok-sandbox) .grid2,html:not(.aok-sandbox) .grid-2,html:not(.aok-sandbox) .two,html:not(.aok-sandbox) .cols,html:not(.aok-sandbox) .fgrid,html:not(.aok-sandbox) .form-grid{grid-template-columns:minmax(0,1fr)!important}
  html:not(.aok-sandbox) body{overflow-x:clip}
  .gloss{grid-template-columns:minmax(0,1fr)!important;--rail:0px}
  /* Phone: the agent sidebar is a slide-in drawer (opened by the menu button from mobile-fit.js), not a bottom tab bar.
     Undo the 940px compact-rail rules so the drawer shows the brand, page names and badges. */
  .gloss aside.sidebar{flex-direction:column!important;align-items:stretch!important;top:0!important;bottom:0!important;height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;padding:16px 10px calc(16px + env(safe-area-inset-bottom))!important}
  .gloss aside.sidebar .brand{display:flex!important}
  .gloss aside.sidebar .brand .name,.gloss aside.sidebar .brand .sub,.gloss aside.sidebar .nav-label,.gloss aside.sidebar .nav-group-label{display:block!important}
  .gloss aside.sidebar .rail-foot{display:block!important}
  .gloss aside.sidebar .nav-meta{display:flex!important;align-items:center}
  .gloss aside.sidebar .nav-item,.gloss aside.sidebar .nav-item:has(.nav-badge){flex:none!important;flex-direction:row!important;justify-content:flex-start!important;gap:12px!important;padding:11px 12px!important;min-height:44px}
  .gloss aside.sidebar .nav-item:has(.nav-badge) .nav-meta{margin-left:auto!important}
  .gloss aside.sidebar .nav-item .nav-badge{padding:3px 7px!important;font-size:11px!important}
  .gloss .main{padding:16px 16px 96px!important}
  .gloss .topgrid,.gloss .goals,.gloss .focus{grid-template-columns:minmax(0,1fr)!important}
  .aok-ask-fab{bottom:84px!important}
  .rg-btn{bottom:84px!important}
}

/* ---------- EMPTY STATES ---------- */
html:not(.aok-sandbox) .col-b .empty,html:not(.aok-sandbox) .kcol-empty{border:1.5px dashed #d6dbe3;border-radius:12px;background:rgba(255,255,255,.5);color:#64748b!important;font:500 12.5px/1.3 'Geist',sans-serif!important;padding:16px 8px!important;text-align:center}
html:not(.aok-sandbox) .mc-empty{background:#fff;border-radius:16px;padding:16px 18px;font-size:14px;color:#334155;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(15,23,42,.05),0 2px 4px rgba(15,23,42,.04)}
html:not(.aok-sandbox) .empty-state{background:#fff;border-radius:22px;max-width:460px;margin:40px auto;padding:26px;text-align:left!important;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(15,23,42,.05),0 2px 4px rgba(15,23,42,.04),0 12px 32px -12px rgba(15,23,42,.18)}
html:not(.aok-sandbox) .empty-state.hidden{display:none}
html:not(.aok-sandbox) .empty-state h2{margin:0 0 8px;font-size:20px!important;font-weight:600;color:#0f172a}
html:not(.aok-sandbox) .empty-state p{margin:0;font-size:14px;line-height:1.5;color:#334155!important}
html:not(.aok-sandbox) .empty-state > div{justify-content:flex-start!important}

.acard .pill{white-space:nowrap!important;flex:none!important;height:auto!important;max-width:100%;overflow:hidden;text-overflow:ellipsis}
body:has(.acard) .board,body:has(.acard) #board{padding-bottom:72px!important}

/* ================= MOBILE FIT (≤ 760px) ================= */
@media (max-width:760px){
  html,body{overflow-x:clip;max-width:100%}
  img,video,canvas,iframe{max-width:100%;height:auto}
  .orb,.glow,[class*="orb "],[class^="orb"]{max-width:100vw}
  pre,code{white-space:pre-wrap;overflow-wrap:anywhere}
  table:not(.kpi-tbl){display:block;max-width:100%;overflow-x:auto}
  body > header,.aok-topbar,header.aok-darkbg{flex-wrap:wrap;gap:8px;max-width:100vw;box-sizing:border-box}
  body > header .nav,body > header nav,header .actions,.hbar,.hdr-actions{flex-wrap:wrap;gap:6px}
  a.hbtn,.hbtn{padding:8px 10px!important;font-size:13px!important}
  body > header .bar{flex-wrap:wrap;gap:8px;row-gap:8px}
  body > header .bar .spacer{flex-basis:100%;height:0}
  body > header .brand{min-width:0}
  header.aok-darkbg{margin-left:0!important;margin-right:0!important;width:auto!important}
  #results,.callcard,.ctop,.cmeta,.ctags,.ttl{max-width:100%!important;min-width:0!important;box-sizing:border-box}
  .callcard{width:100%!important}
  .hcol{min-width:0!important}
  nav.nav{flex-wrap:wrap;max-width:100%}
  #player{max-width:calc(100vw - 24px)}
  .pt-card{left:12px!important;right:12px;width:auto!important}
  .rg-btn,.pt-btn{font-size:12px!important;padding:8px 11px 8px 9px!important}
}

/* tours live inside the Ask AOK button */
.pt-btn,#tourBtn{display:none!important}
.aok-ask-tour{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 12px;padding:12px 14px;border:0;border-radius:14px;cursor:pointer;text-align:left;font:500 14px/1.2 Geist,system-ui,sans-serif;color:#fff;background:linear-gradient(#1e293b,#0f172a);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px -10px rgba(15,23,42,.6);transition:transform .15s}
.aok-ask-tour:hover{transform:translateY(-1px)}
.aok-ask-tour b{font-weight:600}
.aok-ask-tour>span:nth-child(2){flex:1}
.aok-ask-tour-i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f2b06e;color:#0f172a;box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.aok-ask-tour i{font-style:normal;color:#f2b06e}

/* iOS audit: grey text on light fills meets 4.5:1; the hover-lift never sticks after a tap */
@media (hover:none){ .aok-ask-fab:hover{transform:none} }