/* Paul fix 7: ONE numeric font site-wide. "MYB Num" = Inter (SIL OFL 1.1) subset to digits + £ $ € %,
   lining figures. unicode-range means it only replaces digits; letters keep their own font. */
@font-face{font-family:"MYB Num";font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/myb-num-inter.woff2) format("woff2");unicode-range:U+0030-0039,U+0024,U+0025,U+00A3,U+20AC}
@font-face{font-family:"MYB Num";font-style:italic;font-weight:100 900;font-display:swap;src:url(/static/fonts/myb-num-inter.woff2) format("woff2");unicode-range:U+0030-0039,U+0024,U+0025,U+00A3,U+20AC}
:root{--black:#050505;--black2:#0D0D0B;--char:#141410;--char2:#1C1C18;--border:#2A2A24;--gold:#C6A15B;--gold2:#E5C878;--golddeep:#9A7B3F;--cream:#F7F3EC;--cream2:#FBF8F1;--ink:#16130C;--paper:#FFFDF8;--muted:#6F6A5E;--mutedl:#A79E8E;--green:#2E7D4F;--red:#B03A2E;--shadow:0 10px 30px rgba(0,0,0,.18);--hair:1px solid rgba(198,161,91,.35)}
*{box-sizing:border-box}
body{margin:0;font-family:"MYB Num",-apple-system,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:#EFE9DC;background-image:radial-gradient(1200px 500px at 20% -10%,rgba(198,161,91,.14),transparent),linear-gradient(180deg,#F3EEE2,#EDE6D6);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit} h1,h2{font-family:"MYB Num",Georgia,"Playfair Display","Times New Roman",serif;font-weight:600;letter-spacing:.01em;color:#14110A} h1{font-size:30px;line-height:1.15;margin:.2em 0 .35em} h3{font-family:"MYB Num",Georgia,serif;font-weight:600}
.serif{font-family:"MYB Num",Georgia,"Playfair Display","Times New Roman",serif}
.topnav{background:linear-gradient(90deg,#050505,#12110C);color:#EDE6D6;padding:10px 18px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;border-bottom:1px solid rgba(198,161,91,.55);box-shadow:0 4px 18px rgba(0,0,0,.35);position:relative;z-index:5}
.topnav a{color:#CFC7B4;text-decoration:none;font-size:12px;padding:6px 9px;border-radius:999px;letter-spacing:.02em}.topnav a:hover{color:var(--gold2);background:rgba(198,161,91,.12)}.topnav a.active{color:#0A0A08;background:linear-gradient(180deg,var(--gold2),var(--gold));font-weight:700}
.logo{font-family:"MYB Num",Georgia,serif;color:var(--gold);font-weight:700;letter-spacing:.14em;margin-right:10px;font-size:18px;text-shadow:0 1px 0 rgba(0,0,0,.6)}
.goldbtn{background:linear-gradient(180deg,#E9CF8F,var(--gold) 55%,#B08D46);color:#171204;border:1px solid #8C6F35;padding:11px 20px;border-radius:9px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 6px 16px rgba(154,123,63,.35),inset 0 1px 0 rgba(255,255,255,.55);transition:.15s}
.goldbtn:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 10px 22px rgba(154,123,63,.4)}
.ghost{background:rgba(255,255,255,.7);border:1px solid #D8CDB2;color:#3A3324;padding:10px 16px;border-radius:9px;cursor:pointer;text-decoration:none;display:inline-block;transition:.15s}.ghost:hover{border-color:var(--gold);color:#000;box-shadow:var(--shadow)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(198,161,91,.75);outline-offset:2px}
.layout{display:flex;min-height:calc(100vh - 50px)}
.sidebar{width:228px;background:linear-gradient(180deg,#050505,#10100C 60%,#080806);color:#D8D0BC;padding:20px 14px;flex-shrink:0;border-right:1px solid rgba(198,161,91,.4);box-shadow:8px 0 24px rgba(0,0,0,.25)}
.sidebar a{display:block;color:#CFC7B2;text-decoration:none;padding:9px 12px;border-radius:8px;margin:3px 0;font-size:13.5px;border-left:3px solid transparent}
.sidebar a.active{background:linear-gradient(90deg,rgba(198,161,91,.32),rgba(198,161,91,.08));color:#F3DFA8;border-left:3px solid var(--gold);font-weight:700}
.sidebar a:hover{background:rgba(198,161,91,.12);color:#FFF3D0}
.usercard{margin-top:26px;border-top:1px solid rgba(198,161,91,.3);padding-top:16px;font-size:12.5px;color:var(--mutedl);display:block}
.usercard::before{content:"JD";display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,var(--gold2),var(--golddeep));color:#141005;font-weight:800;font-family:"MYB Num",Georgia,serif;margin-bottom:8px;border:2px solid rgba(229,200,120,.7)}
.main{flex:1;padding:30px 34px;max-width:1200px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:16px}
.card{background:linear-gradient(180deg,#FFFDF8,#FBF7EE);border:1px solid #E3D9C3;border-top:2px solid rgba(198,161,91,.65);border-radius:14px;padding:20px;box-shadow:0 10px 28px rgba(30,25,10,.10),0 2px 6px rgba(0,0,0,.06)}
.stat{font-size:32px;font-weight:800;font-family:"MYB Num",Georgia,serif;color:#191408}
.label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#8A7A52;font-weight:700}
.bar{height:8px;background:#E9E1CD;border-radius:99px;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.15)}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--golddeep),var(--gold),var(--gold2));border-radius:99px}
table{width:100%;border-collapse:collapse;background:transparent}th,td{padding:11px 12px;text-align:left;border-bottom:1px solid #EAE2CF;font-size:13.5px}th{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#7D6F4D;background:rgba(198,161,91,.07)}tr:hover td{background:rgba(198,161,91,.05)}
.pill{padding:4px 10px;border-radius:99px;font-size:11.5px;font-weight:700;border:1px solid transparent}.inprog{background:#FBF0D3;color:#7A5A12;border-color:#E8D393}.done{background:#E2F2E6;color:#1F6B3F;border-color:#AED8BB}.notstart{background:#FBE7E3;color:#8F2F24;border-color:#EFC2BB}
.split{display:grid;grid-template-columns:1.15fr .85fr;min-height:calc(100vh - 50px)}
.brand{position:relative;overflow:hidden;background:radial-gradient(900px 500px at 30% 0%,rgba(229,200,120,.20),transparent 55%),linear-gradient(165deg,#050505 20%,#141108 65%,#241B08);color:#F5EEDD;padding:52px 54px;display:flex;flex-direction:column;justify-content:space-between}
.brand h1{font-size:52px;line-height:1.04;color:#FBF5E4}.brand h1 .gold{background:linear-gradient(180deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.brand .scene{position:absolute;inset:auto 0 0 0;width:100%;height:46%;opacity:.95;pointer-events:none}
.brand>*{position:relative;z-index:2}
.gold{color:var(--gold)}
.loginbox{padding:48px 42px;display:flex;align-items:center;justify-content:center;background:radial-gradient(700px 400px at 80% 0%,rgba(198,161,91,.13),transparent),var(--cream)}
.form{width:min(430px,100%);background:linear-gradient(180deg,#FFFDF8,#FAF5EA);border:1px solid #E7DEC8;border-top:3px solid var(--gold);padding:34px 32px;border-radius:16px;box-shadow:var(--shadow)}
input,textarea,select{width:100%;padding:12px 13px;border:1px solid #D9CFB4;border-radius:9px;margin:6px 0 14px;font:inherit;background:#FFFDF9;box-shadow:inset 0 1px 3px rgba(0,0,0,.05)}input:focus,textarea:focus,select:focus{border-color:var(--gold);outline:3px solid rgba(198,161,91,.25)}
label{font-size:13px;font-weight:600;color:#33301F}
.hero{position:relative;overflow:hidden;background:radial-gradient(800px 300px at 85% 0%,rgba(229,200,120,.28),transparent 50%),linear-gradient(100deg,#050505,#171307 70%,#2A2008);color:#FFF8E8;border:1px solid rgba(198,161,91,.55);border-radius:18px;padding:30px 32px;display:flex;justify-content:space-between;gap:24px;align-items:center;box-shadow:var(--shadow)}
.hero h2{color:#FFF3D6}
.phone{width:340px;margin:24px auto;background:#000;border-radius:36px;padding:14px;color:#fff;box-shadow:var(--shadow)}.phoneinner{background:#111;border-radius:26px;padding:18px;min-height:560px}
.modalwrap{background:rgba(5,5,5,.55);backdrop-filter:blur(3px);padding:30px;border-radius:16px}
.cert{position:relative;background:linear-gradient(180deg,#FFFEF9,#F9F3E3);color:#2A2412;border:1px solid #C9B37E;border-radius:8px;padding:42px 34px;text-align:center;box-shadow:var(--shadow),inset 0 0 0 6px #FFFEF9,inset 0 0 0 8px rgba(198,161,91,.75)}
.cert::before{content:"";position:absolute;inset:14px;border:1px solid rgba(198,161,91,.65);pointer-events:none}
.chat{background:linear-gradient(180deg,#FFFDF8,#FBF7EE);border:1px solid #E3D9C3;border-radius:14px;padding:20px;box-shadow:var(--shadow)}.msg{padding:12px 15px;border-radius:12px;margin:10px 0;max-width:82%;box-shadow:0 3px 10px rgba(0,0,0,.06)}.ai{background:#FCF3D7;border:1px solid #EAD98A}.me{background:linear-gradient(180deg,#1B1A14,#050505);color:#FFF3D0;margin-left:auto}
.video{position:relative;background:radial-gradient(700px 350px at 70% 20%,rgba(229,200,120,.22),transparent),linear-gradient(140deg,#0A0A08,#1A160A);color:#fff;border:1px solid rgba(198,161,91,.6);border-radius:16px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--shadow)}
.playbtn{width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--gold2),var(--gold) 60%,var(--golddeep));display:flex;align-items:center;justify-content:center;font-size:28px;color:#171204;box-shadow:0 12px 28px rgba(0,0,0,.5),inset 0 2px 3px rgba(255,255,255,.6);border:2px solid rgba(255,240,200,.8)}
.hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.hub a{text-decoration:none;transition:.15s}.hub a:hover{transform:translateY(-3px)}
footer.note{padding:18px 28px;color:var(--muted);font-size:12.5px;border-top:1px solid rgba(198,161,91,.3)}
@media(max-width:800px){.split{grid-template-columns:1fr}.layout{flex-direction:column}.sidebar{width:100%}.main{padding:20px}.brand{padding:30px}.brand h1{font-size:34px}.form{padding:26px 20px}}
.brand-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;z-index:0}
.brand::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.88) 22%,rgba(5,5,5,.45) 58%,rgba(5,5,5,.15)),linear-gradient(0deg,rgba(5,5,5,.9),transparent 45%),linear-gradient(180deg,rgba(5,5,5,.55),transparent 35%);z-index:1}
.hero-photo{width:290px;height:185px;object-fit:cover;object-position:top center;border-radius:12px;border:1px solid rgba(198,161,91,.7);box-shadow:0 14px 30px rgba(0,0,0,.45);flex-shrink:0}
.video-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}
.video::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.55),transparent 55%),linear-gradient(0deg,rgba(5,5,5,.75),transparent 40%)}
.video-bar{position:absolute;left:16px;right:16px;bottom:14px;height:5px;background:rgba(255,255,255,.25);border-radius:99px;z-index:3}.video-bar i{display:block;width:38%;height:100%;background:linear-gradient(90deg,#C6A15B,#E5C878);border-radius:99px}
.video-time{position:absolute;right:16px;bottom:24px;color:#FFF3D0;font-size:12px;z-index:3;text-shadow:0 1px 4px #000}
.avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid rgba(198,161,91,.75);vertical-align:middle;box-shadow:0 3px 8px rgba(0,0,0,.18)}
.avatar-lg{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);display:block;margin-bottom:8px}
.usercard:has(img)::before{display:none}
.person{display:flex;align-items:center;gap:10px;font-weight:600}
.thumb{width:100%;height:118px;object-fit:cover;border-radius:10px 10px 0 0;display:block}
.modcard{padding:0;overflow:hidden}.modcard .pad{padding:16px 18px}
.featured{background:linear-gradient(145deg,#050505,#1B1608);color:#FFF3D0;border-color:rgba(198,161,91,.7)} .featured .stat{color:var(--gold2)} .featured .label{color:#C9B88A}
.iconchip{display:inline-flex;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#111,#2A2110);color:var(--gold2);align-items:center;justify-content:center;font-size:17px;border:1px solid rgba(198,161,91,.6);box-shadow:0 5px 12px rgba(0,0,0,.2);margin-bottom:8px}
.delta{color:#2E7D4F;font-size:11px;font-weight:700}
.chip{display:inline-block;padding:6px 11px;border-radius:99px;background:rgba(255,243,208,.12);border:1px solid rgba(229,200,120,.45);color:#FDEFC2;font-size:12px;margin:8px 6px 0 0;backdrop-filter:blur(4px)}
.pillbtn{display:inline-block;padding:7px 12px;border-radius:99px;background:#0D0D0B;color:#F3DFA8;font-size:12px;font-weight:700;border:1px solid rgba(198,161,91,.55)}
.minirow{display:flex;justify-content:space-between;font-size:12.5px;margin-top:10px}
.shadow-deep{box-shadow:0 18px 40px rgba(25,20,5,.16),0 3px 8px rgba(0,0,0,.07)}
.flash{background:#FBF0D3;border:1px solid #E8D393;padding:12px 16px;border-radius:10px;margin:14px 0}
.err{background:#FBE7E3;border-color:#EFC2BB}.ok{background:#E2F2E6;border-color:#AED8BB}
.muted{color:var(--muted);font-size:13px}.row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
textarea{width:100%} .small{font-size:12.5px} code{background:#111;color:#E5C878;padding:2px 6px;border-radius:6px}
/* ===== EXACT REFERENCE THEME (19 Oct) ===== */
:root{--gold:#C5A46D;--gold2:#E3C888;--black:#0A0A08;--cream:#F6F1E7}
body{background:#F6F1E7;background-image:radial-gradient(1000px 400px at 20% -5%,rgba(197,164,109,.12),transparent),linear-gradient(180deg,#F8F4EB,#F1EADA)}
.card{background:#fff;border:1px solid #E8DFC9;border-top:2px solid rgba(197,164,109,.55);border-radius:14px;box-shadow:0 14px 34px rgba(35,28,10,.10),0 2px 8px rgba(0,0,0,.05);padding:22px}
.goldbtn{background:linear-gradient(180deg,#E9CF8F,#C5A46D 55%,#A98850);border-radius:10px}
.topnav{background:#FFFEF9;color:#241F14;border-bottom:1px solid #E3D7BB;padding:7px 16px;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.topnav a{color:#4A4230}.topnav a:hover{color:#8A6D35;background:rgba(197,164,109,.14)}
.brandlogo{font-family:"MYB Num",Georgia,serif;line-height:.95;display:inline-block}
.brandlogo .m{color:#fff;font-size:36px;font-weight:700}.brandlogo .yb{font-size:36px;font-weight:700;background:linear-gradient(180deg,#EFD89A,#C5A46D 60%,#9A7B3F);-webkit-background-clip:text;background-clip:text;color:transparent}
.brandlogo small{display:block;font-family:Arial,sans-serif;font-size:8.5px;letter-spacing:.42em;color:#D8BC7E;margin-top:4px;font-weight:700}
.brandlogo.dark .m{color:#14110A}
.sidebar .brandlogo{margin:4px 8px 18px}
.sso{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px;border:1px solid #DDD2B8;border-radius:9px;background:#fff;text-decoration:none;font-weight:600;margin:8px 0;cursor:pointer}
.sso:hover{border-color:var(--gold)}
/* dark company dashboard */
.darklayout{display:flex;min-height:100vh;background:#070707;color:#EDE8DB}
.darksidebar{width:210px;background:#0B0B0A;border-right:1px solid #26261F;padding:22px 16px;flex-shrink:0;display:flex;flex-direction:column}
.darksidebar nav a{display:flex;gap:10px;color:#CFC8B8;text-decoration:none;padding:11px 12px;border-radius:9px;margin:4px 0;font-size:14px}
.darksidebar nav a.active{background:linear-gradient(90deg,#E3C888,#B8945A);color:#171204;font-weight:800}
.darksidebar nav a:hover{background:rgba(197,164,109,.15);color:#FFF3D0}
.darkmain{flex:1;padding:26px 28px;background:radial-gradient(900px 400px at 70% -10%,rgba(197,164,109,.10),transparent),#0A0A08;max-width:1240px}
.darkmain h1{color:#FFF8E8;font-size:32px}
.darkhead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;flex-wrap:wrap}
.company-pill{text-align:right;color:#fff}.company-pill b{font-size:15px}
.usedbar{width:210px;height:6px;background:#2C2C26;border-radius:99px;overflow:hidden;margin-top:7px}.usedbar i{display:block;height:100%;background:linear-gradient(90deg,#9A7B3F,#E3C888)}
.darkstats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:20px 0}
.darkstat{background:linear-gradient(180deg,#22221E,#171713);border:1px solid #333329;border-radius:12px;padding:18px 16px;box-shadow:0 12px 26px rgba(0,0,0,.45)}
.darkstat .num{font-size:30px;font-weight:800;font-family:"MYB Num",Georgia,serif;color:#fff}.darkstat .num.gold{color:#E0BE74}.darkstat .num.green{color:#55C57A}.darkstat .num.red{color:#F0766B}
.darkstat .lab{color:#9B9587;font-size:12.5px;margin-top:5px}
.whitecard{background:#FFFEFA;color:#1B180F;border-radius:14px;padding:22px;box-shadow:0 18px 38px rgba(0,0,0,.35);border:1px solid #EAE1CB}
.darkgrid{display:grid;grid-template-columns:1fr 1.25fr;gap:16px;margin-bottom:16px}
.legendrow{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #F0E9D8;font-size:13.5px}
.dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px}
/* learner light hero */
.lighthero{background:linear-gradient(115deg,#FFFEF8,#F7EDD4);border:1px solid #E4D6B2;border-radius:18px;padding:28px 30px;display:flex;justify-content:space-between;gap:24px;align-items:center;box-shadow:0 16px 36px rgba(35,28,10,.12);color:#1B180F}
.lighthero h2{color:#14110A;font-size:30px}
.modrow{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0}
.moditem{text-align:center;width:96px;font-size:12px;color:#5A5342}
.moddisc{width:58px;height:58px;border-radius:50%;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;background:linear-gradient(145deg,#14130E,#2A2110);color:#E3C888;border:2px solid #C5A46D;box-shadow:0 8px 18px rgba(0,0,0,.20)}
.moddisc.done{background:linear-gradient(145deg,#E3C888,#B8945A);color:#171204}
.playerlayout{display:grid;grid-template-columns:290px 1fr;gap:18px;align-items:start}
.lessonlist{background:#0D0D0B;color:#EDE6D2;border-radius:14px;padding:16px;box-shadow:0 14px 30px rgba(0,0,0,.25)}
.lessonlist a{display:block;color:#CFC7B2;text-decoration:none;padding:10px 11px;border-radius:8px;font-size:13.5px;margin:3px 0}
.lessonlist a.current{background:linear-gradient(90deg,rgba(227,200,136,.35),rgba(197,164,109,.10));color:#FFEFC2;border-left:3px solid #C5A46D;font-weight:700}
.lessonlist a:hover{background:rgba(197,164,109,.13)}
.seal{width:84px;height:84px;border-radius:50%;margin:14px auto;background:radial-gradient(circle at 35% 30%,#EFD89A,#C5A46D 60%,#8C6F35);color:#241A05;display:flex;align-items:center;justify-content:center;font-family:"MYB Num",Georgia,serif;font-weight:900;border:3px double #FFF3D0;box-shadow:0 10px 22px rgba(0,0,0,.25);font-size:20px}
.ringwrap{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
@media(max-width:900px){.darkstats{grid-template-columns:repeat(2,1fr)}.darkgrid{grid-template-columns:1fr}.playerlayout{grid-template-columns:1fr}}
@media(max-width:800px){.darklayout{flex-direction:column}.darksidebar{width:100%}.darkmain{padding:18px}.lighthero{flex-direction:column;align-items:flex-start}.hero-photo{width:100%;height:auto}.darkstats{grid-template-columns:repeat(2,1fr)}}

/* ===== PRESTIGE POLISH — Ava audit (19 Oct) =====
   Single source of truth for the black/gold reference. Appended last so it
   wins over the two earlier, conflicting token blocks (#C6A15B vs #C5A46D)
   without deleting any class/hook used by templates or JS. */
:root{
  --black:#0A0A08;--black-2:#050505;--charcoal:#141410;--charcoal-2:#1C1C18;
  --gold:#C6A15B;--gold-2:#E5C878;--gold-bright:#E5C878;--gold-deep:#9A7B3F;
  --cream:#F6F1E7;--cream-2:#FBF8F1;--paper:#FFFDF8;--card:#FFFEFA;
  --ink:#16130C;--muted:#6F6A5E;--muted-light:#A79E8E;
  --border-cream:#E8DFC9;--hairline:1px solid rgba(198,161,91,.35);
  --radius:16px;--radius-sm:10px;
  --shadow-card:0 14px 34px rgba(35,28,10,.10),0 2px 8px rgba(0,0,0,.05);
  --shadow-deep:0 18px 40px rgba(25,20,5,.16),0 3px 8px rgba(0,0,0,.07);
  --font-serif:"MYB Num","Playfair Display",Georgia,"Times New Roman",serif;
  --font-sans:"MYB Num",-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;
}
::selection{background:rgba(198,161,91,.35)}
html{scrollbar-color:var(--gold-deep) var(--cream)}
body{font-family:var(--font-sans);background:var(--cream)}
h1,h2,h3,.serif{font-family:var(--font-serif)}
h1{font-size:clamp(26px,3.2vw,34px)}
h2{font-size:clamp(22px,2.4vw,28px);line-height:1.2}
h3{font-size:18px}
.main{width:100%;max-width:1240px;margin-inline:auto;padding:32px 36px 44px;min-width:0}
.main>.card,.main>.form{margin-bottom:16px}
.main>.form{margin-inline:auto}
.card,.whitecard{background:var(--card);border:1px solid var(--border-cream);border-top:2px solid rgba(198,161,91,.65);border-radius:var(--radius);box-shadow:var(--shadow-card)}
.card{padding:22px}
.card:has(>table),.whitecard:has(>table){overflow-x:auto}
.card h3:first-child,.whitecard h3:first-child{margin-top:0}
.featured{background:linear-gradient(145deg,#050505,#1B1608);border-color:rgba(198,161,91,.7)}
.goldbtn{background:linear-gradient(180deg,#E9CF8F,var(--gold) 55%,#B08D46);border-radius:var(--radius-sm)}
.goldbtn:active{transform:translateY(0)}
.ghost{border-radius:var(--radius-sm);background:var(--paper)}
.ghost:active{transform:translateY(1px)}
.topnav{position:sticky;top:0;z-index:20;background:rgba(255,254,249,.96);backdrop-filter:blur(8px);border-bottom:var(--hairline)}
.topnav .brandlogo .m,.topnav .brandlogo .yb{font-size:30px}
.topnav .nav-user{margin-left:auto;color:var(--muted);font-size:12.5px;white-space:nowrap}
.sidebar,.darksidebar{position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin}
.sidebar a.active{background:linear-gradient(90deg,var(--gold-2),var(--gold));color:#171204;border-left-color:var(--gold-deep)}
.usercard::before{content:"";display:none}
input,textarea,select{border-radius:var(--radius-sm);background:#FFFDF9;transition:border-color .15s,box-shadow .15s}
input::placeholder,textarea::placeholder{color:#A79E8E}
fieldset{border:1px solid var(--border-cream);border-radius:12px;padding:16px 18px;background:var(--paper)}
fieldset legend{font-family:var(--font-serif);padding:0 6px}
table{min-width:0}
td,th{vertical-align:middle}
.flash{border-radius:var(--radius-sm);box-shadow:0 4px 14px rgba(35,28,10,.06)}
.cert{border-radius:12px}
.msg{border-radius:14px}
footer.note{background:rgba(255,254,249,.55)}
img{max-width:100%}
@media(max-width:900px){
  .main{padding:22px 18px 36px}
  .grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
  .sidebar,.darksidebar{position:static;height:auto;width:100%;overflow-x:auto}
  .sidebar a,.darksidebar nav a{white-space:nowrap}
  th,td{padding:9px 10px;font-size:13px}
  .split{min-height:auto}.brand{min-height:300px}
  .cert{padding:30px 20px}.form{padding:26px 20px}
  .topnav{overflow-x:auto;flex-wrap:nowrap}.topnav a{white-space:nowrap}
  .video{border-radius:12px}.hub{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
  .goldbtn:hover,.ghost:hover,.hub a:hover{transform:none}
}
@media print{.topnav,.sidebar,.darksidebar,.co-side,.co-top,.co-burger,footer.note{display:none!important}.main{max-width:none;padding:0}.co-shell{display:block;background:#fff}}

/* ===== CLOSE-MATCH REFERENCE — final override (Ava, 19 Oct) =====
   Reference: REDESIGN-SPEC Screens 1-10 + prototype 02/03.
   Company = black sidebar ONLY, cream main, white cards, first stat black.
   Learner = black sidebar, cream main, BLACK hero card, white course cards.
   Every other screen = black top bar, cream main, white cards.
   Appended last; no class/id/hook renamed or removed. */
:root{--gold:#C6A15B;--gold-2:#E5C878;--cream:#F6F1E7;--card:#FFFEFA;--ink:#16130C}
/* black top bar (was light in the rejected loose pass) */
.topnav{background:linear-gradient(90deg,#050505,#12110C);color:#EDE6D6;border-bottom:1px solid rgba(198,161,91,.55);box-shadow:0 4px 18px rgba(0,0,0,.28)}
.topnav a{color:#CFC7B4}.topnav a:hover{color:var(--gold-2);background:rgba(198,161,91,.12)}
.topnav .brandlogo .m{color:#fff}.topnav .brandlogo.dark .m{color:#fff}
.topnav .nav-user{color:#A79E8E}
/* company dashboard: cream main, not all-black */
.darklayout{background:var(--cream);color:var(--ink)}
.darkmain{background:radial-gradient(1000px 420px at 25% -10%,rgba(198,161,91,.13),transparent),linear-gradient(180deg,#F8F4EB,#F1EADA);color:var(--ink)}
.darkmain h1{color:#14110A}
.darkmain .company-pill{color:var(--ink);text-align:right}
.darkmain .company-pill .small{color:var(--muted)!important}
.usedbar{background:#E7DEC8;box-shadow:inset 0 1px 3px rgba(0,0,0,.12)}
.darkstats{grid-template-columns:repeat(5,1fr)}
.darkstat{background:var(--card);border:1px solid var(--border-cream);border-top:2px solid rgba(198,161,91,.55);box-shadow:var(--shadow-card)}
.darkstat .num{color:#191408}.darkstat .num.gold{color:#9A7B3F}.darkstat .lab{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}
.darkstat:first-child{background:linear-gradient(145deg,#050505,#1B1608);border-color:rgba(198,161,91,.7)}
.darkstat:first-child .num{color:var(--gold-2)}.darkstat:first-child .lab{color:#C9B88A}
.darksidebar{background:linear-gradient(180deg,#050505,#10100C 60%,#080806);border-right:1px solid rgba(198,161,91,.4)}
.darksidebar nav a.active{background:linear-gradient(90deg,var(--gold-2),var(--gold));color:#171204}
/* learner hero: black card on cream (prototype 03), not cream-on-cream */
.lighthero{background:radial-gradient(800px 300px at 85% 0%,rgba(229,200,120,.22),transparent 50%),linear-gradient(100deg,#050505,#171307 70%,#2A2008);color:#FFF8E8;border:1px solid rgba(198,161,91,.55);box-shadow:var(--shadow-deep)}
.lighthero h2{color:#FFF3D6}.lighthero .label{color:var(--gold-2)}.lighthero .muted{color:#CFC7B4}
.lighthero .bar{background:#33301F}
/* page rhythm: serif title + gold hairline on every .main screen */
.main>h1{padding-bottom:12px;border-bottom:var(--hairline);margin-bottom:20px}
.main>h2:first-child,.form>h2:first-child{margin-top:0}
.sidebar{background:linear-gradient(180deg,#050505,#10100C 60%,#080806);border-right:1px solid rgba(198,161,91,.4)}
.card h3,.whitecard h3,.form h3{letter-spacing:.01em}
.lessonlist{border:1px solid rgba(198,161,91,.45)}
.modalwrap{background:linear-gradient(145deg,#050505,#1B1608);border:1px solid rgba(198,161,91,.5)}
input[type=checkbox],input[type=radio]{accent-color:var(--gold-deep)}
@media(max-width:900px){.darkstats{grid-template-columns:repeat(2,1fr)}.darkstat:first-child{grid-column:span 2}}

/* ===== LOGIN HERO — SKYLINE REFERENCE (Paul exact reference, 19 Oct) =====
   Full-bleed photo fills the whole brand panel (BIG, edge-to-edge, not a
   small framed inset). Businessman in a suit seen FROM BEHIND at high-rise
   windows on the right; the photo's own black wall + the dark gradient
   below keep the left zone solid for the logo/headline — no face exists
   to cover (back view) and no text sits over the man.
   Photo: static/assets/login-hero-skyline.jpg — Pexels 35268991
   "Businessman in Modern Office Overlooking City" by Hugo Guillemard
   (free Pexels licence), mirrored so subject is right-of-frame, light
   warm grade. Repo group photos were only 800px / wrong composition. */
.brand{justify-content:space-between;gap:26px;padding:52px 54px}
.brand::after{background:linear-gradient(90deg,rgba(5,5,5,.93) 0%,rgba(5,5,5,.82) 44%,rgba(5,5,5,.30) 68%,rgba(46,29,3,.12) 100%),radial-gradient(760px 520px at 88% 26%,rgba(232,184,92,.30),transparent 62%),linear-gradient(0deg,rgba(5,5,5,.90),transparent 44%),linear-gradient(180deg,rgba(5,5,5,.45),transparent 32%)}
.brand-photo.brand-hero-skyline{object-position:center 80%}
.login-tagline{max-width:none;white-space:nowrap;line-height:2.1}
@media(max-width:800px){
  .brand{min-height:620px;padding:30px 24px}
  .brand-photo.brand-hero-skyline{object-position:62% 84%}
  .login-tagline{max-width:230px;white-space:normal}
}

/* ===== PREMIUM COMPANY DASHBOARD (Paul approved dark design, 19 Oct) =====
   Exact approved layout restored/polished: black page + sidebar, five dark
   charcoal stat cards (white/gold/green/red numbers), white Team Progress
   donut + Competency bars + Recent Activity cards on top. Scoped to the
   company dashboard (.darklayout/.darkmain) — no other screen affected.
   All percentages/counts below render from real data passed by the route. */
.darklayout{background:#050505;color:#EDE8DB}
.darkmain{background:radial-gradient(1000px 460px at 78% -10%,rgba(198,161,91,.16),transparent 55%),radial-gradient(700px 380px at 8% 0%,rgba(198,161,91,.07),transparent 50%),linear-gradient(180deg,#0C0B08,#050505 340px);color:#EDE8DB;max-width:1280px;padding:34px 38px 48px}
.darkmain h1{color:#FFF8E8;font-size:clamp(30px,3.4vw,40px);line-height:1.1;margin:0 0 6px}
.dark-sub{color:#A79E8E;margin:0;font-size:14.5px}
.darkhead{border-bottom:1px solid rgba(198,161,91,.28);padding-bottom:24px;align-items:flex-start}
.darkmain .company-pill{color:#EDE8DB}
.darkmain .company-pill b{font-family:"MYB Num",Georgia,"Times New Roman",serif;font-size:16.5px;color:#FFF8E8;letter-spacing:.01em}
.company-pill-note{color:#A79E8E}
.darkmain .usedbar{background:#2C2C26;box-shadow:inset 0 1px 3px rgba(0,0,0,.5)}
.darkmain .usedbar i{background:linear-gradient(90deg,var(--gold-deep),var(--gold-2))}
.darkstats{gap:16px;margin:26px 0 20px}
.darkstat,.darkstat:first-child{background:linear-gradient(180deg,#25251F,#161613);border:1px solid rgba(198,161,91,.30);border-top:2px solid rgba(229,200,120,.75);border-radius:14px;padding:20px 18px 17px;box-shadow:0 16px 32px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05)}
.darkstat .num,.darkstat:first-child .num{color:#FFFFFF}
.darkstat .num.gold{color:#E8C87A}.darkstat .num.green{color:#5CC87E}.darkstat .num.red{color:#F0766B}
.darkstat .lab,.darkstat:first-child .lab{color:#A79E8E;text-transform:uppercase;letter-spacing:.13em;font-size:10.5px;font-weight:700;margin-top:6px}
.darkgrid{gap:18px;margin-bottom:18px}
.darkmain .whitecard{background:linear-gradient(180deg,#FFFEFA,#FBF7EE);color:var(--ink);border:1px solid #E8DFC9;border-top:2px solid rgba(198,161,91,.7);border-radius:16px;padding:24px 24px 20px;box-shadow:0 20px 42px rgba(0,0,0,.48)}
.darkmain .whitecard h3{font-size:19px;margin-bottom:14px}
.darkmain .minirow{font-size:13px;margin-top:11px}
.darkmain .minirow b{font-family:"MYB Num",Georgia,serif;color:#7A5F22}
.darkmain .bar{height:9px;background:#EDE4CE}
.darkmain table th{background:rgba(198,161,91,.10);color:#7D6F4D}
.darkmain table td{padding:12px}
.darkmain .person{font-weight:700}
.darkmain .avatar{width:36px;height:36px}
.company-card-photo{display:block;width:100%;height:118px;object-fit:cover;object-position:center 38%;border-radius:10px;margin-bottom:15px;border:1px solid rgba(198,161,91,.45)}
.company-feature p{color:var(--muted)}
.darkmain .row{gap:18px}
@media(max-width:900px){
  .darkmain{padding:24px 18px 36px}
  .darkstats{grid-template-columns:repeat(2,1fr)}
  .darkstat:first-child{grid-column:span 2}
  .darkmain .whitecard{padding:20px 18px;overflow-x:auto}
  .darkmain table{min-width:540px}
  .darkmain .row{flex-direction:column}
  .darkmain .company-pill{text-align:left}
  .company-card-photo{height:104px}
}

/* ===== PAUL FIX LIST (19 Oct) ===== */
/* 1) Stat numbers: identical typography on all five cards (only the
   approved colour coding differs). No first-card special treatment. */
.darkstat .num,.darkstat:first-child .num{font-family:"MYB Num",Georgia,"Times New Roman",serif;font-size:32px;font-weight:700;line-height:1.05;letter-spacing:0;text-align:left;font-variant-numeric:tabular-nums lining-nums}
/* 2) Icons: sidebar/nav glyphs keep their previous multi-colour emoji/gold
   treatment (4abecd2 changed no icon markup or icon CSS — audited; the only
   glyph-adjacent change was the stat first-card, unified above). Explicitly
   guard against any monochrome/filter treatment creeping in. */
.darksidebar nav a,.topnav-tabs a{filter:none}
/* 6) Borders unified to the gold accent used on card top borders */
.card,.form,.whitecard,.modalwrap,.pf-stat{border-color:rgba(198,161,91,.68)}
input,textarea,select,.ghost,.sso{border-color:rgba(198,161,91,.78)}
/* 7) Top nav: brand + account on their own row; tabs spread evenly below */
.topnav{display:block;padding:0}
.topnav-brand{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px 5px}
.topnav-account{display:flex;align-items:center;gap:8px}
.topnav-user{color:#A79E8E;font-size:12.5px;margin-right:6px;white-space:nowrap}
.topnav-tabs{display:flex;justify-content:space-evenly;align-items:stretch;gap:6px;padding:5px 12px 10px;flex-wrap:wrap}
.topnav-tabs a{flex:1 1 auto;text-align:center;white-space:nowrap}
/* Shared Paul-fix building blocks (invite / talent / billing / support / team) */
.pf-sub{margin-top:-6px}
.pf-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.95fr);gap:18px;align-items:start;margin-bottom:18px}
.pf-aside{position:sticky;top:14px}
.pf-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}
.pf-counts div{background:linear-gradient(145deg,#050505,#1B1608);border:1px solid rgba(198,161,91,.65);border-radius:12px;padding:14px 12px;text-align:center}
.pf-counts b{display:block;font-family:"MYB Num",Georgia,serif;font-size:26px;color:#F3DFA8;line-height:1.1}
.pf-counts span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#A79E8E;font-weight:700}
.pf-aside .pf-counts{grid-template-columns:repeat(2,1fr)}
.pf-steps{padding-left:20px;line-height:1.65}
.pf-list{padding-left:20px;line-height:1.7}
.pf-notice{background:#FCF3D7;border:1px solid rgba(198,161,91,.75);border-left:4px solid var(--gold);color:#4A3A12;padding:13px 16px;border-radius:10px;margin:14px 0}
.pf-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}
.pf-stat{background:linear-gradient(145deg,#050505,#1B1608);border:1px solid rgba(198,161,91,.68);border-top:2px solid var(--gold-2);border-radius:14px;padding:16px;box-shadow:0 12px 26px rgba(0,0,0,.28)}
.pf-stat span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#A79E8E;font-weight:700}
.pf-stat b{font-family:"MYB Num",Georgia,serif;font-size:24px;color:#FFF3D6}
.pf-campaign{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(198,161,91,.35);padding:16px 0}
.pf-campaign:first-of-type{border-top:none}
.pf-invite-form{align-items:center;margin:0}
.pf-empty{border:1.5px dashed rgba(198,161,91,.65);border-radius:12px;padding:22px;text-align:center;color:var(--muted);background:rgba(198,161,91,.06)}
.pf-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:16px;margin:14px 0}
.pf-price .pf-amount{font-family:"MYB Num",Georgia,serif;font-size:27px;font-weight:700;color:#191408;margin:8px 0 2px}
.pf-price .pf-amount span{font-size:14px;color:#7A5F22}
.pf-planrows{display:grid;gap:10px;margin:12px 0}
.pf-planrow{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid rgba(198,161,91,.5);border-radius:10px;padding:12px 14px;background:#FFFDF9}
.pf-ticket{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 2px;border-bottom:1px solid rgba(198,161,91,.35)}
.pf-ticket:last-child{border-bottom:none}
.pf-team-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap;border-bottom:1px solid rgba(198,161,91,.4);padding-bottom:16px;margin-bottom:18px}
.pf-team-head h1{border:none;padding:0;margin:0 0 4px}
.pf-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.pf-pill{display:inline-flex;gap:6px;align-items:baseline;background:#FFFEFA;border:1px solid rgba(198,161,91,.75);border-radius:999px;padding:6px 13px;font-size:12.5px;color:var(--muted)}
.pf-pill b{font-family:"MYB Num",Georgia,serif;font-size:16px;color:#191408}
.main section.card,.main section{margin-bottom:18px}
@media(max-width:900px){
  .pf-layout{grid-template-columns:1fr}
  .pf-aside{position:static}
  .pf-stats{grid-template-columns:repeat(2,1fr)}
  .pf-counts{grid-template-columns:repeat(2,1fr)}
  .topnav-user{display:none}
}

.pf-vat-note{background:#FCF3D7;border:1px solid rgba(198,161,91,.75);border-radius:10px;padding:10px 14px;color:#4A3A12;font-size:13.5px}

/* Corporate band pricing (Paul): equal-height tier cards, level controls */
.pf-pricing{align-items:stretch}
.pf-price{display:flex;flex-direction:column;height:100%}
.pf-topup{margin-top:16px}
.pf-topup-form{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.pf-quote{font-family:"MYB Num",Georgia,serif;font-weight:700;color:#7A5F22}
.pf-price .pf-amount{font-size:23px;white-space:nowrap}
.pf-price .pf-amount span{display:inline-block;margin-left:4px}
@media(max-width:1100px){.pf-price .pf-amount{white-space:normal}}

/* LOGIN TEXT + GUEST SUPPORT */
.loginbox .form h2.login-title{text-align:center!important;color:#9A7B3F!important}
.loginbox .form p.login-gold{text-align:center!important;color:#9A7B3F!important;font-weight:600!important}
.loginbox .form p.login-help{font-size:12.5px}
.login-support-link{margin-left:8px;font-size:12px;font-weight:700;color:#7A5F22;text-decoration:underline;text-underline-offset:3px}
.support-dialog{border:1px solid #C9A961;border-radius:16px;padding:0;max-width:460px;width:calc(100% - 32px);background:#FFFDF8;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.support-dialog::backdrop{background:rgba(10,10,8,.55)}
.support-guest-form{padding:22px 24px}
.support-head{display:flex;justify-content:space-between;align-items:center}.support-head h2{margin:0}
.support-x{background:none;border:0;font-size:24px;line-height:1;cursor:pointer;color:#7A5F22}
.support-cat{color:#7A5F22}
.ghostbtn{background:transparent;border:1px solid #C9A961;border-radius:10px;padding:10px 16px;cursor:pointer;color:#7A5F22;font-weight:600}

/* ---- Paul fix 3 (19 Oct): login photo full height ---- */
.split{min-height:100vh}
@media(min-width:801px){.split{min-height:100vh}}

/* ---- Paul fix 3: billing — centred band cards, basket, invoice ---- */
.bl-section{margin:22px 0}
.bl-heading{margin-bottom:6px}.bl-heading span{font-family:inherit;font-size:15px;font-weight:500;color:var(--muted)}
.bl-bands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:14px 0 18px;align-items:stretch}
.bl-band{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px 14px;height:100%;margin:0;transition:.15s}
.bl-band-label{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--golddeep)}
.bl-band-price{font-family:"MYB Num",Georgia,serif;font-size:38px;font-weight:700;color:#191408;line-height:1.1}
.bl-band-valid{font-size:13px;color:var(--muted)}
.bl-band.bl-active{border-color:var(--gold);box-shadow:0 0 0 2px rgba(198,161,91,.55),0 14px 30px rgba(154,123,63,.22)}
.bl-basket{background:radial-gradient(700px 300px at 85% 0%,rgba(229,200,120,.18),transparent 60%),linear-gradient(150deg,#050505,#15110A 60%,#231A09);border:1px solid rgba(198,161,91,.75);border-radius:16px;padding:22px 24px;color:#F5EEDD;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.bl-basket-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.bl-basket-head h3{margin:0;color:#FBF5E4;font-family:"MYB Num",Georgia,serif;font-size:21px}
.bl-basket-link{color:var(--gold2);font-weight:700;text-decoration:none;border:1px solid rgba(198,161,91,.6);padding:6px 12px;border-radius:999px;font-size:13px}
.bl-basket-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bl-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:rgba(255,255,255,.04);border:1px solid rgba(198,161,91,.45);border-radius:12px;padding:16px 12px;min-height:104px;margin:0;font-weight:400}
.bl-tile span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#B9AE97;font-weight:700}
.bl-tile b{font-family:"MYB Num",Georgia,serif;font-size:30px;color:#F3DFA8;line-height:1.1}
.bl-tile-input input{width:120px;text-align:center;font-family:"MYB Num",Georgia,serif;font-size:26px;font-weight:700;padding:6px 8px;margin:0;background:#FFFDF8;border:1px solid var(--gold);border-radius:10px;color:#191408}
.bl-tile-total{background:linear-gradient(180deg,rgba(229,200,120,.18),rgba(198,161,91,.08));border-color:var(--gold)}
.bl-tile-total b{color:#FFF3D6;font-size:34px}
.bl-basket-foot{display:flex;justify-content:flex-end;margin-top:16px}
.bl-btn{min-width:190px;text-align:center}
.goldbtn[disabled]{opacity:.55;cursor:not-allowed;filter:grayscale(.25);transform:none}
.bl-planrow{display:grid;grid-template-columns:1fr auto 190px;align-items:center;gap:18px}
.bl-plan-name b{display:block;font-size:17px}.bl-plan-name small{color:var(--muted);font-size:12.5px}
.bl-plan-price{font-family:"MYB Num",Georgia,serif;font-size:20px;font-weight:700;color:#191408;min-width:110px;text-align:right}
.bl-planrow .bl-btn{width:190px}
.bl-off{display:inline-block;font-size:12.5px;color:#7A5F22;background:rgba(198,161,91,.12);border:1px solid rgba(198,161,91,.5);border-radius:999px;padding:4px 12px;margin:2px 0 12px}
.bl-invoice-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:14px 0}
.bl-invoice-form label{display:flex;flex-direction:column;gap:6px;margin:0}
.bl-invoice-form input,.bl-invoice-form select,.bl-invoice-form textarea{margin:0;width:100%;box-sizing:border-box}
.bl-span2{grid-column:1/-1}
.bl-status{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid}
.bl-pending_validation{color:#7A5F22;background:#FCF3D7;border-color:rgba(198,161,91,.8)}
.bl-approved{color:#1F5E3A;background:#E7F4EC;border-color:#8CC2A1}
.bl-rejected{color:#8A2C22;background:#FBEAE7;border-color:#E2A79E}
.bl-review-table td,.bl-review-table th{vertical-align:middle}
.bl-qty-form{display:flex;gap:8px;align-items:center;margin:0}.bl-qty-form input{width:84px;margin:0;text-align:center}
.bl-totals{margin:18px 0 0 auto;max-width:360px;display:grid;gap:8px}
.bl-totals div{display:flex;justify-content:space-between;padding:6px 2px;border-bottom:1px solid rgba(198,161,91,.3)}
.bl-totals .bl-grand{border-bottom:none;border-top:2px solid var(--gold);padding-top:10px}
.bl-totals .bl-grand b{font-family:"MYB Num",Georgia,serif;font-size:26px}
.bl-review-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.bl-review-actions form{margin:0}
.bl-right{text-align:right;display:block}
p.bl-off.bl-right{display:block;border-radius:10px;margin-left:auto;max-width:520px}
.bl-btn-sm{padding:7px 14px;font-size:13px}
.bl-reject{display:flex;gap:6px;margin:0}.bl-reject input{margin:0;min-width:140px;padding:6px 8px;font-size:13px}
@media(max-width:900px){.bl-bands,.bl-basket-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-invoice-form{grid-template-columns:1fr}.bl-planrow{grid-template-columns:1fr auto}.bl-planrow .bl-btn{grid-column:1/-1;width:100%}}
.bl-status{white-space:nowrap}.bl-nowrap{white-space:nowrap}

/* ===== PAUL FIX 4 (19 Oct): slim, elegant company dashboard header =====
   No invite button / licence block in the hero (licences live on Invite Users).
   Company name = small gold letter-spaced label top-left; greeting in
   Playfair Display 400 (self-hosted, used only here) with the name in gold italic. */
@font-face{font-family:"MYB Num","MYB Playfair";font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/playfair-400.woff2) format("woff2")}
@font-face{font-family:"MYB Num","MYB Playfair";font-style:italic;font-weight:400;font-display:swap;src:url(/static/fonts/playfair-400-italic.woff2) format("woff2")}
.darkhead.darkhead-slim{display:block;padding-bottom:20px}
.dash-company{margin:0 0 10px;color:#C6A15B;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.22em;line-height:1.3}
.darkmain h1.dash-greeting{font-family:"MYB Num","MYB Playfair","Playfair Display",Georgia,serif;font-weight:400;font-size:30px;line-height:1.2;letter-spacing:.005em;color:#F6F1E4;margin:0}
.darkmain h1.dash-greeting em{font-style:italic;color:#E3C888}
.darkhead-slim + .darkstats,.darkhead-slim ~ .darkstats{margin-top:22px}
@media(max-width:900px){.darkmain h1.dash-greeting{font-size:25px}.dash-company{font-size:11.5px;letter-spacing:.18em;margin-bottom:8px}}

/* ===== PAUL FIX 5 (19 Oct): single compact header row =====
   Company name LEFT, greeting RIGHT, vertically centred; thin divider kept. */
.darkhead.darkhead-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:16px}
.darkhead-row .dash-company{margin:0;font-family:"MYB Num","MYB Playfair","Playfair Display",Georgia,serif;font-weight:400;font-size:21px;line-height:1.25;letter-spacing:.01em;text-transform:none;color:#E3C888}
.darkmain .darkhead-row h1.dash-greeting{font-size:23px;line-height:1.25;text-align:right;margin:0}
.darkhead-row + .darkstats{margin-top:20px}
@media(max-width:900px){.darkhead-row .dash-company{font-size:19px}.darkmain .darkhead-row h1.dash-greeting{font-size:21px}}
@media(max-width:600px){.darkhead.darkhead-row{flex-direction:column;align-items:flex-start;gap:4px;padding-bottom:12px}.darkmain .darkhead-row h1.dash-greeting{text-align:left;font-size:20px}.darkhead-row .dash-company{font-size:17px}}

/* ===== PAUL FIX 6 (20 Oct) =====
   Header row: greeting LEFT, company name RIGHT (stacks greeting-first, left-aligned on mobile). */
.darkmain .darkhead-row h1.dash-greeting{text-align:left}
.darkhead-row .dash-company{text-align:right;margin-left:auto}
@media(max-width:600px){.darkhead-row .dash-company{text-align:left;margin-left:0}}
/* Stat cards back to the original colour of Paul's approved reference dashboard:
   flat charcoal cards with a faint neutral edge (no gold borders / gold top line),
   white / white / gold / green / red numbers, soft grey labels. Same shape, typography
   and size on all five cards. */
.darkstat,.darkstat:first-child{background:var(--stat-bg);border:1px solid var(--stat-border);border-top:1px solid rgba(255,255,255,.10);box-shadow:0 12px 26px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04)}
.darkstat .num,.darkstat:first-child .num{color:#FFFFFF}
.darkstat .num.gold{color:#E8C87A}.darkstat .num.green{color:#5CC87E}.darkstat .num.red{color:#F0766B}
.darkstat .lab,.darkstat:first-child .lab{color:#BDB8AE}
/* Login: "New to MYB" line removed - keep breathing room above the divider */
.loginbox .form form + hr{margin-top:22px}
/* Paul fix 6: company Settings page + active top-nav tab */
.st-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.st-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(198,161,91,.3)}
.st-row b{text-align:right;word-break:break-all}
.st-btn{display:inline-block;margin-top:14px;padding:9px 16px;border-radius:10px;border:1px solid rgba(198,161,91,.78);text-decoration:none;color:var(--ink);font-weight:600}
.st-links{display:grid;gap:10px}
.st-link{display:block;padding:12px 14px;border:1px solid rgba(198,161,91,.5);border-radius:10px;text-decoration:none;color:var(--ink);background:#FFFDF9}
.st-link b{display:block;margin-bottom:2px}.st-link:hover{border-color:var(--gold)}
.topnav-tabs a.active{color:#E3C888;border-bottom:2px solid #C6A15B}
@media(max-width:700px){.st-grid{grid-template-columns:1fr}}

/* ===== PAUL FIX 7 (20 Oct) ===== */
:root{--font-num:"MYB Num",Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--stat-bg:linear-gradient(180deg,#FFFDF8,#F7F0E1);--stat-border:#C9A45C}
body{font-variant-numeric:lining-nums}
.num,td.num,.mstat-num,.bl-band-price,.bl-plan-price,.bl-totals b,.pager-btn,.bar+span,svg text{font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1}
.bl-band-price,.bl-plan-price,.bl-totals b,.bl-totals .bl-grand b{font-family:var(--font-num);letter-spacing:-.01em}
.bl-band-price{font-size:36px;font-weight:700}.bl-plan-price{font-weight:700}

/* 1+2) Top banner: one row - logo left, tabs inline, small Logout right. Readable active tab. */
.topnav.topnav-row{display:flex;align-items:center;flex-wrap:nowrap;gap:20px;padding:10px 22px;min-height:62px;box-sizing:border-box}
.topnav-row .topnav-logo{flex:0 0 auto;display:flex;align-items:center;padding:0;background:none;border-radius:0}
.topnav-row .topnav-logo:hover{background:none}
.topnav-row .brandlogo .m,.topnav-row .brandlogo .yb{font-size:28px}
.topnav-row .topnav-tabs{flex:1 1 auto;display:flex;align-items:center;justify-content:space-evenly;flex-wrap:nowrap;gap:4px;padding:0;min-width:0}
.topnav-row .topnav-tabs a{flex:0 0 auto;text-align:center;white-space:nowrap;font-size:13px;font-weight:500;letter-spacing:.01em;padding:8px 15px;border-radius:999px;border-bottom:0;color:#D9D2C1;line-height:1.2}
.topnav-row .topnav-tabs a:hover{color:#F1DDA8;background:rgba(198,161,91,.12)}
.topnav-row .topnav-tabs a.active{color:#0B0B0B;background:linear-gradient(180deg,#F0DCA6,#D3B06A);font-weight:700;border-bottom:0;box-shadow:0 2px 12px rgba(198,161,91,.28)}
.topnav-row .topnav-account{flex:0 0 auto;display:flex;align-items:center;gap:2px;margin-left:auto}
.topnav-row .topnav-account a{font-size:12px;color:#A79E8E;padding:6px 10px;border-radius:999px}
.topnav-row .topnav-account a:hover{color:#F1DDA8;background:rgba(198,161,91,.12)}
@media(max-width:1180px){.topnav.topnav-row{gap:12px;padding:10px 14px}.topnav-row .topnav-tabs a{padding:7px 10px;font-size:12.5px}}
@media(max-width:960px){.topnav.topnav-row{flex-wrap:wrap;row-gap:6px;overflow:visible}.topnav-row .topnav-tabs{order:3;flex:1 0 100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.topnav-row .topnav-tabs::-webkit-scrollbar{display:none}}

/* 3+5) ONE shared stat box (same look as the company dashboard cards): charcoal, faint edge, centred content */
.mstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:18px 0 22px}
.mstats.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mstats.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mstats.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.mstats.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.mstat,.mstat.bl-tile,.mstat.bl-tile-total{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0;min-height:112px;margin:0;padding:18px 12px;background:var(--stat-bg);border:1px solid var(--stat-border);border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);color:#fff;text-decoration:none;font-weight:400}
.mstat-num{font-family:var(--font-num);font-size:32px;font-weight:700;line-height:1;letter-spacing:-.01em;color:#1A1A1A}
.mstat-num.mstat-text{font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-weight:400;font-size:26px;letter-spacing:.01em}
.mstat-lab{margin-top:10px;color:#857A66;text-transform:uppercase;letter-spacing:.13em;font-size:10.5px;font-weight:700;line-height:1.3}
.mstat-sub{margin-top:6px;color:#9B9587;font-size:11.5px}
.mstat-plus{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-num);font-size:24px;font-weight:600;line-height:1;color:#0B0B0B;background:linear-gradient(180deg,#F0DCA6,#C6A15B);padding-bottom:2px;box-sizing:border-box}
/* Add-licences tiles in the black basket box use the same component */
.bl-basket .mstats{margin:0}
.mstat.bl-tile-input .mstat-lab{margin-top:10px}
.pf-aside .mstats{margin:6px 0 14px}
@media(max-width:900px){.mstats.cols-4,.mstats.cols-5,.mstats.cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}.mstats.cols-5>:first-child{grid-column:auto}}

/* 7) Subtle reusable (i) info tooltip */
.info-i{position:relative;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-left:6px;border-radius:50%;border:1px solid rgba(154,123,63,.65);color:#9A7B3F;font:italic 600 10px/1 Georgia,serif;letter-spacing:0;text-transform:none;vertical-align:middle;cursor:help;user-select:none}
.mstat .info-i,.bl-basket .info-i{color:#C9B88A;border-color:rgba(201,184,138,.6);margin-left:4px;width:13px;height:13px;font-size:9px}
.info-i:hover::after,.info-i:focus::after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:60;width:max-content;max-width:280px;padding:8px 11px;border-radius:8px;background:#0B0B0B;color:#F3EBD8;border:1px solid rgba(198,161,91,.5);box-shadow:0 10px 24px rgba(0,0,0,.3);font:400 12.5px/1.45 -apple-system,"Segoe UI",Inter,Roboto,Arial,sans-serif;font-style:normal;letter-spacing:0;text-transform:none;text-align:left;white-space:normal}
.info-i:focus{outline:none;border-color:#C6A15B}
h1 .info-i{width:17px;height:17px;font-size:11px}

/* 3) Invite dialog */
.mdialog{width:min(520px,92vw);padding:0;border:1px solid rgba(198,161,91,.6);border-top:2px solid #C6A15B;border-radius:16px;background:#FFFEFA;color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.mdialog::backdrop{background:rgba(5,5,5,.62);backdrop-filter:blur(2px)}
.mdialog[open]:not(:modal){position:fixed;top:12vh;left:0;right:0;margin:0 auto;z-index:100}
.mdialog-form{padding:22px 26px 24px}
.mdialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}
.mdialog-head h2{margin:0;font-size:24px}
.mdialog-x{font-size:28px;line-height:1;color:#6F6A5E;text-decoration:none;padding:0 4px}
.mdialog-x:hover{color:#14110A}
.mdialog-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}
.mdialog-btns{display:flex;gap:10px;align-items:center}
.mdialog-btns .ghost{padding:9px 16px;text-decoration:none;border:1px solid rgba(198,161,91,.78);border-radius:10px;color:var(--ink);font-weight:600}

/* 4) Team table pagination + tidy filter row */
.team-filter{margin-bottom:6px}
.progcell{white-space:nowrap}.progcell .bar{display:inline-block;vertical-align:middle;margin-right:8px}
.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}
.pager-links{display:flex;gap:6px;flex-wrap:wrap}
.pager-btn{min-width:34px;height:34px;padding:0 12px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid rgba(198,161,91,.55);background:#FFFDF8;color:var(--ink);text-decoration:none;font-size:13px;font-weight:600;font-family:var(--font-num)}
a.pager-btn:hover{border-color:#C6A15B;background:#FBF3DF}
.pager-btn.current{background:#1C1D1C;border-color:#1C1D1C;color:#E8C87A}
.pager-btn.disabled{opacity:.4;cursor:default}

/* 8) Orders table + status badges consistent with other badges */
.bl-orders-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:6px}
.bl-orders td{vertical-align:middle}
.bl-order-fulfilled{color:#1F5E3A;background:#E7F4EC;border-color:#8CC2A1}
.bl-order-pending,.bl-order-fulfilling{color:#7A5F22;background:#FCF3D7;border-color:rgba(198,161,91,.8)}
.bl-order-failed,.bl-order-expired,.bl-order-cancelled,.bl-order-not_paid{color:#8A2C22;background:#FBEAE7;border-color:#E2A79E}
.pf-layout.pf-single{grid-template-columns:minmax(0,760px)}
.mstat-num.mstat-text{line-height:32px}
section.card>.row+.pf-empty,section.card>.row+.pf-campaign{margin-top:16px}
.bl-order-pending{color:#6F6A5E;background:#F3EFE6;border-color:#D9D1BF}
@media(max-width:900px){.mstats.cols-5>:last-child{grid-column:1/-1}}

/* ===== PAUL FIX 8 (20 Oct): premium stat boxes, linked stats, premium tables, forms, empty states ===== */
/* Premium tables (team, invitations, orders, invoices, talent, dashboard activity) */
.ptable-wrap{border:1px solid #E6DCC4;border-radius:14px;overflow:hidden;overflow-x:auto;background:#FFFEFA;box-shadow:0 8px 22px rgba(30,25,10,.06)}
table.ptable{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
table.ptable th{background:linear-gradient(180deg,#1F1D18,#14130F);color:#E3C888;text-transform:uppercase;letter-spacing:.12em;font-size:10.5px;font-weight:700;padding:13px 16px;text-align:left;border-bottom:1px solid #C6A15B;white-space:nowrap}
table.ptable th:first-child{border-top-left-radius:12px}table.ptable th:last-child{border-top-right-radius:12px}
.ptable-wrap table.ptable th:first-child,.ptable-wrap table.ptable th:last-child{border-radius:0}
table.ptable td{padding:14px 16px;border-bottom:1px solid #EFE7D6;vertical-align:middle;color:#2A251A}
table.ptable tr:last-child td{border-bottom:0}
table.ptable tr:nth-child(odd) td{background:rgba(251,246,234,.55)}
table.ptable tr:hover td{background:#FBF3DF}
table.ptable .r{text-align:right}table.ptable .c{text-align:center}
.darkmain table.ptable td{color:#2A251A}
.bl-sub{margin:22px 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:#7A5F22;font-family:inherit;font-weight:700}
.bl-orders-card .bl-orders-head{padding-bottom:16px;border-bottom:1px solid rgba(198,161,91,.3)}
.bl-orders .bl-item{font-weight:600;color:#16130C}
.bl-orders .bl-amt{font-weight:700;font-size:15px;color:#16130C;font-family:var(--font-num)}
.bl-orders td.num:first-child{color:#7A5F22;font-weight:600}
.bl-status{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.04em;border:1px solid transparent}
.bl-order-fulfilled{color:#17603A;background:linear-gradient(180deg,#EAF7EF,#D8EFE1);border-color:#93CBA8;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.bl-tick{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:#2E8B57;color:#fff;font-style:normal;font-size:9.5px;line-height:1}
/* Licence cell: badge + expiry */
.liccell{white-space:nowrap}.lic-exp{display:block;margin-top:5px;font-size:12px;color:#6F6A5E}
.pill.neutral{background:#F1ECE1;color:#5E584B;border-color:#DCD3C0}

/* Premium forms (Invite Users page + Team invite pop-up) */
.pform-kicker{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.2em;color:#9A7B3F;font-weight:700;margin-bottom:4px}
.pform-head{padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid rgba(198,161,91,.3)}
.pform-head h2,.pform-head h3{margin:0}
.pform-card{padding:26px 28px}
.pform label{display:block;margin:0 0 18px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:#5E5442}
.pform label .opt{margin-left:6px;font-size:10px;letter-spacing:.08em;color:#A79E8E;font-weight:600;text-transform:none}
.pform input:not([type=checkbox]),.pform select,.pform textarea{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:12px 14px;min-height:46px;border:1px solid #DCCFAF;border-radius:11px;background:#FFFEFB;color:#16130C;font:400 15px/1.45 inherit;font-family:inherit;letter-spacing:0;text-transform:none;box-shadow:inset 0 1px 2px rgba(30,25,10,.05);transition:border-color .15s,box-shadow .15s,background .15s}
.pform textarea{resize:vertical;min-height:96px}
.pform select{appearance:none;-webkit-appearance:none;padding-right:40px;background:#FFFEFB url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%239A7B3F' stroke-width='1.8' stroke-linecap='round'/></svg>") no-repeat right 15px center}
.pform input:not([type=checkbox]):hover,.pform select:hover,.pform textarea:hover{border-color:#C6A15B}
.pform input:not([type=checkbox]):focus,.pform select:focus,.pform textarea:focus{outline:none;border-color:#C6A15B;background-color:#fff;box-shadow:0 0 0 3px rgba(198,161,91,.22),inset 0 1px 2px rgba(30,25,10,.04)}
.pform ::placeholder{color:#B4AA95}
.pform label.pform-check{display:flex;align-items:center;gap:10px;text-transform:none;letter-spacing:0;font-size:14px;font-weight:500;color:#3A3324;cursor:pointer}
.pform-check input{width:18px;height:18px;margin:0;accent-color:#B08D46}
.pform-foot,.mdialog-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid rgba(198,161,91,.3)}
.pform-btns,.mdialog-btns{display:flex;gap:10px;align-items:center}
.pform-avail{font-size:13px;color:#6F6A5E}.pform-avail b{color:#7A5F22;font-size:15px;margin-right:2px}
.pbtn{padding:12px 24px;border-radius:11px;font-size:14px;letter-spacing:.02em;min-width:150px;text-align:center;box-sizing:border-box}
.pbtn[disabled]{opacity:.5;cursor:not-allowed;transform:none;filter:none}
.pbtn-block{display:block;width:100%;margin-top:4px}
.ghost.pbtn-ghost,.mdialog-btns .ghost.pbtn-ghost{padding:11px 20px;border-radius:11px;border:1px solid #D8CDB2;background:#FFFDF8;color:#3A3324;font-weight:600;text-decoration:none}
.ghost.pbtn-ghost:hover{border-color:#C6A15B;background:#FBF3DF}
.mdialog{width:min(560px,92vw);border-radius:18px;border:1px solid rgba(198,161,91,.55);background:linear-gradient(180deg,#FFFEFA,#FBF7EE)}
.mdialog-form.pform{padding:26px 30px 26px}
.mdialog .mdialog-head{padding-bottom:14px;margin-bottom:20px;border-bottom:1px solid rgba(198,161,91,.3);align-items:flex-start}
.mdialog-x{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #E3D9C3;font-size:22px}
.mdialog-x:hover{border-color:#C6A15B;background:#FBF3DF}

/* Premium empty state */
.pempty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;margin-top:18px;padding:38px 20px 34px;border-radius:16px;border:1px solid rgba(198,161,91,.35);background:radial-gradient(80% 120% at 50% 0%,rgba(232,200,122,.16),rgba(232,200,122,0) 60%),linear-gradient(180deg,#FFFDF7,#F8F1E1)}
.pempty b{font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-size:21px;font-weight:600;color:#16130C}
.pempty-icon{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#A8812F;background:var(--stat-bg);border:1px solid #C9A45C;box-shadow:0 8px 18px rgba(120,90,30,.14);font-family:var(--font-num);font-size:22px;font-weight:700}
.pempty .goldbtn{margin-top:8px}
.pempty-sm{padding:26px 16px}.pempty-sm b{font-size:18px}
table.ptable td.pempty-cell,table.ptable tr:hover td.pempty-cell{background:transparent;padding:14px 0 0}
.pempty-cell .pempty{margin-top:0}

/* ===== PAUL FIX 9 (20 Oct): stat boxes LIGHT ivory premium everywhere (no black/charcoal) ===== */
.mstat,.mstat.bl-tile,.mstat.bl-tile-total,.mstat.bl-tile-input,.darkmain .mstat,.bl-basket .mstat{position:relative;overflow:hidden;min-height:118px;border-radius:16px;background:var(--stat-bg);border:1px solid var(--stat-border);color:#1A1A1A;box-shadow:0 10px 24px rgba(120,90,30,.10),0 2px 6px rgba(120,90,30,.06),inset 0 1px 0 #fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.darkmain .mstat{box-shadow:0 18px 38px rgba(0,0,0,.40),inset 0 1px 0 #fff}
.bl-basket .mstat{box-shadow:0 12px 28px rgba(0,0,0,.35),inset 0 1px 0 #fff}
.mstat::before{content:"";position:absolute;left:18%;right:18%;top:0;height:2px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,rgba(201,164,92,0),#C9A45C 50%,rgba(201,164,92,0));pointer-events:none;transition:left .18s,right .18s}
.mstat-num{color:#1A1A1A}
.mstat-num.gold{color:#A8812F}.mstat-num.green{color:#2E8B57}.mstat-num.red{color:#C0392B}
.mstat-lab{color:#857A66}
.mstat .info-i{color:#A8812F;border-color:rgba(168,129,47,.55)}
a.mstat-link,a.mstat-link:visited{cursor:pointer;color:#1A1A1A;text-decoration:none}
a.mstat-link:hover,a.mstat-link:focus-visible,.mstat-action:hover,.mstat-action:focus-visible{transform:translateY(-3px);border-color:#B8913F;box-shadow:0 18px 34px rgba(120,90,30,.18),0 0 0 1px rgba(201,164,92,.45),0 0 22px rgba(201,164,92,.28),inset 0 1px 0 #fff;outline:none}
.darkmain a.mstat-link:hover{box-shadow:0 22px 42px rgba(0,0,0,.45),0 0 0 1px rgba(201,164,92,.5),0 0 26px rgba(201,164,92,.35)}
a.mstat-link:hover::before{left:8%;right:8%}
.mstat-go{position:absolute;right:12px;bottom:9px;font-size:16px;line-height:1;color:rgba(168,129,47,.55);transition:color .18s,transform .18s}
a.mstat-link:hover .mstat-go{color:#A8812F;transform:translateX(2px)}
a.mstat-link:hover .mstat-lab{color:#6E5520}
.mstat-action{cursor:pointer;border:1.5px dashed #C9A45C}
.mstat-action:hover{border-style:dashed}
.mstat-action .mstat-lab{color:#A8812F}
.mstat-plus{color:#fff;background:linear-gradient(180deg,#D9B66E,#A8812F);box-shadow:0 4px 10px rgba(168,129,47,.35)}
.mstat.bl-tile-input input{width:110px;margin:0;padding:2px 6px;text-align:center;font-family:var(--font-num);font-size:30px;font-weight:700;line-height:1.1;color:#1A1A1A;background:#fff;border:1px solid #C9A45C;border-radius:10px;box-shadow:inset 0 1px 2px rgba(120,90,30,.08)}
.mstat.bl-tile-input input:focus{outline:none;border-color:#A8812F;box-shadow:0 0 0 3px rgba(201,164,92,.28)}
.mstat.bl-tile span.mstat-lab,.mstat.bl-tile-input .mstat-lab{color:#857A66}

/* ===== PAUL FIX 10 (20 Oct): fewer boxes - one stat row, single Buy more licences section, clean sections ===== */
.bl-page>.mstats{margin:4px 0 26px}
.bl-page>section.card{margin-bottom:22px;padding:26px 28px}
.bl-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid rgba(198,161,91,.3)}
.bl-sec-head h2{margin:0}
.bl-vat{font-family:inherit;font-size:14px;font-weight:500;color:var(--muted);letter-spacing:0}
.bl-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #DCCFAF;border-radius:14px;overflow:hidden;background:#FFFEFB}
.bl-strip .bl-band{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 10px;height:auto;margin:0;border:0;border-right:1px solid #E8DFC9;border-radius:0;background:transparent;box-shadow:none;transition:background .15s,box-shadow .15s}
.bl-strip .bl-band:last-child{border-right:0}
.bl-strip .bl-band-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#857A66}
.bl-strip .bl-band-price{font-size:24px;font-weight:700;color:#1A1A1A;line-height:1.15}
.bl-strip .bl-band.bl-active{background:linear-gradient(180deg,#FBF1D9,#F4E3BA);box-shadow:inset 0 -3px 0 #C9A45C}
.bl-strip .bl-band.bl-active .bl-band-label{color:#7A5F22}.bl-strip .bl-band.bl-active .bl-band-price{color:#7A5F22}
.bl-valid{margin:8px 2px 0;font-size:12.5px;color:var(--muted);text-align:right}
.bl-buyrow{display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:end;gap:28px;margin-top:20px;padding:20px 22px;border-radius:14px;background:linear-gradient(180deg,#FFFDF8,#F7F0E1);border:1px solid #E3D3AA}
.bl-buyfield{display:flex;flex-direction:column;gap:8px;min-width:0}
.bl-buylab{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:#857A66}
.bl-buyval{font-family:var(--font-num);font-size:26px;font-weight:700;color:#1A1A1A;line-height:44px}
.bl-buytotal{color:#A8812F;font-size:30px}
.bl-stepper{display:inline-flex;align-items:stretch;height:46px;border:1px solid #C9A45C;border-radius:12px;overflow:hidden;background:#fff}
.bl-step{width:44px;border:0;background:#FBF3DF;color:#7A5F22;font:600 22px/1 var(--font-num);cursor:pointer;transition:background .15s}
.bl-step:hover{background:#F4E3BA}
.bl-stepper input#corp-qty{width:72px;margin:0;border:0;border-left:1px solid #E3D3AA;border-right:1px solid #E3D3AA;border-radius:0;text-align:center;font:700 20px/1 var(--font-num);color:#1A1A1A;background:#fff;-moz-appearance:textfield;box-shadow:none}
.bl-stepper input#corp-qty::-webkit-outer-spin-button,.bl-stepper input#corp-qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.bl-stepper input#corp-qty:focus{outline:none;background:#FFFCF3}
.bl-stepper:focus-within{box-shadow:0 0 0 3px rgba(201,164,92,.25)}
.bl-buybtn{align-self:end;min-width:190px}
.bl-current{margin:0 0 6px;color:#3A3324}.bl-current b{margin-left:6px}.bl-dot{margin:0 12px;color:#C9A45C}
.bl-planlist{margin:10px 0 4px;border-top:1px solid #EFE7D6}
.bl-planlist .bl-planrow{display:grid;grid-template-columns:1fr auto 190px;align-items:center;gap:18px;padding:14px 4px;margin:0;border:0;border-bottom:1px solid #EFE7D6;border-radius:0;background:transparent;box-shadow:none}
.bl-planlist .bl-planrow:hover{background:#FCF7EA}
.bl-planlist .bl-plan-name b{font-size:16px}
.bl-planlist .bl-plan-price{font-size:18px;color:#1A1A1A}
.bl-invoice-form.pform label{margin:0}
.bl-invoice-form.pform label>span{display:block}
.bl-invoice-form.pform .bl-span2 .pbtn{margin-top:4px}
.bl-orders-card .bl-orders-head{padding-bottom:14px;margin-bottom:18px}
.bl-basket-link{color:#7A5F22;border-color:#C9A45C;background:#FFFDF8}
.invite-stats{margin:4px 0 24px}
.invite-card{max-width:none}
.invite-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 28px}
.invite-grid .invite-emails textarea{min-height:208px}
@media(max-width:900px){.bl-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-strip .bl-band:nth-child(2){border-right:0}.bl-strip .bl-band:nth-child(-n+2){border-bottom:1px solid #E8DFC9}.bl-buyrow{grid-template-columns:1fr 1fr}.bl-buybtn{grid-column:1/-1}.invite-grid{grid-template-columns:1fr}.bl-planlist .bl-planrow{grid-template-columns:1fr auto}.bl-planlist .bl-planrow .bl-btn{grid-column:1/-1;width:100%}}

/* ===== PAUL FIX 11 (20 Oct): one job per page - overview insights, invitations on Invite page, invoice toggle ===== */
.darkmain .darkgrid{margin-bottom:18px}
.darkmain .whitecard{margin-bottom:18px}
.darkmain .whitecard h3{margin-top:0}
a.legendrow.dash-link{text-decoration:none;color:inherit;border-radius:8px;transition:background .15s}
a.legendrow.dash-link:hover{background:#FBF3DF}
.dash-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dash-kpi{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px 10px;border-radius:14px;border:1px solid #E3D3AA;background:linear-gradient(180deg,#FFFDF8,#F7F0E1);text-decoration:none;color:#1A1A1A;transition:transform .15s,box-shadow .15s,border-color .15s}
.dash-kpi b{font-family:var(--font-num);font-size:28px;font-weight:700;line-height:1}
.dash-kpi span{font-size:10.5px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:#857A66;text-align:center}
.dash-kpi:hover{transform:translateY(-2px);border-color:#C9A45C;box-shadow:0 10px 22px rgba(120,90,30,.14),0 0 16px rgba(201,164,92,.2)}
.dash-course{margin:4px 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:#9A7B3F}
.dash-course .num{color:#857A66;letter-spacing:.06em}
.minirow+.bar+.dash-course{margin-top:16px}
.dash-plink{color:inherit;text-decoration:none;font-weight:600}.dash-plink:hover{color:#7A5F22}
.dash-cardhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.dash-cardhead h3{margin:0}
.bl-owned{margin:6px 0 0;font-size:13.5px;color:#6F6A5E}.bl-owned b{color:#1A1A1A;font-size:15px;margin-right:3px}
.bl-headbtns{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
details.bl-invoice{margin-top:16px;border:0;padding:0;background:none;box-shadow:none}
.bl-invoice-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;list-style:none;color:#7A5F22;font-weight:600;font-size:14px;padding:6px 2px;border-bottom:1px solid rgba(168,129,47,.4)}
.bl-invoice-toggle::-webkit-details-marker{display:none}
.bl-invoice-toggle:hover{color:#5B4416;border-bottom-color:#A8812F}
.bl-chev{display:inline-block;transition:transform .18s;font-size:16px}
details[open] .bl-chev{transform:rotate(90deg)}
.bl-invoice-body{margin-top:16px;padding:22px 22px 8px;border-radius:14px;border:1px solid #E3D3AA;background:#FFFEFB}
.bl-invoice-title{margin:0 0 14px;font-size:18px}
.pbtn-sm,.ghost.pbtn-ghost.pbtn-sm{padding:6px 12px;font-size:12.5px;border-radius:9px}
#invitations{margin-top:22px}
.dash-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 7px;margin-left:6px;border-radius:999px;background:#FBE7E3;color:#8F2F24;font-size:12px;font-weight:700;vertical-align:middle;font-family:var(--font-num)}

/* ===== PAUL FIX 12 (20 Oct): packages - Sales Masterclass section, sub-navigation, locked states, overview summaries ===== */
.navlock{display:inline-block;margin-left:6px;vertical-align:-1px;opacity:.75}
.topnav-tabs a[data-locked]{color:#9F978A}
.sec-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:22px;border-bottom:var(--hairline,1px solid rgba(198,161,91,.35))}
.main>.sec-head h1,.sec-head h1{margin:0;padding:0;border:0}
.subnav{display:flex;gap:6px;flex-wrap:wrap;padding:4px;border-radius:999px;background:#FFFDF8;border:1px solid #E3D3AA;box-shadow:0 4px 12px rgba(120,90,30,.06)}
.subnav a{padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;color:#5E5442;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.subnav a:hover{background:#FBF3DF;color:#16130C}
.subnav a.active{background:linear-gradient(180deg,#F0DCA6,#D3B06A);color:#0B0B0B;box-shadow:0 2px 10px rgba(198,161,91,.28)}
.mc-page .mstats{margin:0 0 22px}
.mc-page .whitecard{background:linear-gradient(180deg,#FFFEFA,#FBF7EE);border:1px solid #E8DFC9;border-top:2px solid rgba(198,161,91,.7);border-radius:16px;padding:24px 24px 20px;box-shadow:0 10px 28px rgba(30,25,10,.10);margin-bottom:18px}
.mc-page .whitecard h3{margin-top:0;font-size:19px}
.mc-page .minirow{font-size:13px;margin-top:11px}.mc-page .minirow b{font-family:var(--font-num);color:#7A5F22}
.locked-card{max-width:620px;margin:30px auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:40px 30px 36px;border-radius:20px;border:1px solid #C9A45C;background:radial-gradient(80% 120% at 50% 0%,rgba(232,200,122,.18),rgba(232,200,122,0) 60%),linear-gradient(180deg,#FFFDF8,#F7F0E1);box-shadow:0 18px 40px rgba(120,90,30,.14)}
.locked-card h2{margin:2px 0 0;font-size:28px}
.locked-card p{margin:2px 0 12px;color:#6F6A5E;font-size:15px}
.locked-icon{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#A8812F;background:#fff;border:1px solid #C9A45C;box-shadow:0 8px 18px rgba(120,90,30,.14);margin-bottom:6px}
.darkmain .locked-card{margin-top:40px}
.ov-block{margin:6px 0 30px}
.ov-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:14px}
.ov-kicker{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.2em;color:#C9A45C;font-weight:700;margin-bottom:4px}
.ov-head h2{margin:0;color:#FFF8E8;font-size:24px}
.ov-open{color:#E3C888;text-decoration:none;font-weight:600;font-size:14px;padding:7px 14px;border:1px solid rgba(201,164,92,.5);border-radius:999px;transition:background .15s}
.ov-open:hover{background:rgba(201,164,92,.14)}
.ov-block .mstats{margin:0 0 14px}
.ov-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:14px;overflow:hidden;border:1px solid #C9A45C;background:linear-gradient(180deg,#FFFDF8,#F7F0E1)}
.ov-strip a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;text-decoration:none;color:#1A1A1A;border-right:1px solid #E8DFC9;transition:background .15s}
.ov-strip a:last-child{border-right:0}.ov-strip a:hover{background:#FBF1D9}
.ov-strip span{font-size:10.5px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:#857A66}
.ov-strip b{font-family:var(--font-num);font-size:20px}
.mc-course-stats{display:flex;gap:10px;flex-wrap:wrap}
.mc-cs{display:flex;flex-direction:column;align-items:center;min-width:86px;padding:10px 14px;border-radius:12px;border:1px solid #E3D3AA;background:linear-gradient(180deg,#FFFDF8,#F7F0E1);text-decoration:none;color:#1A1A1A}
a.mc-cs:hover{border-color:#C9A45C;box-shadow:0 0 14px rgba(201,164,92,.22)}
.mc-cs b{font-family:var(--font-num);font-size:22px;line-height:1.1}.mc-cs span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:#857A66;margin-top:3px}
.mc-modlist{list-style:none;margin:12px 0 0;padding:0;border-top:1px solid #EFE7D6}
.mc-modlist li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid #EFE7D6}
.mc-modpos{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#FBF3DF;color:#7A5F22;font-weight:700;font-size:12px}
.mc-modles{color:#857A66;font-size:13px}
.mc-course{margin-bottom:18px}
.pkg-card{margin:14px 0 18px}.pkg-rows{display:grid;gap:10px}
.pkg-row{display:grid;grid-template-columns:1fr auto 150px;align-items:center;gap:16px;padding:12px 4px;border-bottom:1px solid #EFE7D6}
.pkg-row button{width:150px}
@media(max-width:900px){.ov-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.sec-head{flex-direction:column;align-items:flex-start}}
.ov-strip.ov-strip-2{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Talent levels + hire */
.lvl-filter select{min-width:220px;margin:0}
.lvlcell{white-space:nowrap}
.lvl{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:700;border:1px solid transparent}
.lvl-strong{background:#E2F2E6;color:#1F6B3F;border-color:#AED8BB}
.lvl-good{background:#EAF1FB;color:#24508A;border-color:#B9CCEA}
.lvl-average{background:#FBF0D3;color:#7A5A12;border-color:#E8D393}
.lvl-developing{background:#FBE7E3;color:#8F2F24;border-color:#EFC2BB}
.rec-badge{display:inline-flex;align-items:center;margin-left:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;color:#3A2A08;background:linear-gradient(180deg,#F0DCA6,#C9A45C);box-shadow:0 2px 8px rgba(168,129,47,.3)}
.hirecell{white-space:nowrap}.hirecell .pill{margin-right:6px}
.hire-form{display:inline}
.hire-note{font-size:12px;color:#6F6A5E}.hire-link{color:#7A5F22;font-weight:600}
/* Billing packages */
.pkg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pkg-tile{display:flex;flex-direction:column;gap:4px;padding:18px 18px 16px;border-radius:14px;border:1px solid #E3D3AA;background:linear-gradient(180deg,#FFFDF8,#F7F0E1)}
.pkg-tile.is-on{border-color:#C9A45C;box-shadow:0 0 0 1px rgba(201,164,92,.35)}
.pkg-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.pkg-top b{font-size:16px}
.pkg-desc{font-size:13px;color:#6F6A5E;margin-bottom:6px}
.pkg-price{font-family:var(--font-num);font-size:24px;font-weight:700;color:#1A1A1A}
.pkg-soon{font-family:inherit;font-size:16px;color:#A8812F}
.pkg-unit{font-size:12px;color:#857A66;margin-bottom:10px}
.pkg-tile .ghost,.pkg-tile .goldbtn{align-self:flex-start}
@media(max-width:900px){.pkg-grid{grid-template-columns:1fr}}
.bl-was{color:#A79E8E;font-weight:500;margin-right:6px;text-decoration-thickness:1.5px}
.bl-upsell{margin:10px 0 0;font-size:13.5px;color:#7A5F22;font-weight:600}
.bl-discpill{display:inline-flex;align-items:center;margin-left:10px;padding:4px 12px;border-radius:999px;font-family:Inter,system-ui,sans-serif;font-size:11.5px;font-weight:700;line-height:1.3;color:#3A2A08;background:linear-gradient(180deg,#F0DCA6,#C9A45C);vertical-align:middle;letter-spacing:.02em}
/* Packages tiers */
.pk-sub{display:block;margin-top:6px;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:#9A7B3F}
.pk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.pk-card{--m1:#B8913F;--m2:#F0DCA6;position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;border:1px solid #E3D3AA;background:linear-gradient(180deg,#FFFDF8,#F7F0E1);box-shadow:0 12px 28px rgba(120,90,30,.12);transition:transform .18s,box-shadow .18s}
.pk-card:hover{transform:translateY(-3px);box-shadow:0 20px 38px rgba(120,90,30,.18),0 0 22px rgba(201,164,92,.22)}
.pk-band{height:8px;background:linear-gradient(90deg,var(--m1),var(--m2) 45%,var(--m1) 70%,var(--m2))}
.pk-bronze{--m1:#9C6334;--m2:#E3B48A}.pk-silver{--m1:#8E959B;--m2:#E8EBEE}.pk-gold{--m1:#A8812F;--m2:#F3DFA6}.pk-platinum{--m1:#6E7C86;--m2:#E4EAEE}
.pk-card{border-top:0}.pk-bronze{border-color:#D9B597}.pk-silver{border-color:#C9CED3}.pk-gold{border-color:#C9A45C}.pk-platinum{border-color:#B9C3CA}
.pk-body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:22px 18px 22px;flex:1}
.pk-name{font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-size:26px;font-weight:600;background:linear-gradient(180deg,var(--m1),color-mix(in srgb,var(--m1) 60%,#000));-webkit-background-clip:text;background-clip:text;color:transparent}
.pk-price b{display:block;font-family:var(--font-num);font-size:34px;font-weight:700;color:#1A1A1A;line-height:1.1}
.pk-price span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:#857A66}
.pk-was{color:#A79E8E;font-size:14px}
.pk-save{display:inline-flex;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;color:#17603A;background:#E2F2E6;border:1px solid #AED8BB}
.pk-incl{list-style:none;margin:12px 0 4px;padding:0;width:100%;border-top:1px solid #EFE7D6}
.pk-incl li{display:flex;flex-direction:column;gap:2px;padding:11px 0;border-bottom:1px solid #EFE7D6}
.pk-incl b{font-size:14px;color:#16130C}.pk-incl span{font-size:12px;color:#6F6A5E}
.pk-btn{margin-top:auto;width:100%}
@media(max-width:1000px){.pk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.cand-table{font-size:13px}.cand-table td,.cand-table th{padding:12px 10px}
.cand-table td:first-child{overflow-wrap:anywhere;min-width:150px}
.cand-table .lvlcell{white-space:normal}.cand-table .lvlcell .lvl,.cand-table .lvlcell .rec-badge{margin:2px 4px 2px 0}
.rv-form{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}.rv-form input{width:76px;padding:7px 8px}
.cand-table .hirecell{white-space:normal}.cand-table .hirecell .pbtn,.cand-table .hirecell button{white-space:nowrap}
.cand-table td.hirecell{display:table-cell}.cand-table .hirecell>*{display:flex;justify-content:flex-end;margin:3px 0}.cand-table .hirecell .pill{display:inline-flex;margin:0 0 4px auto;width:max-content}
/* Paul fix 14: completion deadlines */
.lic-exp.lic-soon{color:#A8812F;font-weight:600}.lic-over{color:#C0392B!important;font-weight:700}
.dl-left{margin:4px 0 10px;font-size:12.5px;font-weight:600;color:#857A66;letter-spacing:.01em}.dl-left.dl-soon{color:#A8812F}.dl-left.dl-over{color:#C0392B}
.hire-dl{width:auto;display:inline-block;margin:0 6px 0 0;padding:6px 8px;font-size:12px;border-radius:8px;min-height:0}
.ov-strip b.red{color:#C0392B}
.ov-strip.ov-strip-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.pk-buy{margin-top:auto;width:100%;padding-top:16px}.pk-buy .pk-btn{width:100%;margin:0}
.bl-qty-fixed{display:inline-block;width:84px;text-align:center;font-weight:600}

/* ===== LEARNER PREMIUM (learner-premium branch): learner pages only, same parts as the company side ===== */
.mstats.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lr-dash .darksidebar nav a{font-size:14px}
.lr-side-foot{margin-top:auto;border-top:1px solid #2A2A22;padding-top:16px;display:flex;flex-direction:column;gap:4px;font-size:13px}
.lr-side-foot b{color:#fff;font-size:14px}.lr-side-foot a{color:#E3C888;text-decoration:none}.lr-side-foot a:hover{text-decoration:underline}
.lr-side-foot{display:block}.lr-side-foot b{display:block;margin:6px 0 4px}
.lr-continue{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:26px;align-items:center;padding:20px}
.lr-cont-img{width:100%;height:220px;object-fit:cover;border-radius:12px;border:1px solid rgba(198,161,91,.45)}
.lr-cont-body h2{margin:2px 0 10px;font-size:26px}
.lr-next{margin:0 0 14px;color:#6F6A5E;font-size:13.5px;line-height:1.55}.lr-next b{color:#16130C;font-size:16px}
.lr-progline{display:flex;align-items:center;gap:12px;max-width:520px}.lr-progline .bar{flex:1}.lr-progline b{font-size:18px;color:#7A5F22;min-width:46px;text-align:right}
.lr-progline-sm{min-width:260px}.lr-progline-sm b{font-size:15px}
.lr-due{margin:12px 0 0;font-size:13px;color:#3A3324;font-weight:600}
.lr-continue .dl-left{margin:2px 0 0}
.lr-cont-btns{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}
.lr-course{display:inline-flex;align-items:center;gap:12px;font-weight:600}.lr-course img{width:54px;height:36px;object-fit:cover;border-radius:7px;border:1px solid rgba(198,161,91,.45)}
.lr-seal{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:700 10px/1 Georgia,serif;color:#3A2A08;background:linear-gradient(180deg,#F0DCA6,#C9A45C);box-shadow:0 3px 8px rgba(168,129,47,.3)}
.lr-actions{white-space:nowrap}.lr-actions .goldbtn.pbtn-sm{padding:7px 14px}
/* Learner sub-pages: header + back link */
.lr-page .sec-head{align-items:flex-end}
.lr-back{display:inline-block;margin-bottom:6px;font-size:13px;font-weight:600;color:#7A5F22;text-decoration:none}.lr-back:hover{color:#16130C}
.lr-h1sub{display:block;font-size:.62em;color:#7A5F22;margin-top:4px}
.lr-duebox{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:13px;font-weight:600;color:#3A3324}.lr-duebox .dl-left{margin:0}
.lr-page .mstats{margin:0 0 22px}
.lr-resume{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.lr-resume b{font-size:18px;font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-weight:600}
/* Course modules (accordion) */
.lr-modules{display:flex;flex-direction:column;gap:12px}
details.lr-mod{padding:0;overflow:hidden}
details.lr-mod summary{list-style:none;display:grid;grid-template-columns:40px minmax(0,1fr) auto 18px;align-items:center;gap:14px;padding:16px 20px;cursor:pointer}
details.lr-mod summary::-webkit-details-marker{display:none}
details.lr-mod summary:hover{background:#FCF7EA}
.lr-disc{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#7A5F22;background:var(--stat-bg);border:1px solid #C9A45C}
.lr-disc.is-done{color:#fff;background:linear-gradient(180deg,#D9B66E,#A8812F);border-color:#A8812F}
.lr-modtitle{display:flex;flex-direction:column;gap:2px;min-width:0}.lr-modtitle b{font-size:16px}.lr-modtitle span{font-size:12.5px;color:#857A66}
.lr-chev{color:#A8812F;font-size:20px;transition:transform .18s}details[open] .lr-chev{transform:rotate(90deg)}
.lr-lessons{list-style:none;margin:0;padding:4px 20px 6px 74px;border-top:1px solid #EFE7D6}
.lr-lessons li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #F3ECDC}
.lr-lessons li:last-child{border-bottom:0}
.lr-lessons a{color:#16130C;text-decoration:none;font-weight:500}.lr-lessons a:hover{color:#7A5F22}
.lr-mins{font-size:12.5px;color:#857A66}
.lr-tick{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid #D8CDB2;background:#fff;color:#fff;font-size:11px;font-weight:700;line-height:1}
.lr-tick.is-done{background:#2E8B57;border-color:#2E8B57}
.lr-tasks{padding:6px 20px 16px 74px;background:linear-gradient(180deg,rgba(251,246,234,.6),rgba(251,246,234,0));border-top:1px solid #EFE7D6}
.lr-task{display:grid;grid-template-columns:minmax(0,1fr) auto 110px;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #F3ECDC}.lr-task:last-child{border-bottom:0}
.lr-task-k{font-weight:600;color:#3A3324}.lr-task .ghost{justify-self:end}
.lr-task b.num{margin-right:8px;color:#7A5F22}
.lr-res{display:flex;flex-wrap:wrap;gap:6px;grid-column:2/4;justify-content:flex-end}
.lr-chip{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;color:#5E5442;background:#FBF3DF;border:1px solid #E8D393}
/* Lesson player */
.lr-list{max-height:calc(100vh - 150px);overflow:auto;position:sticky;top:16px}
.lr-listmod{margin:14px 4px 4px;font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#A79E8E}
.lr-list a{display:flex;gap:10px;align-items:flex-start}
.lr-list .lr-tick{width:17px;height:17px;font-size:10px;margin-top:1px;border-color:#5C5543;background:transparent}
.lr-list .lr-tick.is-done{background:#C5A46D;border-color:#C5A46D;color:#171204}
.lr-video{margin-bottom:16px}
.lr-lesson p{line-height:1.65}.lr-obj{font-weight:600;color:#3A3324}
.lr-donepill{display:inline-flex;align-items:center;padding:10px 16px;font-size:13px}
/* Quiz */
.lr-q{border:0;border-bottom:1px solid #EFE7D6;margin:0;padding:6px 0 20px}.lr-q+.lr-q{padding-top:18px}
.lr-q legend{display:flex;gap:12px;align-items:center;font-weight:700;font-size:16px;padding:0;margin-bottom:12px;float:left;width:100%}
.lr-q legend+*{clear:both}
.lr-qno{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;color:#7A5F22;background:var(--stat-bg);border:1px solid #C9A45C}
.lr-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-left:40px}
.lr-opt{display:flex;align-items:center;gap:10px;margin:0;padding:12px 14px;border:1px solid #E3D9C3;border-radius:11px;background:#FFFEFB;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s}
.lr-opt:hover{border-color:#C6A15B;background:#FCF7EA}
.lr-opt input{width:18px;height:18px;margin:0;accent-color:#B08D46;flex-shrink:0}
.lr-opt:has(input:checked){border-color:#C6A15B;background:#FBF1D9;box-shadow:0 0 0 1px rgba(198,161,91,.5)}
.lr-instr{margin:8px 0 0;line-height:1.65;font-size:15.5px}
.lr-page .pform label .opt{float:right}
@media(max-width:900px){.lr-continue{grid-template-columns:1fr}.lr-cont-img{height:180px}.lr-opts{grid-template-columns:1fr;padding-left:0}.lr-lessons,.lr-tasks{padding-left:20px}.lr-task{grid-template-columns:1fr auto}.lr-task .ghost{grid-column:1/-1;justify-self:start}.lr-res{grid-column:1/-1;justify-content:flex-start}.lr-duebox{align-items:flex-start}.mstats.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lr-list{position:static;max-height:none}}
@media(max-width:600px){.lr-table th:nth-child(3),.lr-table td:nth-child(3),.lr-table th:nth-child(4),.lr-table td:nth-child(4){display:none}.lr-table .progcell .bar{min-width:56px!important;width:56px}.lr-table .lr-course img{display:none}.lr-table td{padding:12px 10px}}
@media(max-width:900px){.lr-page .sec-head{align-items:flex-start}}

/* ===== LEARNER SHELL: every learner page on the black page + left sidebar (same as the learner dashboard) ===== */
.lr-shell .darkmain{min-width:0}
.lr-shell .darkmain .card,.lr-shell .darkmain .form,.lr-shell .darkmain .locked-card,.lr-shell .darkmain .cert{color:var(--ink);background:linear-gradient(180deg,#FFFEFA,#FBF7EE);border:1px solid #E8DFC9;border-top:2px solid rgba(198,161,91,.7);border-radius:16px;box-shadow:0 20px 42px rgba(0,0,0,.48);margin-bottom:18px}
.lr-shell .darkmain .card h2,.lr-shell .darkmain .card h3,.lr-shell .darkmain .form h2,.lr-shell .darkmain .locked-card h2,.lr-shell .darkmain .cert h1,.lr-shell .darkmain .cert h2,.lr-shell .darkmain .cert h3{color:#16130C}
.lr-shell .darkmain .form{margin:10px auto 18px}
.lr-shell .darkmain .locked-card{margin-top:30px}
.lr-shell .darkmain>h1{color:#FFF8E8}
.lr-shell .sec-head{border-bottom:1px solid rgba(198,161,91,.28)}
.lr-shell .sec-head h1{color:#FFF8E8}
.lr-shell .lr-back{color:#E3C888}.lr-shell .lr-back:hover{color:#FFF3D0}
.lr-shell .lr-h1sub{color:#E3C888}
.lr-shell .lr-duebox{color:#EDE8DB}
.lr-shell .sec-head .dl-left{color:#A79E8E}.lr-shell .sec-head .dl-left.dl-soon{color:#E3C888}.lr-shell .sec-head .dl-left.dl-over{color:#E57366}
.lr-shell .darkmain .pill.neutral{background:#F1ECE1}
.lr-shell .lr-side-foot a.active{text-decoration:underline}
.lr-shell .darkmain .ghost{color:#3A3324}
.lr-shell .darkmain>p>.ghost,.lr-shell .darkmain>p>.goldbtn{margin-right:6px}
/* Lesson contents: ivory card inside the content area */
.lr-shell .lr-list{background:linear-gradient(180deg,#FFFEFA,#FBF7EE);color:var(--ink);border:1px solid #E8DFC9;border-top:2px solid rgba(198,161,91,.7);border-radius:16px;box-shadow:0 20px 42px rgba(0,0,0,.48)}
.lr-shell .lr-list .label{color:#9A7B3F!important}
.lr-shell .lr-list .lr-listmod{color:#857A66}
.lr-shell .lr-list a{color:#2A251A}
.lr-shell .lr-list a:hover{background:#FBF3DF}
.lr-shell .lr-list a.current{background:linear-gradient(90deg,#FBF1D9,#F4E3BA);color:#16130C;border-left:3px solid #C6A15B}
.lr-shell .lr-list .lr-tick{border-color:#D8CDB2;background:#fff}
.lr-shell .lr-list .lr-tick.is-done{background:#2E8B57;border-color:#2E8B57;color:#fff}
.lr-shell .playerlayout{grid-template-columns:270px minmax(0,1fr)}
@media(max-width:1100px){.lr-shell .playerlayout{grid-template-columns:1fr}.lr-shell .lr-list{position:static;max-height:340px}}
@media print{.lr-shell .darksidebar{display:none!important}.lr-shell .darkmain{background:#fff;padding:0}}
.lr-shell .darkmain>h1{padding-bottom:12px;border-bottom:1px solid rgba(198,161,91,.28);margin:0 0 22px}
.lr-shell .darkmain .form>p.muted{display:none}
.lr-shell .darkmain .form{margin-top:0}
@media(max-width:1100px){.lr-shell .playerlayout>.lr-list{order:2}}

/* ===== BUY PAGE (Paul 20 Oct, v2): three rows - Talent Assessment, Sales Masterclass, Packages - all in the Packages card design ===== */
.br-page .sec-head{margin-bottom:8px}
.br-row{margin:30px 0 8px}
.br-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid rgba(198,161,91,.3)}
.br-head h2{margin:0;font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-size:26px;font-weight:500;color:#16130C}
.br-head .pk-sub{margin:0}
.br-tbc b{font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-size:26px;font-weight:500;color:#6F6A5E;letter-spacing:.01em;padding:4px 0 2px}
.br-card .pk-incl{margin-top:14px}
.br-current{display:block;width:100%;padding:11px 10px;border-radius:999px;text-align:center;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7A5F22;border:1px solid #D9C08A;background:#FBF4E2}
.br-licform{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.br-stepper{align-self:center}
.br-stepper .br-qty{width:64px}
.br-total{display:flex;justify-content:space-between;align-items:baseline;padding:0 4px}.br-total span{font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:#857A66}.br-total b{font-family:var(--font-num);font-size:20px;font-weight:700;color:#A8812F}
.br-contact{display:flex;justify-content:center;align-items:center;gap:16px;margin:18px auto 0;padding:14px 22px;max-width:520px;border-radius:999px;border:1px solid #E3D3AA;background:linear-gradient(180deg,#FFFDF8,#F7F0E1)}
.br-contact>span{font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-size:18px;color:#16130C}
.br-contact .pbtn-ghost{padding:8px 18px}
.br-invoice{margin-top:34px}
.br-indiv{max-width:320px}.br-indiv-body{padding-bottom:22px}
@media(max-width:1100px){.br-page .pk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.br-page .pk-grid{grid-template-columns:1fr}.br-contact{border-radius:16px;flex-direction:column;gap:10px}.br-indiv{max-width:none}}
.bl-planstat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bl-ps{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 18px;border-radius:14px;border:1px solid #E3D3AA;background:linear-gradient(180deg,#FFFDF8,#F7F0E1)}
.bl-ps-name{font-weight:700;font-size:15px;margin-right:auto}.bl-ps-meta{font-size:13px;color:#6F6A5E}
.bl-page .sec-head{margin-bottom:22px}
@media(max-width:1000px){.bl-planstat{grid-template-columns:1fr}}
/* Billing = account overview (Paul 20 Oct) */
.bl-stats{margin:6px 0 22px}
.bl-p-paid{color:#17603A;background:#E2F2E6;border-color:#AED8BB}.bl-p-pending{color:#7A5F22;background:#FBF4E2;border-color:#E3D3AA}.bl-p-due{color:#8A4B12;background:#FCEBD9;border-color:#EBC59C}.bl-p-rejected{color:#8A1F1F;background:#F8E3E3;border-color:#E7B9B9}
.bl-inv-link{margin:0}.linkbtn{background:none;border:0;padding:0;font:inherit;font-weight:700;color:#9A7B3F;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.bl-details{margin-top:20px}
.bl-dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0 0}
.bl-dl>div{padding:16px 18px;border-radius:14px;border:1px solid #E3D3AA;background:linear-gradient(180deg,#FFFDF8,#F7F0E1)}
.bl-dl dt{font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:#857A66;margin-bottom:8px}
.bl-dl dd{margin:0;display:flex;flex-direction:column;gap:4px;font-weight:600;white-space:pre-line}.bl-dl dd .muted{font-weight:500;font-size:13px}
.bl-dl form{margin:0}
@media(max-width:900px){.bl-dl{grid-template-columns:1fr}}
/* Billing: PO column + invoice links; printable MYB invoice (Paul 20 Oct) */
.bl-po{min-width:120px}.bl-po-edit summary{list-style:none;cursor:pointer}.bl-po-edit summary::-webkit-details-marker{display:none}
.bl-po-act{font-size:12px;font-weight:700;color:#9A7B3F;text-decoration:underline;text-underline-offset:3px}
.bl-po-edit form{display:flex;gap:6px;margin-top:8px}.bl-po-edit input{width:130px;padding:6px 8px;border:1px solid #E3D3AA;border-radius:8px;font:inherit;font-size:13px}
.bl-inv-dl{font-weight:700;color:#9A7B3F;text-decoration:underline;text-underline-offset:3px}
.bl-pay-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.bl-po-field{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:#6F6A5E}.bl-po-field input{padding:9px 10px;border:1px solid #E3D3AA;border-radius:10px;font:inherit;width:170px}
.iv-body{background:#EFE9DC;padding:24px 16px 60px;color:#16130C}
.iv-actions{max-width:820px;margin:0 auto 14px;display:flex;justify-content:space-between;align-items:center}
.iv-page{max-width:820px;margin:0 auto;background:#FFFEFA;border:1px solid #E3D3AA;border-top:4px solid #C9A45C;border-radius:14px;padding:44px 48px;box-shadow:0 16px 40px rgba(120,90,30,.12)}
.iv-head{display:flex;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid #EFE7D6}
.iv-logo{font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-size:34px;font-weight:700;letter-spacing:.02em;color:#16130C;line-height:1}.iv-logo span{color:#C9A45C}
.iv-logo-sub{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:#9A7B3F;margin-top:4px}
.iv-addr,.iv-meta-line{margin:6px 0 0;font-size:12.5px;color:#6F6A5E;white-space:pre-line}
.iv-title{text-align:right}.iv-title h1{margin:0 0 8px;font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-weight:500;font-size:34px}
.iv-status{display:inline-block;padding:5px 14px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.iv-status.is-paid{color:#17603A;background:#E2F2E6;border:1px solid #AED8BB}.iv-status.is-due{color:#8A4B12;background:#FCEBD9;border:1px solid #EBC59C}
.iv-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:24px 0}
.iv-grid h3{margin:0 0 8px;font-size:10.5px;text-transform:uppercase;letter-spacing:.16em;color:#857A66}.iv-grid p{margin:0;line-height:1.55;font-size:14px}.iv-pre{white-space:pre-line}
.iv-dl{margin:0;display:grid;gap:8px}.iv-dl>div{display:flex;justify-content:space-between;gap:12px;font-size:14px;border-bottom:1px dashed #EFE7D6;padding-bottom:6px}.iv-dl dt{color:#857A66}.iv-dl dd{margin:0;font-weight:600}
.iv-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:14px}.iv-table th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;color:#857A66;padding:10px 8px;border-bottom:1px solid #E3D3AA}.iv-table td{padding:12px 8px;border-bottom:1px solid #EFE7D6}.iv-table .r{text-align:right}
.iv-totals{margin:18px 0 0 auto;width:300px;display:grid;gap:8px}.iv-totals>div{display:flex;justify-content:space-between;font-size:14px}.iv-totals .iv-grand{padding-top:10px;border-top:2px solid #C9A45C;font-size:17px;font-weight:700}.iv-grand b{color:#A8812F}
.iv-foot{margin-top:34px;padding-top:16px;border-top:1px solid #EFE7D6;font-size:12px;color:#857A66;text-align:center}
@media print{.no-print{display:none!important}.iv-body{background:#fff;padding:0}.iv-page{box-shadow:none;border:0;border-top:4px solid #C9A45C;max-width:none;padding:24px}}
@media(max-width:640px){.iv-page{padding:26px 20px}.iv-grid{grid-template-columns:1fr}.iv-head{flex-direction:column}.iv-title{text-align:left}.iv-totals{width:100%}}
.bl-po-field .opt{font-weight:500;color:#A79E8E;margin-left:4px;text-transform:none}
/* Packages page: all card content centred (Paul 20 Oct) */
.pk-body .pk-price,.pk-body .pk-was,.pk-body .pk-save{align-self:center;text-align:center}
.pk-incl li{align-items:center;text-align:center}
.br-stepper .br-qty{text-align:center;font-family:var(--font-num);font-variant-numeric:lining-nums tabular-nums;-moz-appearance:textfield}
.br-stepper .br-qty::-webkit-outer-spin-button,.br-stepper .br-qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.br-total{flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;text-align:center}
.br-stepper input.br-qty{width:64px;margin:0;border:0;border-left:1px solid #E3D3AA;border-right:1px solid #E3D3AA;border-radius:0;text-align:center;font:700 18px/1 var(--font-num);color:#1A1A1A;background:#fff;box-shadow:none;padding:0}
.br-stepper input.br-qty:focus{outline:none;background:#FFFCF3}
/* ===== Masterclass learner: module steps, tools, scores, AI practice calls (21 Oct) ===== */
.mx-kick{display:block;font-family:Inter,system-ui,sans-serif;font-size:11px!important;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#C6A15B!important;margin:0 0 6px}
.mx-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 22px;padding:0;counter-reset:s}
.mx-steps-2{max-width:720px}
.mx-step{position:relative}
.mx-step:not(:last-child)::after{content:"";position:absolute;top:27px;left:calc(50% + 34px);right:calc(-50% + 34px);height:2px;background:rgba(198,161,91,.28)}
.mx-step.is-done:not(:last-child)::after{background:linear-gradient(90deg,#C6A15B,#E5C878)}
.mx-step>a,.mx-step>.mx-step-a{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;text-align:center;padding:4px}
.mx-disc{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#E3C888;background:#141410;border:1.5px solid rgba(198,161,91,.5);box-shadow:0 0 0 5px rgba(198,161,91,.06);transition:transform .15s}
.mx-step>a:hover .mx-disc{transform:translateY(-2px)}
.mx-step.is-next .mx-disc{color:#16130C;background:linear-gradient(180deg,#F3DFA6,#C6A15B);border-color:#E5C878;box-shadow:0 0 0 6px rgba(198,161,91,.16),0 8px 22px rgba(198,161,91,.25)}
.mx-step.is-done .mx-disc{color:#fff;background:linear-gradient(180deg,#D9B66E,#A8812F);border-color:#A8812F}
.mx-step-t{display:flex;flex-direction:column;gap:2px}.mx-step-t b{color:#FFF8E8;font-size:16px;letter-spacing:.02em}.mx-step-t span{font-size:12.5px;color:#A79E8E}
.mx-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.mx-grid .mx-card{display:flex;flex-direction:column;margin:0}
.mx-card .lr-cont-btns{margin-top:auto;padding-top:16px}
.mx-card-h{margin:0 0 12px}.mx-card-h h2{margin:2px 0 0;font-size:22px}
.mx-lessons{list-style:none;margin:0;padding:0}
.mx-lessons li{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #F0E8D6;font-size:14px}
.mx-lessons li:last-child{border-bottom:0}.mx-lessons a{color:#16130C;text-decoration:none;font-weight:600}.mx-lessons a:hover{color:#7A5F22}
.mx-vid{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#A79E8E;white-space:nowrap}.mx-vid.is-on{color:#7A5F22}
.mx-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 0}
.mx-mini>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 8px;border-radius:12px;background:linear-gradient(180deg,#FFFDF8,#F7F0E1);border:1px solid #E3D3AA;text-align:center}
.mx-mini b{font-family:var(--font-num);font-size:24px;font-weight:700;color:#1A1A1A;line-height:1.1}.mx-mini b.green{color:#2E8B57}.mx-mini b.mx-mini-t{font-family:Inter,system-ui,sans-serif;font-size:14px}
.mx-mini span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:#857A66}
.mx-p{margin:0 0 10px;color:#3A3324;line-height:1.55}
.mx-soon{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;color:#7A5F22;background:#FBF3DF;border:1px solid #E8D393}
.mx-soon-dot{width:7px;height:7px;border-radius:50%;background:#C6A15B;box-shadow:0 0 0 3px rgba(198,161,91,.25)}
.mx-score{margin-top:16px}
.mx-scoreline{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.mx-ring{--p:0;width:108px;height:108px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(#C6A15B calc(var(--p)*1%),#EFE6D2 0);position:relative}
.mx-ring::before{content:"";position:absolute;inset:9px;border-radius:50%;background:#FFFDF8;box-shadow:inset 0 1px 3px rgba(120,90,30,.12)}
.mx-ring b{position:relative;font-family:var(--font-num);font-size:26px;font-weight:700;color:#16130C}
.mx-scoretxt{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#5E5442}.mx-band{align-self:flex-start;font-size:13px;padding:6px 14px}
.mx-second{margin-left:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mx-flag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9A2E22}
.mx-flag::before{content:"";width:8px;height:8px;border-radius:50%;background:#C0392B;box-shadow:0 0 0 3px rgba(192,57,43,.18)}
.mx-flag-sm{display:flex;margin-top:6px;font-size:10.5px}
.mx-hist{margin-top:18px}
.mx-toolsec{margin-top:16px}
.mx-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.mx-tool{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:linear-gradient(180deg,#FFFDF8,#F7F0E1);border:1px solid #E3D3AA;text-decoration:none;color:#16130C;transition:transform .15s,box-shadow .15s}
.mx-tool:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(120,90,30,.14)}
.mx-tool-t{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.mx-tool-t b{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mx-tool-t span{font-size:12px;color:#857A66}
.mx-ficon{width:44px;height:52px;flex-shrink:0;border-radius:8px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;box-sizing:border-box;font:800 10px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;color:#fff;background:linear-gradient(180deg,#3A3324,#16130C);position:relative;box-shadow:0 4px 10px rgba(0,0,0,.18)}
.mx-ficon::before{content:"";position:absolute;top:0;right:0;width:12px;height:12px;background:linear-gradient(225deg,#F7F0E1 50%,rgba(255,255,255,.35) 50%);border-bottom-left-radius:4px}
.mx-f-pdf{background:linear-gradient(180deg,#B5473A,#8A2F25)}.mx-f-word{background:linear-gradient(180deg,#3F67A8,#2A4A80)}.mx-f-excel{background:linear-gradient(180deg,#3E8A5C,#2A6A43)}.mx-f-powerpoint{background:linear-gradient(180deg,#C7743A,#A0552A)}
.mx-ficon-sm{width:32px;height:38px;font-size:8px;padding-bottom:6px}.mx-ficon-sm::before{width:9px;height:9px}
.mx-dl{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#16130C;background:linear-gradient(180deg,#F0DCA6,#C6A15B);flex-shrink:0}
.mx-trow{display:inline-flex;align-items:center;gap:12px}
.mx-open{grid-template-columns:minmax(0,1fr) auto auto}
.mx-course-h{color:#FFF8E8;margin:26px 0 12px}
.mx-staff .mx-course-h{color:#16130C}
.mx-results td{vertical-align:middle}.mx-row-flag td{background:rgba(192,57,43,.035)}
.mx-await{font-size:12px;font-weight:700;color:#7A5A12}
.mx-scoreform{display:inline-flex;gap:6px;align-items:center;margin-right:6px}.mx-scoreform input{width:64px;margin:0;padding:6px 8px;text-align:center}
.mx-preview{margin:0 0 14px;padding:10px 16px;border-radius:12px;border:1px dashed #E5C878;color:#F3DFA6;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-align:center;background:rgba(198,161,91,.08)}
.mx-scen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr);gap:22px;align-items:start}
.mx-scen-who{display:flex;gap:14px;align-items:center}.mx-scen-who>div{display:flex;flex-direction:column;gap:2px}
.mx-scen-name{font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-size:21px;font-weight:600;color:#16130C}.mx-scen-role{font-size:13px;color:#6F6A5E}
.mx-scen-body{display:grid;gap:12px}.mx-scen-body p{margin:4px 0 0;line-height:1.55;color:#3A3324;font-size:14px}
.mx-rubric ul{list-style:none;margin:6px 0 0;padding:0}.mx-rubric li{padding:6px 0;border-bottom:1px solid #F0E8D6;font-size:13.5px;font-weight:600;color:#3A3324}.mx-rubric li:last-child{border-bottom:0}
.mx-avatar{width:46px;height:46px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font:700 15px/1 Inter,system-ui,sans-serif;letter-spacing:.04em;color:#16130C;background:linear-gradient(180deg,#F3DFA6,#C6A15B);box-shadow:0 0 0 3px rgba(198,161,91,.2)}
.mx-avatar-lg{width:68px;height:68px;font-size:21px}
.mx-call{margin-top:16px}
.mx-chat{display:flex;flex-direction:column;gap:12px;max-height:460px;overflow:auto;padding:6px 4px 14px}
.mx-msg{max-width:72%;display:flex;flex-direction:column;gap:4px}
.mx-msg p{margin:0;padding:12px 16px;border-radius:16px;line-height:1.5;font-size:14.5px}
.mx-who{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#857A66}
.mx-prospect{align-self:flex-start}.mx-prospect p{background:#F4EEE1;border:1px solid #E6DCC6;border-top-left-radius:4px;color:#16130C}
.mx-learner{align-self:flex-end;align-items:flex-end}.mx-learner p{background:linear-gradient(180deg,#1C1A14,#0D0D0B);color:#FFF8E8;border:1px solid rgba(198,161,91,.45);border-top-right-radius:4px}
.mx-chat-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 10px;text-align:center}.mx-chat-empty b{font-size:16px;color:#16130C}.mx-chat-empty span:not(.mx-avatar){font-size:13px;color:#857A66}
.mx-start form{margin-top:8px}
.mx-compose{display:flex;gap:10px;align-items:stretch;border-top:1px solid #EFE7D6;padding-top:14px}.mx-compose textarea{flex:1;margin:0;resize:vertical;min-height:52px}
.mx-callbar{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.mx-callbar form{margin:0}.mx-turns{margin-right:auto;font-size:12.5px;color:#857A66}
.mx-result{margin-top:16px}
.mx-crit{display:grid;gap:12px;margin:20px 0 6px}
.mx-crit-row{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr) 54px;gap:12px;align-items:center}
.mx-crit-row p{grid-column:1/-1;margin:-4px 0 0;font-size:13px;color:#6F6A5E}
.mx-crit-n{font-weight:700;font-size:14px;color:#16130C}.mx-crit-row b{text-align:right;font-size:15px;color:#7A5F22}
.mx-bar{height:8px;border-radius:99px;background:#EFE6D2;overflow:hidden}.mx-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#C6A15B,#E5C878)}
.mx-fb{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid #EFE7D6}.mx-fb p{margin:4px 0 0;line-height:1.55;color:#3A3324;font-size:14px}
.mx-soon-card{display:flex;align-items:center;gap:18px}
.mx-soon-icon{width:58px;height:58px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#A8812F;background:var(--stat-bg);border:1px solid #C9A45C;box-shadow:0 8px 18px rgba(120,90,30,.14)}
.mx-soon-card h2{margin:2px 0 0}
.mx-cand{max-width:760px}.mx-cand h2{margin:4px 0 10px}
.mx-cand-form{max-width:860px}.mx-cand-form h2{font-size:19px;margin:4px 0 12px}.mx-cand-form textarea{width:100%;box-sizing:border-box}
.mx-cand-done{display:flex;align-items:center;gap:22px}.mx-ring-tick b{font-size:34px;color:#2E8B57}
.mx-cand-foot{display:flex!important;flex-direction:column;gap:4px}.mx-cand-foot b{word-break:break-all;font-size:13px}.mx-cand-foot span:not(.mx-avatar){color:#A79E8E;font-size:12.5px}
.mx-upform{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:14px;align-items:end}
@media(max-width:1100px){.mx-grid{grid-template-columns:1fr 1fr}.mx-grid #learn{grid-column:1/-1}.mx-scen{grid-template-columns:1fr 1fr}.mx-rubric{grid-column:1/-1}}
@media(max-width:700px){.mx-grid,.mx-scen,.mx-fb,.mx-upform{grid-template-columns:1fr}.mx-disc{width:44px;height:44px;font-size:17px}.mx-step:not(:last-child)::after{top:22px;left:calc(50% + 28px);right:calc(-50% + 28px)}.mx-step-t b{font-size:14px}.mx-msg{max-width:88%}.mx-crit-row{grid-template-columns:1fr 46px}.mx-crit-row .mx-bar{grid-column:1/-1;order:3}.mx-second{margin-left:0}.mx-lessons li{grid-template-columns:22px minmax(0,1fr) auto}.mx-lessons .lr-mins{display:none}}
.mx-tools{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.mx-tool-t b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}
.mx-cand-foot b{font-size:12px;overflow-wrap:anywhere;word-break:normal}
/* ---- Live call test (call simulator) ---- */
.cs-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:radial-gradient(900px 520px at 50% -10%,rgba(198,161,91,.22),transparent 70%),linear-gradient(180deg,#0B0B09,#050505);color:#EDE6D6;padding:18px 18px 26px}
.cs-top{width:100%;max-width:760px;display:flex;align-items:center;gap:12px}
.cs-leave{color:#A79E8E;text-decoration:none;font-size:13px}.cs-leave:hover{color:#E5C878}
.cs-prevtag{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#E5C878;border:1px dashed rgba(229,200,120,.6);padding:4px 10px;border-radius:99px}
.cs-mute{margin-left:auto;background:transparent;border:1px solid rgba(198,161,91,.45);color:#E5C878;border-radius:99px;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer}.cs-mute .cs-mute-off{display:none}.cs-mute.is-off .cs-mute-on{display:none}.cs-mute.is-off .cs-mute-off{display:inline}.cs-mute.is-off{color:#A79E8E;border-color:#3A372E}
.cs-caller{display:flex;flex-direction:column;align-items:center;gap:4px;margin:18px 0 10px;text-align:center}
.cs-avatar{width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 30px/1 Inter,system-ui,sans-serif;letter-spacing:.04em;color:#16130C;background:linear-gradient(180deg,#F3DFA6,#C6A15B);box-shadow:0 0 0 6px rgba(198,161,91,.14),0 18px 40px rgba(0,0,0,.5);margin-bottom:8px}
.cs-name{font-family:"MYB Num",Georgia,serif;font-size:24px;font-weight:600;color:#FBF8F1}.cs-co{font-size:13.5px;color:#A79E8E}.cs-clock{margin-top:6px;font-family:var(--font-num);font-size:15px;color:#E5C878;letter-spacing:.08em}
.cs-stage{width:100%;max-width:760px;flex:1;display:flex;flex-direction:column}
.cs-ringing{display:flex;flex-direction:column;align-items:center;gap:16px;margin:auto;padding:30px 0;position:relative}
.cs-pulse{position:absolute;top:0;left:50%;width:10px;height:10px}
.cs-ring-lab{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#A79E8E}
.cs-answer{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:99px;padding:16px 30px;font-size:16px;font-weight:800;color:#06240F;background:linear-gradient(180deg,#5FD08A,#2E9B57);box-shadow:0 0 0 0 rgba(95,208,138,.55),0 14px 30px rgba(0,0,0,.45);cursor:pointer;animation:csPulse 1.6s infinite}
@keyframes csPulse{0%{box-shadow:0 0 0 0 rgba(95,208,138,.5),0 14px 30px rgba(0,0,0,.45)}70%{box-shadow:0 0 0 22px rgba(95,208,138,0),0 14px 30px rgba(0,0,0,.45)}100%{box-shadow:0 0 0 0 rgba(95,208,138,0),0 14px 30px rgba(0,0,0,.45)}}
.cs-live{display:flex;flex-direction:column;gap:14px}.cs-live[hidden]{display:none}
.cs-progress{text-align:center;font-family:var(--font-num);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8F8676}
.cs-linewrap{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:18px;align-items:center}
.cs-line{background:linear-gradient(180deg,#1C1C18,#141410);border:1px solid rgba(198,161,91,.35);border-radius:18px 18px 18px 4px;padding:16px 20px;box-shadow:0 14px 32px rgba(0,0,0,.4)}
.cs-line-who{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#C6A15B;margin-bottom:6px}
.cs-line p{margin:0;font-size:19px;line-height:1.5;color:#FBF8F1;font-family:"MYB Num",Georgia,serif}
.cs-live.is-speaking .cs-line{border-color:#E5C878;box-shadow:0 0 0 3px rgba(229,200,120,.18),0 14px 32px rgba(0,0,0,.4)}
.cs-timer{position:relative;width:108px;height:108px}.cs-timer svg{width:100%;height:100%;transform:rotate(-90deg)}
.cs-t-bg{fill:none;stroke:#2A2A24;stroke-width:8}.cs-t-fg{fill:none;stroke:#C6A15B;stroke-width:8;stroke-linecap:round;stroke-dasharray:276.46;stroke-dashoffset:0;transition:stroke-dashoffset .1s linear,stroke .3s}
.cs-timer b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-num);font-size:30px;color:#FBF8F1}
.cs-timer.is-low .cs-t-fg{stroke:#E0634F}.cs-timer.is-low b{color:#F08C7A}
.cs-reply{display:flex;flex-direction:column;gap:10px}
.cs-reply textarea{width:100%;border-radius:14px;border:1px solid #3A372E;background:#0F0F0C;color:#FBF8F1;padding:14px 16px;font-size:16px;line-height:1.5;resize:vertical;font-family:inherit}.cs-reply textarea:focus{border-color:#C6A15B;outline:none;box-shadow:0 0 0 3px rgba(198,161,91,.2)}
.cs-reply textarea::placeholder{color:#6F6A5E}
.cs-btns{display:flex;gap:10px;justify-content:flex-end;align-items:center}
.cs-mic{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid rgba(198,161,91,.55);color:#E5C878;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer}.cs-mic[hidden]{display:none}
.cs-mic.is-on{background:rgba(224,99,79,.16);border-color:#E0634F;color:#F5A596}
.cs-send:disabled{opacity:.5;cursor:default}
.cs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cs-foot{margin-top:22px}.cs-hang{background:linear-gradient(180deg,#D9533F,#A8321F);color:#fff;border:0;border-radius:99px;padding:12px 30px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.45)}
@media(max-width:640px){.cs-screen{padding:12px 12px 18px}.cs-avatar{width:68px;height:68px;font-size:22px}.cs-name{font-size:20px}.cs-caller{margin:10px 0 6px}.cs-linewrap{grid-template-columns:minmax(0,1fr) 76px;gap:10px}.cs-timer{width:76px;height:76px}.cs-timer b{font-size:22px}.cs-line{padding:13px 15px}.cs-line p{font-size:16.5px}.cs-btns{justify-content:stretch}.cs-btns>*{flex:1;justify-content:center}}
/* practical intro + scorecard + builder */
.cs-intro .cs-who{display:flex;align-items:center;gap:16px}.cs-mood{margin-left:auto}
.cs-facts{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;padding:0}.cs-facts li{background:#FBF7EE;border:1px solid #EDE3CC;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.cs-facts b{font-size:17px;color:#16130C}.cs-facts span{font-size:12px;color:#857A66}
.cs-score .mstats{margin-top:18px}.cs-score-t{font-size:17px;color:#16130C}
.cs-cats{display:flex;flex-direction:column;gap:14px}.cs-cat{display:grid;grid-template-columns:220px minmax(0,1fr) 56px;gap:14px;align-items:center}.cs-cat-n{font-weight:700;color:#2A2416}.cs-cat-c{font-weight:400;color:#857A66;font-size:12.5px}.cs-cat b{text-align:right;font-size:16px}
.cs-bar{height:12px}.cs-bar i.done{background:linear-gradient(90deg,#2E7D4F,#4FB07A)}.cs-bar i.notstart{background:linear-gradient(90deg,#B03A2E,#D86A5C)}
.cs-review,.cs-blines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.cs-rline,.cs-bline{border:1px solid #EDE3CC;border-radius:14px;padding:16px 18px;background:#FFFDF8}
.cs-rhead,.cs-bhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cs-rnum{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#16130C;color:#E5C878;font-size:13px;font-weight:700}
.cs-chip{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8A6D35;background:rgba(198,161,91,.14);padding:4px 10px;border-radius:99px}
.cs-rpct{margin-left:auto;font-size:18px}.cs-rpct.done{color:#2E7D4F}.cs-rpct.inprog{color:#8A6D35}.cs-rpct.notstart{color:#B03A2E}
.cs-quote{margin:12px 0;padding:0 0 0 14px;border-left:3px solid #C6A15B;font-family:"MYB Num",Georgia,serif;font-size:16px;color:#2A2416;line-height:1.5}
.cs-said p{margin:4px 0 0;font-size:14.5px;line-height:1.55;color:#3A3324}.cs-none{color:#B03A2E!important;font-style:italic}
.cs-kws{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.cs-kw{font-size:12.5px;padding:4px 10px;border-radius:99px;border:1px solid #E3D9C3;color:#5E5442;background:#fff}
.cs-kw.is-hit{border-color:rgba(46,125,79,.4);background:rgba(46,125,79,.08);color:#22603C}.cs-kw.is-miss{border-style:dashed;color:#9A8E76}.cs-kw.is-bonus{border-color:rgba(198,161,91,.6);background:rgba(198,161,91,.12);color:#7A5E28}.cs-kw.is-avoid{border-color:rgba(176,58,46,.4);background:rgba(176,58,46,.07);color:#9A2E22}
.cs-model{margin-top:12px;border-top:1px solid #EFE7D6;padding-top:10px}.cs-model summary{cursor:pointer;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8A6D35}.cs-model p{margin:8px 0 0;color:#3A3324;font-size:14px;line-height:1.55}
.cs-sform,.cs-lform{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;align-items:end}.cs-span2{grid-column:1/-1}.cs-sbtns{display:flex;gap:10px;align-items:center}
.cs-tools{display:flex;align-items:center;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid #EFE7D6}.cs-tools form:last-child{margin-left:auto}
.cs-bact{margin-left:auto;display:flex;gap:6px;align-items:center}.cs-bact form{display:inline}
.cs-icon{width:30px;height:30px;border-radius:8px;border:1px solid #E3D9C3;background:#fff;cursor:pointer;font-size:14px}.cs-icon:disabled{opacity:.35;cursor:default}
.cs-example{display:flex;gap:12px;align-items:center;margin:0 0 14px;padding:12px 16px;border-radius:12px;background:rgba(198,161,91,.12);border:1px dashed #C6A15B;color:#5E4A1E;font-size:14px}.cs-example b{text-transform:uppercase;letter-spacing:.1em;font-size:12px}
@media(max-width:700px){.cs-cat{grid-template-columns:1fr 50px}.cs-cat .cs-bar{grid-column:1/-1;order:3}.cs-sform,.cs-lform,.cs-facts{grid-template-columns:1fr}.cs-tools{flex-wrap:wrap}}
.cs-ringing[hidden]{display:none}
.lr-cont-btns form button{font:inherit;font-weight:700}
/* ---- Masterclass tracks ---- */
.tr-badge{display:inline-flex;align-items:center;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7A5E28;background:rgba(198,161,91,.14);border:1px solid rgba(198,161,91,.4);padding:3px 9px;border-radius:99px;white-space:nowrap}
.tr-headrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.tr-headrow h3{margin:0}
.tr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tr-card{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#FFFDF8;border:1px solid #E8DFC9;text-decoration:none;color:#16130C;box-shadow:0 10px 24px rgba(30,25,10,.08);transition:.15s;position:relative}
a.tr-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(30,25,10,.14);border-color:#C6A15B}
.tr-card.is-owned{border-top:3px solid #C6A15B}
.tr-img{position:relative;display:block;height:118px;overflow:hidden;background:#0A0A08}.tr-img img{width:100%;height:100%;object-fit:cover;display:block}
.tr-card.is-locked .tr-img img{filter:grayscale(1) brightness(.45)}
.tr-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#E5C878}.tr-lock svg{width:38px;height:38px;padding:9px;border-radius:50%;background:rgba(5,5,5,.6);border:1px solid rgba(229,200,120,.55);box-sizing:border-box}
.tr-body{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;flex:1}
.tr-name{font-family:"MYB Num",Georgia,serif;font-size:17px;font-weight:600;line-height:1.25}
.tr-card.is-locked .tr-name{color:#6F6A5E}.tr-card.is-locked .tr-badge{color:#8F8676;background:#F3EFE6;border-color:#E3DccB}
.tr-meta{font-size:12.5px;color:#8F8676}
.tr-prog{display:flex;align-items:center;gap:10px}.tr-prog .bar{flex:1}.tr-prog b{font-size:13px}
.tr-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:4px}
.tr-go{font-size:13px;font-weight:700;color:#8A6D35}.tr-unlock{color:#16130C;background:linear-gradient(180deg,#E9CF8F,#C6A15B);padding:6px 12px;border-radius:8px}
.tr-price{font-size:17px;color:#16130C}
.tr-card.is-staff{cursor:default}
.tr-unlock{}.card.tr-unlock{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0;padding:0;overflow:hidden}
.tr-unlock-img{position:relative;min-height:320px;background:#0A0A08}.tr-unlock-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(.6) brightness(.5);display:block;position:absolute;inset:0}
.tr-lock-lg svg{width:58px;height:58px;padding:14px}
.tr-unlock-body{padding:28px 30px;display:flex;flex-direction:column;gap:12px}.tr-unlock-body h1{margin:0;font-size:28px}.tr-unlock-body .tr-badge{align-self:flex-start}
.tr-desc{margin:0;color:#4A4230;font-size:15px;line-height:1.55}
.tr-facts{list-style:none;padding:0;margin:6px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tr-facts li{background:#FBF7EE;border:1px solid #EDE3CC;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.tr-facts b{font-size:16px}.tr-facts span{font-size:12px;color:#857A66}
.tr-buy{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:6px;padding:16px 18px;border-radius:14px;background:linear-gradient(180deg,#0E0E0B,#17160F);border:1px solid rgba(198,161,91,.5)}
.tr-price-big{display:flex;flex-direction:column}.tr-price-big b{font-size:32px;color:#F3DFA6;line-height:1}.tr-price-big span{font-size:12.5px;color:#A79E8E;margin-top:4px}
.tr-buybtn{padding:13px 26px;font-size:15px}.tr-buybtn:disabled{opacity:.55;cursor:not-allowed}
.tr-owned{margin:0;font-size:13px;color:#857A66}.tr-owned a{color:#8A6D35;font-weight:700}
.tr-pick{border:0;padding:0;margin:0 0 12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.tr-pick legend{font-size:12px;font-weight:700;color:#5E5442;margin-bottom:8px;padding:0}
.tr-opt{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #E3D9C3;border-radius:12px;background:#fff;cursor:pointer;margin:0!important;font-weight:400!important}
.tr-opt img{width:46px;height:34px;object-fit:cover;border-radius:7px;flex-shrink:0}.tr-opt-t{display:flex;flex-direction:column;gap:3px;min-width:0}.tr-opt-t b{font-size:13.5px;color:#16130C}.tr-opt-t .tr-badge{align-self:flex-start;font-size:9.5px;padding:2px 7px}
.tr-opt input{accent-color:#C6A15B;margin:0;width:auto!important}
.tr-opt:has(input:checked){border-color:#C6A15B;box-shadow:0 0 0 3px rgba(198,161,91,.22);background:#FFFBF0}
.tr-pick-list{grid-template-columns:1fr 1fr}.tr-pick-list .tr-opt{cursor:default;padding:12px 14px}.tr-pick-list .tr-opt form{margin-left:auto}.tr-pick-list .tr-opt>.pill{margin-left:auto}.tr-pick-list .tr-opt img{width:64px;height:44px}
.tr-cell{white-space:nowrap}.tr-add{margin-left:8px;font-size:12px;font-weight:700;color:#8A6D35;text-decoration:none}.tr-add:hover{text-decoration:underline}
.tr-h2{margin:0;font-size:24px}
.tr-tracks{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.tr-jump{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.tr-jump a{text-decoration:none}
@media(max-width:1100px){.tr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.tr-grid{grid-template-columns:1fr 1fr;gap:10px}.tr-img{height:84px}.tr-body{padding:10px 12px 12px;gap:6px}.tr-name{font-size:15px}.tr-badge{font-size:9.5px;letter-spacing:.08em;padding:2px 7px}.tr-unlock{padding:5px 9px}
 .card.tr-unlock{grid-template-columns:1fr}.tr-unlock-img{min-height:150px}.tr-unlock-body{padding:20px}.tr-facts{grid-template-columns:1fr 1fr}.tr-buy{flex-direction:column;align-items:stretch;text-align:center}.tr-pick,.tr-pick-list{grid-template-columns:1fr}}
.tr-unlock-body h1{color:#16130C!important}.tr-unlock-body .tr-badge{color:#7A5E28}
.pform .tr-pick{margin:0 0 18px}.pform .tr-pick legend{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:#5E5442;margin-bottom:8px}
.pform label.tr-opt{display:flex;flex-direction:row;align-items:center;text-transform:none;letter-spacing:0;font-size:14px;font-weight:500;color:#16130C}
.pform label.tr-opt input[type=radio]{width:16px!important;height:16px;padding:0;border:0;box-shadow:none;flex-shrink:0;margin:0}
.pform label.tr-opt b{text-transform:none;letter-spacing:0;font-size:13.5px}
.pform label.tr-opt input[type=radio]{min-height:0!important;display:inline-block!important;margin:0!important;accent-color:#C6A15B}
/* invite accept facts (staff audit 21 Oct) */
.inv-facts{display:grid;gap:8px;margin:14px 0 18px;padding:14px 16px;border:1px solid #E7DEC8;border-radius:12px;background:#FFFDF8}
.inv-facts div{display:flex;justify-content:space-between;gap:12px;font-size:13px}
.inv-facts span{color:#8A7A55;font-weight:600;letter-spacing:.04em}
.inv-facts b{color:#16130C;word-break:break-all;text-align:right}
.ptable .pill{white-space:nowrap}
/* flash messages float over the page so they sit consistently on ivory and dark learner pages (staff audit 21 Oct) */
.flash-wrap{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:1000;width:min(680px,calc(100% - 28px));display:grid;gap:8px}
.flash-wrap .flash{margin:0;display:flex;align-items:flex-start;gap:12px;background:#FFFDF8;border:1px solid #E3C888;border-left:4px solid #B8914A;color:#16130C;box-shadow:0 14px 34px rgba(20,16,8,.22);word-break:break-word;font-size:14px}
.flash-wrap .flash.err{border-left-color:#B4412F}
.flash-wrap .flash.ok{border-left-color:#2E7D4F}
.flash-wrap .flash span{flex:1}
.flash-x{background:none;border:0;color:#8A7A55;font-size:18px;line-height:1;cursor:pointer;padding:0 2px}
/* candidate answers page + talent tidy (staff audit 21 Oct) */
.cand-ans{margin-top:16px}
.cand-ans h2{margin:6px 0 12px;font-size:20px}
.cand-ans-text{white-space:pre-wrap;background:#FFFDF8;border:1px solid #E7DEC8;border-left:3px solid #B8914A;border-radius:12px;padding:16px 18px;line-height:1.6;color:#16130C}
.cand-rv{display:flex;gap:10px;align-items:center}
.cand-rv input{max-width:140px}
.cand-link{color:#16130C;font-weight:600;text-decoration:underline;text-decoration-color:#C6A15B;text-underline-offset:3px}
.pf-invite-form{flex-wrap:nowrap;gap:10px}
.pf-invite-form input{min-width:240px}
.pf-invite-form button{white-space:nowrap}
.cand-rv input{min-width:120px}
/* ===== Module page redesign (Paul 21 Oct) ===== */
.md-back{display:inline-block;margin:0 0 14px}
.md-hero{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr) auto;gap:28px;align-items:center;padding:20px;margin:0 0 18px}
.md-hero-img{position:relative;height:210px;border-radius:12px;overflow:hidden;border:1px solid rgba(198,161,91,.45)}
.md-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.md-hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(10,8,4,.72))}
.md-hero-no{position:absolute;left:14px;bottom:12px;z-index:1;display:flex;align-items:baseline;gap:6px;color:#FFF3D6;font-size:22px;font-weight:700;letter-spacing:.02em}
.md-hero-no i{font-style:normal;font-size:12px;font-weight:600;color:#E3C888;letter-spacing:.08em;text-transform:uppercase}
.md-hero-kick{display:flex;gap:8px;align-items:center;min-height:22px;margin-bottom:6px}
.md-hero-body h1{margin:0 0 8px;font-size:32px;line-height:1.15;color:#16130C}
.md-facts{margin:0 0 12px;color:#6F6A5E;font-size:14px}
.md-due{margin:0;font-size:13px;font-weight:700;color:#3A3324}
.md-hero-body .dl-left{margin:2px 0 0}
.md-hero-act{margin-top:18px}
.md-primary{min-width:190px;text-align:center}
.md-btnform{display:inline;margin:0}
.md-btnform button{font:inherit;font-weight:700}
.md-hero-ring{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 12px 0 4px}
.md-hero-ring span{font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:#857A66}
.md-ring{width:118px;height:118px}
/* step cards */
.md-steps{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;position:relative}
.md-step{position:relative;display:flex;flex-direction:column;background:#FFFEFA;color:#1B180F;border-radius:14px;padding:20px 20px 18px;border:1px solid #EAE1CB;box-shadow:0 18px 38px rgba(0,0,0,.35);min-height:236px}
.md-step::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:14px 14px 0 0;background:#EFE6D2}
.md-step.is-done::before{background:linear-gradient(90deg,#A8812F,#E5C878)}
.md-step.is-next{border-color:#D9B66E;box-shadow:0 0 0 1px rgba(229,200,120,.55),0 18px 38px rgba(0,0,0,.35)}
.md-step.is-next::before{background:linear-gradient(90deg,#C6A15B,#F3DFA6)}
.md-step:not(:last-child)::after{content:"";position:absolute;top:38px;right:-17px;width:18px;height:2px;background:rgba(198,161,91,.55)}
.md-step-h{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.md-step-h .pill{margin-left:auto;white-space:nowrap}
.md-disc{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#7A5F22;background:#FBF6EA;border:1.5px solid #E3D3AA}
.md-step.is-next .md-disc{color:#16130C;background:linear-gradient(180deg,#F3DFA6,#C6A15B);border-color:#C6A15B;box-shadow:0 0 0 4px rgba(198,161,91,.18)}
.md-step.is-done .md-disc{color:#fff;background:linear-gradient(180deg,#D9B66E,#A8812F);border-color:#A8812F}
.md-step h2{margin:0 0 4px;font-size:22px;color:#16130C}
.md-fact{margin:0 0 14px;font-size:13.5px;color:#6F6A5E;line-height:1.45;min-height:39px}
.md-fact b{color:#3A3324}
.md-metric{display:flex;align-items:center;gap:12px;min-height:30px}
.md-metric .bar{flex:1}
.md-metric>b{font-size:15px;font-weight:700;color:#16130C}
.md-kv{justify-content:space-between;border-top:1px solid #F0E8D6;padding-top:10px}
.md-kv span{font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:#857A66}
.md-kv b.green{color:#2E8B57}
.md-step-f{margin-top:auto;padding-top:16px;display:flex;align-items:center;gap:14px;min-height:42px}
.md-step-f .goldbtn,.md-step-f .ghost,.md-step-f button{padding:10px 18px;font-size:14px}
.md-textlink{margin-left:auto;font-size:13px;font-weight:700;color:#7A5F22;text-decoration:none}
.md-textlink:hover{color:#16130C}
.md-step.is-locked{background:linear-gradient(180deg,#FBF8F1,#F4EEE1)}
.md-step.is-locked h2,.md-step.is-locked .md-fact{color:#8F877A}
.md-step.is-locked .md-disc{color:#A79E8E;background:#F4EEE1;border-color:#E3DACA}
/* lessons */
.md-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px}
.md-sec-h h3{margin:0;font-size:20px;display:flex;align-items:center;gap:8px}
.md-sec-h>span{font-size:13px;color:#857A66;font-weight:600}
.md-lessons-sec{margin:0 0 18px}
.md-lessons{list-style:none;margin:0;padding:0}
.md-lessons li{border-top:1px solid #F0E8D6}
.md-lessons li:first-child{border-top:0}
.md-lessons a{display:grid;grid-template-columns:30px minmax(0,1fr) auto 70px 14px;align-items:center;gap:14px;padding:13px 8px;text-decoration:none;color:#16130C;border-radius:10px;transition:background .15s}
.md-lessons a:hover{background:#FBF6EA}
.md-lessons li.is-next a{background:linear-gradient(90deg,rgba(229,200,120,.22),rgba(229,200,120,0))}
.md-lno{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#7A5F22;border:1.5px solid #E3D3AA;background:#fff}
.md-lessons li.is-done .md-lno{background:#2E8B57;border-color:#2E8B57;color:#fff}
.md-lessons li.is-next .md-lno{background:linear-gradient(180deg,#F3DFA6,#C6A15B);border-color:#C6A15B;color:#16130C}
.md-lt{font-weight:600;font-size:14.5px}
.md-lmins{text-align:right;font-size:13px;color:#6F6A5E}
.md-chev{color:#C6A15B;font-size:18px;font-weight:700}
/* score + tools */
.md-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.md-pair-stack{grid-template-columns:1fr}
.md-pair .whitecard{margin:0}
.md-pair .is-slim{padding:16px 20px}
.md-slim{display:flex;align-items:center;gap:14px}
.md-slim>div{display:flex;flex-direction:column;gap:2px}
.md-slim b{font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-size:17px;color:#16130C}
.md-slim>div>span{font-size:13px;color:#857A66}
.md-slim-ic{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;color:#7A5F22;background:#FBF6EA;border:1.5px solid #E3D3AA}
.md-score .mx-scoreline+.mx-hist,.md-score .md-slim+.mx-hist{margin-top:18px}
@media(max-width:1100px){.md-hero{grid-template-columns:minmax(0,260px) minmax(0,1fr)}.md-hero-ring{display:none}}
@media(max-width:900px){.md-hero{grid-template-columns:1fr;gap:16px}.md-hero-img{height:170px}.md-hero-body h1{font-size:26px}.md-primary{width:100%}
.md-steps{grid-template-columns:1fr}.md-step{min-height:0}.md-step:not(:last-child)::after{display:none}.md-fact{min-height:0}
.md-pair{grid-template-columns:1fr}.md-lessons a{grid-template-columns:28px minmax(0,1fr) auto;gap:10px}.md-lessons .mx-vid,.md-chev{display:none}}
.md-ring{--p:0;width:118px;height:118px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(#C6A15B calc(var(--p)*1%),#EFE6D2 0);position:relative}
.md-ring::before{content:"";position:absolute;inset:10px;border-radius:50%;background:#FFFDF8;box-shadow:inset 0 1px 3px rgba(120,90,30,.12)}
.md-ring b{position:relative;font-family:var(--font-num);font-size:26px;font-weight:700;color:#16130C}
.md-soon{margin:-6px 0 12px;font-size:11px;padding:4px 10px;align-self:flex-start}
.md-step.mx-step:not(:last-child)::after{left:auto;right:-17px;top:37px;width:16px;height:2px;background:rgba(198,161,91,.55)}
.md-step.mx-step.is-done:not(:last-child)::after{background:linear-gradient(90deg,#A8812F,#E5C878)}
.md-hero-kick .pill{font-size:11px}
.md-kvbar{flex:1;height:6px;margin:0 4px 0 10px}
.md-lessons .mx-vid{padding:4px 9px;border-radius:999px;background:#F4EEE1;border:1px solid #E7DEC8;font-size:9.5px}
.md-lessons .mx-vid.is-on{background:#FBF0D3;border-color:#E8D393}
/* copyable invite link when email isn't connected (Paul 21 Oct) */
.share-link{background:#FFFDF8;border:1px solid #E3C888;border-left:4px solid #C6A15B;border-radius:12px;padding:14px 16px;box-shadow:0 14px 34px rgba(20,16,8,.22);color:#16130C;display:grid;gap:8px}
.share-link-h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.share-link-h b{font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-size:16px;word-break:break-all}
.share-link-msg{font-size:13px;color:#6F6A5E}
.share-link-row{display:flex;gap:8px;align-items:center}
.share-link-row input{margin:0;flex:1;min-width:0;font-size:12.5px;padding:9px 11px;background:#FBF6EA;border-color:#E3D3AA;color:#3A3324}
.share-copy{white-space:nowrap;padding:9px 16px}
/* ---- Public website checkout (21 Oct) ---- */
.pubco-card p{font-size:15px;line-height:1.6;color:#3A3324}
.pubco-note{font-size:13px!important;color:#7A6E55!important}
.pubco-errs{margin:6px 0 14px;padding:14px 18px 14px 34px;background:#FBF3DF;border:1px solid rgba(198,161,91,.55);border-radius:10px;color:#3A3324;line-height:1.7}
.pubco-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.wo-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.wo-flag{font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;border:1px solid rgba(198,161,91,.6)}
.wo-flag.on{background:#1C1D1C;color:#E8C87A}.wo-flag.off{background:#FBF3DF;color:#7A5F22}
.wo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
.wo-stat{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:#FFFDF8;border:1px solid #E6D9B8;border-radius:12px;text-decoration:none;color:inherit;transition:.15s}
.wo-stat:hover{border-color:#C6A15B;box-shadow:0 6px 16px rgba(154,123,63,.15)}
.wo-stat span{font-size:12px;color:#7A6E55;letter-spacing:.04em}.wo-stat b{font-size:24px;font-family:var(--font-num)}
.wo-st{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:#F3EEE2;color:#5A5040;white-space:nowrap}
.wo-st.wo-fulfilled{background:#1C1D1C;color:#E8C87A}.wo-st.wo-review{background:#FCE9D6;color:#8A4B12}.wo-st.wo-enquiry{background:#FBF3DF;color:#7A5F22}
@media(max-width:800px){.wo-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wo-stat.on{border-color:#C6A15B;background:#FBF3DF}
.wo-filter{margin:0 0 12px}
.wo-scroll{overflow-x:auto}
table.ptable.wo-table{font-size:13px}table.ptable.wo-table th,table.ptable.wo-table td{padding-left:10px;padding-right:10px}
.wo-items{min-width:200px}.wo-resend{margin:8px 0 0}table.ptable.wo-table td:nth-child(5){white-space:nowrap}
table.ptable.wo-table .pbtn-sm{white-space:nowrap;padding-left:12px;padding-right:12px}

/* invite accept hero (Paul, 21 Oct): "Welcome to" keeps its size; company name and "training." about 58% so the heading is less dominant */
.brand h1.ia-hero .ia-co{display:block;font-size:.58em;line-height:1.18;margin-top:.22em;max-width:16em;overflow-wrap:break-word;text-wrap:balance}

/* Certificate progress (Paul 21 Oct) */
.cert-tlist{list-style:none;margin:0;padding:0}
.cert-tlist li{display:grid;grid-template-columns:minmax(200px,1.4fr) minmax(140px,1fr) auto auto;align-items:center;gap:18px;padding:14px 0;border-top:1px solid rgba(184,150,62,.18)}
.cert-tlist li:first-child{border-top:0}
.cert-tcount{font-size:14px;color:#5b5446;white-space:nowrap}.cert-tcount b{color:#7A5F22;font-size:17px}
@media(max-width:720px){.cert-tlist li{grid-template-columns:1fr;gap:8px}}

/* Call test attempts and flags (Paul 21 Oct) */
.att-count{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7A5F22;margin:0 14px}
.att-done{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid rgba(184,150,62,.45);border-radius:12px;background:linear-gradient(135deg,#14110b,#211a0e);color:#F2E6C4;max-width:560px}
.att-done p{margin:0;font-size:14.5px;line-height:1.45;font-weight:600}
.att-done-seal{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#E6C877,#B8963E);color:#14110b;font-weight:900;font-size:14px}
.mx-att{display:block;margin-top:4px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7A5F22;white-space:nowrap}
.cs-flag{margin-left:auto;margin-right:12px;font-size:10.5px}
.cs-flagnote{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 0;font-size:13.5px;color:#5b5446}
/* Own words only (Paul 21 Oct) */
[data-nocopy]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
[data-nocopy] textarea,[data-nocopy] input[type=text]{-webkit-user-select:text;user-select:text}
.nc-note{position:fixed;left:50%;bottom:34px;transform:translate(-50%,12px);z-index:90;display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;background:#14110b;border:1px solid rgba(229,200,120,.6);color:#F2E6C4;font-size:14px;font-weight:700;letter-spacing:.01em;box-shadow:0 18px 40px rgba(0,0,0,.45);opacity:0;transition:opacity .22s ease,transform .22s ease;pointer-events:none}
.nc-note.is-in{opacity:1;transform:translate(-50%,0)}.nc-note.is-out{opacity:0;transform:translate(-50%,12px)}
.nc-note-dot{width:8px;height:8px;border-radius:50%;background:#E5C878;box-shadow:0 0 0 4px rgba(229,200,120,.18)}
.nc-shake{animation:ncShake .38s ease}
@keyframes ncShake{20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}
/* Speaking first call test (Paul 21 Oct) */
.cs-attempt{margin-left:auto;margin-right:10px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#E5C878;border:1px solid rgba(229,200,120,.45);border-radius:999px;padding:5px 12px}
.cs-attempt + .cs-mute{margin-left:0}
.cs-speak{display:none;align-items:center;gap:16px;padding:16px 18px;border-radius:14px;border:1px solid #3A372E;background:#0F0F0C;min-height:84px}
.cs-reply.is-speaking .cs-speak{display:flex}.cs-reply.is-speaking .cs-typebox{display:none}
.cs-orb{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#14110b;background:linear-gradient(135deg,#6F6A5E,#3A372E);transition:background .2s}
.cs-speak.is-on .cs-orb{background:linear-gradient(135deg,#E6C877,#B8963E);animation:csOrb 1.6s ease-in-out infinite}
@keyframes csOrb{0%,100%{box-shadow:0 0 0 0 rgba(229,200,120,.45)}50%{box-shadow:0 0 0 12px rgba(229,200,120,0)}}
.cs-speak-t{min-width:0;flex:1}.cs-speak-t b{display:block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#A79E8E}.cs-speak.is-on .cs-speak-t b{color:#E5C878}
.cs-heard{margin:6px 0 0;color:#FBF8F1;font-size:16px;line-height:1.5;min-height:1.5em}
.cs-switch{background:none;border:0;color:#A79E8E;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;margin-right:auto;padding:6px 2px}.cs-switch:hover{color:#E5C878}.cs-switch[hidden]{display:none}
.cs-mode-note{margin:0;font-size:13px;color:#E5C878;display:flex;align-items:center;gap:8px}.cs-mode-note::before{content:"";width:6px;height:6px;border-radius:50%;background:#E5C878}
.cs-timer.is-heard .cs-t-fg{stroke:#7FBF8E}.cs-timer.is-heard b{color:#7FBF8E}
.cert-tseal{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:700 10px/1 Georgia,serif;color:#9A7B3F;border:1.5px dashed rgba(201,164,92,.7);background:#FFFDF8;flex:none}
.cs-mode-note[hidden]{display:none}
.cs-screen ~ .nc-note{bottom:112px}

/* ══ Learner refinement (Paul 21 Oct): lighter cards, hairlines, thin gold bars, centred tables ══ */
.lr-shell{--lr-ivory:#FFFDF8;--lr-line:#ECE3CF;--lr-hair:rgba(201,164,92,.34);--lr-gold:#B8913F;--lr-gold2:#E3C47A;--lr-ink:#1D180E;--lr-mute:#8C8170;--lr-green:#2F7D52}
/* titles */
.lr-shell .sec-head h1,.lr-shell .darkhead .dash-greeting{font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-weight:400;font-size:30px;line-height:1.2;letter-spacing:.005em;color:#F6ECD3}
.lr-shell .sec-head{padding-bottom:14px;margin-bottom:4px;border-bottom:1px solid rgba(201,164,92,.22)}
.lr-shell .darkhead .dash-greeting em{color:#E3C47A}
.lr-shell .darkhead-row .dash-company{font-size:17px;color:#D9BE80;letter-spacing:.02em}
/* stat cards */
.lr-shell .mstats{gap:14px;margin:22px 0 22px}
.lr-shell .mstat,.lr-shell .darkmain .mstat{min-height:104px;padding:18px 12px 16px;border-radius:14px;background:linear-gradient(180deg,#FFFEFB,#FBF6EB);border:1px solid var(--lr-hair);box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 1px 0 #fff}
.lr-shell .mstat::before{left:34%;right:34%;height:1px;background:linear-gradient(90deg,rgba(201,164,92,0),#C9A45C 50%,rgba(201,164,92,0))}
.lr-shell .mstat-num{font-family:var(--font-num);font-weight:500;font-size:28px;letter-spacing:-.005em;color:var(--lr-ink);font-variant-numeric:lining-nums tabular-nums}
.lr-shell .mstat-num.gold{color:#A8812F}.lr-shell .mstat-num.green{color:var(--lr-green)}.lr-shell .mstat-num.red{color:#B8452F}
.lr-shell .mstat-lab{margin-top:12px;padding-top:10px;position:relative;font-size:9.5px;font-weight:600;letter-spacing:.2em;color:var(--lr-mute)}
.lr-shell .mstat-lab::before{content:"";position:absolute;left:50%;top:0;width:22px;height:1px;margin-left:-11px;background:rgba(201,164,92,.55)}
.lr-shell .mstat-go{right:12px;bottom:10px;font-size:13px;color:rgba(168,129,47,.4)}
.lr-shell .mstat-link:hover{border-color:#C9A45C;transform:translateY(-1px)}
/* cards */
.lr-shell .darkmain .card,.lr-shell .whitecard{background:linear-gradient(180deg,#FFFEFB,#FCF8EF);border:1px solid var(--lr-line);border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.30),inset 0 1px 0 #fff}
.lr-shell .darkmain .card h3,.lr-shell .whitecard h3{font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-weight:400;font-size:21px;color:var(--lr-ink);letter-spacing:.005em}
/* thin elegant bars, everywhere in the learner area */
.lr-shell .bar{height:5px;background:rgba(201,164,92,.16);border-radius:99px;box-shadow:none;overflow:hidden}
.lr-shell .bar i{border-radius:99px;background:linear-gradient(90deg,#A8822F,#D4AF5E 60%,#EBD08C);box-shadow:0 0 8px rgba(212,175,94,.45)}
.lr-shell .lr-progline{gap:14px}.lr-shell .lr-progline b,.lr-shell .tr-prog b{font-family:var(--font-num);font-weight:500;font-size:14px;color:#8A6A2C;min-width:40px;font-variant-numeric:tabular-nums}
.lp-bar{display:flex;align-items:center;gap:14px;min-width:240px}
.lp-track{position:relative;flex:1;height:5px;border-radius:99px;background:rgba(201,164,92,.16);overflow:hidden}
.lp-track i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,#A8822F,#D4AF5E 60%,#EBD08C);box-shadow:0 0 8px rgba(212,175,94,.45)}
.lp-bar b{font-family:var(--font-num);font-weight:500;font-size:15px;color:#8A6A2C;min-width:40px;text-align:right;font-variant-numeric:tabular-nums}
/* My progress module table */
.lr-shell .card.lr-prog{padding:24px 26px 14px}
.lp-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}.lp-head h3{margin:0}
.lp-head .lp-bar{width:300px}
.lp-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
.lp-c-no{width:58px}.lp-c-n{width:104px}.lp-c-p{width:150px}.lp-c-s{width:92px}
.lp-table th{padding:0 10px 12px;font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#A8812F;border-bottom:1px solid var(--lr-hair);white-space:nowrap}
.lp-table td{padding:13px 10px;border-bottom:1px solid #F1EADB;font-size:14px;color:#3A3324;vertical-align:middle}
.lp-table tbody tr:last-child td{border-bottom:0}
.lp-table .c{text-align:center}.lp-table .l{text-align:left}
.lp-table th.l,.lp-table td.l{padding-left:6px}
.lp-name a{color:var(--lr-ink);text-decoration:none;font-weight:600}.lp-name a:hover{color:#8A6A2C}
.lp-no{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid #E2D6BA;font-family:var(--font-num);font-size:11.5px;font-weight:500;color:#8C8170;background:#FFFEFB}
.lp-table tr.is-going .lp-no{border-color:#C9A45C;color:#8A6A2C}
.lp-tick{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(180deg,#3A9064,#2A7048);color:#fff;box-shadow:0 2px 6px rgba(47,125,82,.35)}
.lp-table tr.is-passed td{background:rgba(47,125,82,.055);border-bottom-color:rgba(47,125,82,.12)}
.lp-table tr.is-passed td:first-child{border-radius:10px 0 0 10px;box-shadow:inset 2px 0 0 #3A9064}.lp-table tr.is-passed td:last-child{border-radius:0 10px 10px 0}
.lp-table tr.is-passed .lp-name a{color:#1F5A3A}
.lp-dim{color:#B5AB98;font-size:13px}
.lp-pill{display:inline-block;padding:4px 11px;border-radius:99px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:#8C8170;background:#FBF8F1;border:1px solid #E4DAC4}
.lp-pill.is-done{color:#2A6E47;background:rgba(47,125,82,.08);border-color:rgba(47,125,82,.32)}
.lp-pill.is-wait{color:#8A6A2C;background:rgba(201,164,92,.10);border-color:rgba(201,164,92,.45)}
.lp-pill.is-redo{color:#9A5A1E;background:rgba(214,140,60,.08);border-color:rgba(214,140,60,.4)}
.lp-score b{font-family:var(--font-num);font-weight:600;font-size:15.5px;font-variant-numeric:tabular-nums}
.lp-score b.is-pass{color:var(--lr-green)}.lp-score b.is-redo{color:#A8682A}
@media(max-width:820px){.lp-hide{display:none}.lp-c-no{width:44px}.lp-c-p{width:118px}.lp-c-s{width:64px}.lp-head{flex-direction:column;align-items:stretch;gap:10px}.lp-head .lp-bar{width:auto}.lr-shell .card.lr-prog{padding:18px 14px 8px}.lp-table td{padding:12px 6px;font-size:13.5px}.lp-table th{padding:0 6px 10px}}
/* Dashboard: continue learning and track cards */
.lr-shell .lr-continue{gap:30px;padding:22px}
.lr-shell .lr-cont-img{height:210px;border-radius:12px;border:0;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.lr-shell .lr-cont-body .pform-kicker{color:#A8812F;letter-spacing:.2em;font-size:10px}
.lr-shell .lr-cont-body h2{font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-weight:400;font-size:27px;color:var(--lr-ink);margin:6px 0 12px}
.lr-shell .lr-next{color:#6E6452;font-size:14px;line-height:1.55}.lr-shell .lr-next b{color:var(--lr-ink);font-weight:600}
.lr-shell .lr-progline{max-width:460px;margin-top:14px}
.lr-shell .lr-due{color:#5E5442;font-size:13px;margin-top:12px}
.lr-shell .tr-card{border:1px solid var(--lr-line);border-radius:14px;box-shadow:0 8px 22px rgba(30,25,10,.07)}
.lr-shell .tr-card.is-owned{border-top:1px solid var(--lr-line);box-shadow:0 8px 22px rgba(30,25,10,.07),inset 0 2px 0 #C9A45C}
.lr-shell .tr-name{font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-weight:400;font-size:17px}
.lr-shell .tr-headrow h3{font-size:21px}
@media(max-width:820px){.lr-shell .sec-head h1,.lr-shell .darkhead .dash-greeting{font-size:25px}.lr-shell .mstat-num{font-size:24px}.lr-shell .mstat{min-height:92px}}
.lp-w-no{width:58px}.lp-w-n{width:96px}.lp-w-p{width:150px}.lp-w-st{width:180px}.lp-w-s{width:84px}
.lp-table thead th{background:transparent!important}
.lp-mstatus{display:none}
@media(max-width:820px){.lp-table{table-layout:auto}.lp-w-no{width:36px}.lp-w-s{width:56px}.lp-mstatus{display:block;margin-top:6px}.lp-mstatus .lp-pill{font-size:9px;padding:3px 9px}.lp-name a{font-size:14px}}
@media(max-width:820px){.lp-table{table-layout:fixed}.lp-table th.lp-w-no{width:40px}.lp-table th.lp-w-s{width:58px}.lp-table td.lp-name{white-space:normal;overflow-wrap:anywhere}}
.lp-table{min-width:0!important;width:100%!important}
/* ---------- Proven improvement (Paul 21 Oct) ---------- */
.cs-rec{display:inline-flex;align-items:center;gap:7px;margin-right:10px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#F3D9D9}
.cs-rec i{width:8px;height:8px;border-radius:50%;background:#E0524A;box-shadow:0 0 0 0 rgba(224,82,74,.6);animation:csRec 1.6s infinite}
@keyframes csRec{0%{box-shadow:0 0 0 0 rgba(224,82,74,.55)}70%{box-shadow:0 0 0 8px rgba(224,82,74,0)}100%{box-shadow:0 0 0 0 rgba(224,82,74,0)}}
.pf-wrap{max-width:860px;margin:0 auto;padding:8px 0 40px}
.pf-intro{text-align:center;margin:18px 0 30px}
.pf-kicker{display:block;font-size:10.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#9A7B3F;margin-bottom:8px}
.pf-intro h1{margin:0;font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-weight:500;font-size:38px;letter-spacing:.01em;color:#16130C}
.pf-rule{display:block;width:56px;height:2px;margin:16px auto 0;background:linear-gradient(90deg,#E3C888,#B08D46)}
.pf-count{margin:16px 0 0;font-size:14px;color:#6F6A5E}.pf-count b{color:#7A5F22;font-size:16px}
.num,.pf-wrap,.pf-staff,.pr-page{font-variant-numeric:lining-nums tabular-nums}
.pf-plan{list-style:none;margin:0 auto 26px;padding:0;max-width:560px;border-top:1px solid #EAE0C9}
.pf-plan li{display:flex;align-items:center;gap:16px;padding:15px 6px;border-bottom:1px solid #EAE0C9;font-size:16px}
.pf-no{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;font-weight:700;color:#7A5F22;border:1px solid #D9C48F;background:#FFFCF3}
.pf-consent{max-width:560px;margin:0 auto;text-align:center;background:#FFFEFA;border:1px solid #E6D9B8;border-radius:16px;padding:30px 32px 28px;box-shadow:0 10px 30px rgba(120,90,30,.07)}
.pf-consent svg{color:#B08D46}.pf-consent p{margin:12px 0 22px;font-size:17px;line-height:1.55;color:#2A2418}
.pf-cbtns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.pf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pf-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:24px 24px 22px;background:#FFFEFA;border:1px solid #E8DEC6;border-radius:16px;min-height:170px}
.pf-card h2{margin:0;font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-weight:500;font-size:22px;line-height:1.25;color:#16130C}
.pf-card form,.pf-card .pf-status{margin-top:auto}
.pf-card.is-next{border-color:#D2B46C;box-shadow:0 12px 30px rgba(150,115,40,.12)}.pf-card.is-next::before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;background:linear-gradient(90deg,#E3C888,#B08D46)}
.pf-card.is-done{background:#FBFAF5}.pf-card.is-done .pf-no{background:linear-gradient(180deg,#D9B66E,#A8812F);color:#fff;border-color:#A8812F}
.pf-status{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#2E7D52}
.pf-status i{width:20px;height:20px;border-radius:50%;background:#2E8B57;color:#fff;font-style:normal;font-size:11px;display:inline-flex;align-items:center;justify-content:center}
.pf-flash{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 18px;max-width:420px;padding:11px 16px;border:1px solid #CFE6D7;background:#F2FAF5;border-radius:999px;color:#1F5E3B;font-weight:600;font-size:14px}
.pf-okdot{width:20px;height:20px;border-radius:50%;background:#2E8B57;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px}
.pf-next{text-align:center;margin:26px 0 0}
.pf-recnote{text-align:center;margin:22px 0 0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#A79E8E}
.pf-unlock{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;margin:0 0 18px;background:linear-gradient(135deg,#17140D,#2A2416);border:1px solid #4A3F27;border-radius:16px;color:#F5EEDC}
.pf-unlock .pf-rule{position:absolute;left:28px;top:0;margin:0}.pf-unlock h2{margin:0;font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-weight:500;font-size:26px;color:#fff}
.pf-unlock p{margin:6px 0 0;font-size:13.5px;color:#CDBF9F}.pf-unlock p b{color:#E5C878}.pf-unlock .pf-kicker{color:#C9A45C}
.pf-results{margin:22px 0;padding:28px 28px 30px;background:#FFFEFA;border:1px solid #E6D9B8;border-top:3px solid #C9A45C;border-radius:16px}
.pf-resh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}
.pf-resh h2{margin:0;font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-weight:500;font-size:28px}
.pf-overall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #EAE0C9;border-radius:14px;background:#FFFEFA;margin-bottom:22px}
.pf-overall-4{grid-template-columns:repeat(4,minmax(0,1fr))}.pf-overall-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.pf-overall>div{padding:18px 20px;text-align:center;border-left:1px solid #EAE0C9}.pf-overall>div:first-child{border-left:0}
.pf-overall small,.pf-trio small{display:block;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#857A66;margin-bottom:6px}
.pf-overall b{font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-variant-numeric:lining-nums;font-weight:500;font-size:34px;color:#16130C}.pf-overall i{font-style:normal;color:#9A7B3F;margin-left:3px;font-size:14px}
.pf-overall .pf-delta{font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-size:34px}
.pf-none{font-family:inherit!important;font-size:14px!important;font-weight:600!important;color:#A79E8E!important}
.pf-delta{font-weight:700;color:#6F6A5E}.pf-delta.is-up{color:#2E7D52}.pf-delta.is-down{color:#B4462F}.pf-delta.is-na{color:#C9BFA9}
.pf-secs{display:flex;flex-direction:column;gap:16px}
.pf-sec{border:1px solid #EAE0C9;border-radius:14px;overflow:hidden;background:#fff}
.pf-sech{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid #EFE7D6;background:#FDFBF5}
.pf-sech h3{margin:0;flex:1;font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-weight:500;font-size:19px}
.pf-trio{display:flex;gap:26px}.pf-trio span{text-align:right;min-width:64px}.pf-trio small{margin-bottom:2px}.pf-trio b{font-size:18px;color:#16130C}.pf-trio i{font-style:normal;font-size:12px;color:#9A7B3F;margin-left:1px}.pf-trio .pf-delta{font-size:18px}
.pf-pair{display:grid;grid-template-columns:1fr 1fr}
.pf-col{padding:14px 20px 18px}.pf-col+.pf-col{border-left:1px solid #EFE7D6}
.pf-colh{display:flex;justify-content:space-between;align-items:baseline;font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#9A7B3F;margin-bottom:6px}.pf-colh b{font-size:13px;color:#7A5F22;letter-spacing:0}
.pf-lines{list-style:none;margin:0;padding:0}.pf-lines li{padding:10px 0;border-bottom:1px solid #F3ECDC}.pf-lines li:last-child{border-bottom:0}
.pf-cust{font-size:12.5px;color:#857A66;line-height:1.45;margin-bottom:6px;font-style:italic}
.pf-ans{display:grid;grid-template-columns:28px minmax(0,1fr) 30px;gap:10px;align-items:start}.pf-ans p{margin:3px 0 0;font-size:13.5px;line-height:1.5;color:#2A2418}
.pf-ls{justify-self:end;margin-top:4px;font-size:12px;font-weight:700;color:#7A5F22}
.pf-play{width:28px;height:28px;border-radius:50%;border:1px solid #C9A45C;background:#FFFCF3;color:#7A5F22;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.pf-play:hover{background:#F7EBCB}.pf-play .pf-i-pause{display:none}.pf-play.is-on{background:linear-gradient(180deg,#D9B66E,#A8812F);color:#fff;border-color:#A8812F}.pf-play.is-on .pf-i-play{display:none}.pf-play.is-on .pf-i-pause{display:inline}
.pf-typed{width:28px;height:28px;border-radius:50%;border:1px dashed #D8CDB2;color:#A79E8E;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}
.pf-missing{margin:14px 0 4px;font-size:13.5px;color:#A79E8E}
.pf-locked{margin:22px 0;padding:34px 28px;text-align:center;background:linear-gradient(180deg,#FFFEFA,#FBF6EA);border:1px solid #E6D9B8;border-radius:16px}
.pf-lock{width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;color:#9A7B3F;border:1px solid #D9C48F;background:#FFFCF3}
.pf-locked h2{margin:0;font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-weight:500;font-size:26px}.pf-locked p{margin:10px 0 0;color:#6F6A5E;font-size:14.5px}
.pf-table td{vertical-align:middle}.pf-sub{display:block;font-size:12px;color:#857A66;font-weight:400}
.pf-teamlink{display:flex;justify-content:flex-end;margin:0 0 12px}
.pf-filters{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.pf-filters label{display:flex;flex-direction:column;gap:5px;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#857A66}
.pf-filters select,.pf-filters input[type=date]{min-width:170px;text-transform:none;letter-spacing:0}.pf-filters .pf-check{flex-direction:row;align-items:center;gap:8px;padding-bottom:10px}
.pf-demo{margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#B4462F}
.pf-headline{margin:0 0 20px;padding:30px 34px;text-align:center;background:linear-gradient(135deg,#17140D,#2A2416);border:1px solid #4A3F27;border-radius:16px;color:#F5EEDC}
.pf-headline .pf-kicker{color:#C9A45C}.pf-headline blockquote{margin:4px auto 16px;max-width:760px;font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-variant-numeric:lining-nums;font-size:27px;line-height:1.35;color:#fff}
.pf-headline blockquote.is-empty{color:#CDBF9F;font-size:24px;margin-bottom:6px}.pf-headline .pf-sub{color:#A99B7C;font-size:13px}
.pf-headline .ghost{color:#E5C878;border-color:rgba(229,200,120,.45);background:transparent}
.pf-foot{margin:14px 0 0;font-size:12px;color:#A79E8E;text-align:center}
.pr-overall{display:grid;grid-template-columns:repeat(3,1fr);margin:6px 0 22px;border:1px solid #EAD9AE;border-radius:12px;overflow:hidden}
.pr-overall>div{padding:18px;text-align:center;border-left:1px solid #EAD9AE}.pr-overall>div:first-child{border-left:0}.pr-overall .is-imp{background:#FBF4E1}
.pr-overall small{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#857A66;margin-bottom:6px}
.pr-overall b{font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-variant-numeric:lining-nums;font-weight:500;font-size:30px}
.pr-table td.r,.pr-table th.r{text-align:right}
.pr-sign{display:flex;justify-content:space-between;align-items:flex-end;margin-top:40px}.pr-sign small{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#857A66;margin-top:6px}
.pr-sigline{display:block;width:220px;border-bottom:1px solid #C9A45C}
.pr-seal{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 16px/1 Georgia,serif;color:#3A2A08;background:radial-gradient(circle at 35% 30%,#F1DA9F,#C29A4C);box-shadow:0 0 0 4px #FFFEFA,0 0 0 5px #C9A45C}
@media print{.pf-play{display:none}}
@media (max-width:760px){
.pf-intro h1{font-size:30px}.pf-grid{grid-template-columns:1fr}.pf-card{min-height:0}
.pf-pair{grid-template-columns:1fr}.pf-col+.pf-col{border-left:0;border-top:1px solid #EFE7D6}
.pf-sech{flex-wrap:wrap}.pf-trio{width:100%;justify-content:space-between;gap:10px}.pf-trio span{text-align:left}
.pf-overall,.pf-overall-4,.pf-overall-5{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-overall>div{border-left:0;border-top:1px solid #EAE0C9}.pf-overall>div:nth-child(-n+2){border-top:0}.pf-overall>div:nth-child(even){border-left:1px solid #EAE0C9}
.pf-overall b,.pf-overall .pf-delta{font-size:28px}.pf-results{padding:20px 16px}.pf-resh{flex-direction:column;align-items:flex-start}
.pf-unlock{flex-direction:column;align-items:flex-start}.pf-headline blockquote{font-size:21px}.pr-overall{grid-template-columns:1fr}.pr-overall>div{border-left:0;border-top:1px solid #EAD9AE}}
/* proof pages sit on the dark learner canvas */
.pf-intro h1{color:#FFF8E8}.pf-count{color:#A99B7C}.pf-count b{color:#E3C888}
.pf-plan{border-top-color:rgba(198,161,91,.28)}.pf-plan li{border-bottom-color:rgba(198,161,91,.28);color:#F6F1E4}
.pf-recnote{color:#7D7462}
.pf-overall b,.pf-overall .pf-delta,.pr-overall b,.pf-headline blockquote,.pf-trio b,.pf-trio .pf-delta,.pf-no,.pf-colh b,.pf-ls{font-family:"MYB Num","MYB Playfair","Playfair Display",Georgia,serif;font-variant-numeric:lining-nums tabular-nums}
.pf-trio b,.pf-trio .pf-delta,.pf-ls,.pf-colh b,.pf-no{font-weight:600}
.pf-sech h3{color:#16130C}
.pf-overall b,.pf-overall .pf-delta,.pr-overall b,.pf-trio b,.pf-trio .pf-delta,.pf-colh b,.pf-ls,.pf-no{font-family:"MYB Num",-apple-system,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:-.01em}
.pf-overall b,.pf-overall .pf-delta{font-weight:500}
/* MYB admin has nine tabs: keep them on one line beside the account links */
.topnav-row .topnav-tabs:has(.tn-admin) a{padding:8px 11px;font-size:12.5px}
@media(max-width:1380px){.topnav-row .topnav-tabs:has(.tn-admin) a{padding:7px 8px;font-size:12px}}
.pf-filters .pf-check{white-space:nowrap}.pf-filters .pf-check input{width:auto;min-width:0;margin:0;accent-color:#B08D46}
@media (max-width:760px){
.pf-overall:not(.pf-overall-4):not(.pf-overall-5){grid-template-columns:repeat(3,minmax(0,1fr))}
.pf-overall:not(.pf-overall-4):not(.pf-overall-5)>div{border-top:0;border-left:1px solid #EAE0C9;padding:14px 6px}
.pf-overall:not(.pf-overall-4):not(.pf-overall-5)>div:first-child{border-left:0}
.pf-overall:not(.pf-overall-4):not(.pf-overall-5) b,.pf-overall:not(.pf-overall-4):not(.pf-overall-5) .pf-delta{font-size:24px}
.pf-overall small{letter-spacing:.12em}}
/* ---------- Proven improvement v2 (Paul 21 Oct): cinematic call set ---------- */
.px-stage{position:relative;margin:-6px 0 0;border-radius:24px;overflow:hidden;border:1px solid rgba(198,161,91,.28);min-height:calc(100vh - 80px);box-shadow:0 30px 80px rgba(0,0,0,.55)}
.px-bg{position:absolute;inset:0;background:url(/static/assets/login-hero-skyline.jpg) center 30%/cover no-repeat;filter:saturate(.55) brightness(.42);transform:scale(1.04)}
.px-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(900px 520px at 50% 0%,rgba(198,161,91,.20),transparent 62%),linear-gradient(180deg,rgba(6,6,5,.35) 0%,rgba(6,6,5,.78) 46%,rgba(6,6,5,.96) 100%)}
.px-inner{position:relative;z-index:1;max-width:1040px;margin:0 auto;padding:64px 40px 44px;display:flex;flex-direction:column;align-items:center}
.px-head{text-align:center;margin-bottom:38px}
.px-kicker{display:block;font-size:10.5px;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:#C9A45C;margin-bottom:16px}
.px-head h1{margin:0;font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-weight:400;font-size:clamp(38px,4.6vw,56px);letter-spacing:.005em;line-height:1.05;color:#FBF6EA;text-shadow:0 2px 30px rgba(0,0,0,.6)}
.px-rule{display:flex;align-items:center;justify-content:center;gap:10px;margin:22px auto 0;width:180px}
.px-rule::before,.px-rule::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(214,182,110,.85))}.px-rule::after{transform:scaleX(-1)}
.px-rule i{width:6px;height:6px;transform:rotate(45deg);border:1px solid #D6B66E}
.px-count{display:flex;justify-content:center;align-items:baseline;gap:7px;margin:18px 0 0;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#A99B7C}
.px-count b{font-size:15px;letter-spacing:0;color:#F1DBA2;font-weight:500}
.px-flash{display:inline-flex;align-items:center;gap:10px;margin:-14px 0 26px;padding:9px 18px;border-radius:999px;border:1px solid rgba(110,190,140,.35);background:rgba(18,40,27,.45);backdrop-filter:blur(8px);color:#BFE5CC;font-size:13px;letter-spacing:.04em}
.px-flash svg{color:#6FCB93}
.px-tiles{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.px-tile{position:relative;display:flex;flex-direction:column;min-height:250px;padding:24px 22px 22px;border-radius:20px;border:1px solid rgba(214,182,110,.26);
 background:linear-gradient(180deg,rgba(255,250,235,.075),rgba(255,250,235,.02));backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);
 box-shadow:inset 0 1px 0 rgba(255,240,200,.10),0 20px 50px rgba(0,0,0,.45);transition:transform .25s,border-color .25s,box-shadow .25s}
.px-tile::before{content:"";position:absolute;left:22px;right:22px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(232,205,140,.55),transparent)}
.px-tile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}
.px-ring{width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(214,182,110,.75);box-shadow:0 0 0 4px rgba(214,182,110,.07),inset 0 0 12px rgba(214,182,110,.12);
 font-family:"MYB Num","MYB Playfair",Georgia,serif;font-size:17px;font-weight:400;color:#F1DBA2}
.px-hs{color:rgba(214,182,110,.55)}
.px-tile h2{margin:0 0 10px;font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-weight:400;font-size:30px;color:#FBF6EA;letter-spacing:.005em}
.px-state{display:inline-flex;align-items:center;gap:8px;font-size:10.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase}
.px-state.is-ready{color:#E7CF93}.px-state.is-ready i{width:6px;height:6px;border-radius:50%;background:#E7CF93;box-shadow:0 0 10px rgba(231,207,147,.9)}
.px-state.is-done{color:#8FD4A9}.px-state.is-done svg{color:#6FCB93}
.px-state.is-locked{color:#7F786A}
.px-tile form{margin-top:auto}
.px-tile.is-ready,.px-tile.is-live{border-color:rgba(232,205,140,.62);background:linear-gradient(180deg,rgba(255,240,200,.13),rgba(255,240,200,.035));box-shadow:inset 0 1px 0 rgba(255,240,200,.18),0 0 0 1px rgba(214,182,110,.18),0 24px 60px rgba(0,0,0,.5),0 0 60px rgba(214,182,110,.12);transform:translateY(-4px)}
.px-tile.is-ready .px-ring,.px-tile.is-live .px-ring{color:#1A1407;background:radial-gradient(circle at 35% 30%,#F6E2A8,#C9A45C);border-color:#E7CF93}
.px-tile.is-ready .px-hs,.px-tile.is-live .px-hs{color:#E7CF93}
.px-tile.is-done .px-ring{border-color:rgba(111,203,147,.55);color:#BFE5CC;box-shadow:0 0 0 4px rgba(111,203,147,.06)}
.px-tile.is-done h2{color:#E9E2D0}
.px-tile.is-locked{opacity:.5;background:linear-gradient(180deg,rgba(255,250,235,.04),rgba(255,250,235,.01))}
.px-tile.is-locked .px-ring{border-color:rgba(160,150,128,.4);color:#8C8574;box-shadow:none}
.px-answer{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;border:0;border-radius:999px;padding:13px 18px;cursor:pointer;text-decoration:none;
 font-size:13px;font-weight:700;letter-spacing:.06em;color:#1A1407;background:linear-gradient(180deg,#F3DFA6 0%,#D8B76E 48%,#B48D45 100%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 26px rgba(0,0,0,.45),0 0 0 0 rgba(231,207,147,.5);animation:pxGlow 2.6s ease-in-out infinite}
.px-answer:hover{filter:brightness(1.05)}
@keyframes pxGlow{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 26px rgba(0,0,0,.45),0 0 18px rgba(231,207,147,.25)}50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 26px rgba(0,0,0,.45),0 0 34px rgba(231,207,147,.55)}}
.px-answer-lg{width:auto;padding:15px 40px;font-size:14px}
.px-ghost{border:1px solid rgba(232,220,190,.35);background:rgba(255,250,235,.04);color:#EDE4CF;border-radius:999px;padding:13px 22px;font-size:13px;font-weight:600;letter-spacing:.04em;cursor:pointer}.px-ghost:hover{border-color:rgba(232,205,140,.7);color:#fff}
.px-next{margin:34px 0 0}
.px-recline{display:flex;align-items:center;gap:10px;margin:36px 0 0;font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:#8F8676}
.px-recdot{width:7px;height:7px;border-radius:50%;background:#E0524A;box-shadow:0 0 0 0 rgba(224,82,74,.6);animation:csRec 1.8s infinite;flex:none}
.px-dots{list-style:none;display:flex;gap:34px;justify-content:center;margin:0 0 34px;padding:0}
.px-dots li{display:flex;flex-direction:column;align-items:center;gap:10px;font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-size:17px;color:#EDE4CF}
.px-consent{width:100%;max-width:560px;text-align:center;padding:34px 38px 32px;border-radius:22px;border:1px solid rgba(214,182,110,.35);background:linear-gradient(180deg,rgba(255,250,235,.09),rgba(255,250,235,.025));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,240,200,.14),0 30px 70px rgba(0,0,0,.5)}
.px-recpill{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:999px;border:1px solid rgba(224,82,74,.35);background:rgba(60,14,12,.35);font-size:10.5px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#F1C6C1}
.px-consent p{margin:20px auto 26px;max-width:420px;font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-size:22px;line-height:1.45;color:#FBF6EA}
.px-cbtns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.px-cbtns .px-answer{width:auto;padding:13px 34px}
@media (max-width:1100px){.px-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.px-tile{min-height:210px}}
@media (max-width:760px){.px-stage{border-radius:18px;margin:0;min-height:0}.px-inner{padding:40px 16px 30px}.px-head{margin-bottom:26px}.px-head h1{font-size:36px}
.px-tiles{grid-template-columns:1fr;gap:12px}.px-tile{min-height:0;padding:18px 18px}.px-tile-top{position:absolute;left:18px;top:18px;margin:0}.px-hs{display:none}.px-tile h2,.px-tile .px-state{margin-left:64px}.px-tile h2{font-size:25px;margin-bottom:6px}.px-tile form{margin-top:16px}
.px-tile.is-ready,.px-tile.is-live{transform:none}.px-dots{gap:16px}.px-consent{padding:26px 20px}.px-consent p{font-size:19px}}

/* ---------- call screen v2: cinematic incoming call ---------- */
.cs-screen{position:relative;overflow:hidden;background:#050505}
.cs-bg{position:fixed;inset:0;z-index:0;background:url(/static/assets/login-hero-skyline.jpg) center 30%/cover no-repeat;filter:saturate(.5) brightness(.3) blur(2px);transform:scale(1.06)}
.cs-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(700px 480px at 50% 34%,rgba(198,161,91,.18),transparent 65%),linear-gradient(180deg,rgba(5,5,5,.4),rgba(5,5,5,.88) 70%,#050505)}
.cs-screen>*:not(.cs-bg){position:relative;z-index:1}
.cs-top{max-width:820px}
.cs-attempt{font-weight:600;letter-spacing:.24em;font-size:10.5px;color:#E7CF93;border-color:rgba(231,207,147,.35);background:rgba(255,240,200,.04);backdrop-filter:blur(6px)}
.cs-rec{font-weight:600;letter-spacing:.24em;font-size:10.5px;color:#F1C6C1;padding:5px 12px;border-radius:999px;border:1px solid rgba(224,82,74,.35);background:rgba(60,14,12,.35)}
.cs-mute{font-weight:600;letter-spacing:.06em;background:rgba(255,250,235,.03)}
.cs-stage{max-width:820px}
.cs-ringing{gap:0;padding:40px 0 30px}
.cs-ring-k{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:#D6B66E}
.cs-ring-k i{width:6px;height:6px;border-radius:50%;background:#E7CF93;box-shadow:0 0 12px rgba(231,207,147,.9);animation:pxBlink 1.4s ease-in-out infinite}
@keyframes pxBlink{50%{opacity:.25}}
.cs-halo{position:relative;width:300px;height:300px;margin:18px 0 10px;display:flex;align-items:center;justify-content:center}
.cs-halo i{position:absolute;inset:50px;border-radius:50%;border:1px solid rgba(231,207,147,.55);animation:csHalo 3.6s cubic-bezier(.2,.6,.3,1) infinite;opacity:0}
.cs-halo i:nth-child(2){animation-delay:1.2s}.cs-halo i:nth-child(3){animation-delay:2.4s}
@keyframes csHalo{0%{transform:scale(.72);opacity:0}15%{opacity:.9}100%{transform:scale(1.45);opacity:0}}
.cs-sil{position:relative;width:148px;height:148px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:400 44px/1 "MYB Playfair","Playfair Display",Georgia,serif;color:#E7CF93;
 background:radial-gradient(circle at 50% 30%,#2A2416,#0E0C08 72%);border:1px solid rgba(231,207,147,.7);box-shadow:0 0 0 8px rgba(214,182,110,.06),0 0 0 9px rgba(214,182,110,.22),0 0 70px rgba(214,182,110,.25),inset 0 -10px 30px rgba(0,0,0,.6);overflow:hidden}
.cs-sil svg{width:96px;height:96px;margin-top:26px;color:rgba(231,207,147,.55)}
.cs-ring-name{font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-weight:400;font-size:40px;color:#FBF6EA;letter-spacing:.005em;text-shadow:0 2px 24px rgba(0,0,0,.6)}
.cs-ring-sub{margin:8px 0 34px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#A99B7C}
.cs-answer{gap:12px;padding:17px 46px;font-size:15px;font-weight:700;letter-spacing:.08em;color:#1A1407;background:linear-gradient(180deg,#F3DFA6 0%,#D8B76E 48%,#B48D45 100%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 14px 34px rgba(0,0,0,.55);animation:csGold 2.2s ease-in-out infinite}
@keyframes csGold{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 14px 34px rgba(0,0,0,.55),0 0 0 0 rgba(231,207,147,.45)}60%{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 14px 34px rgba(0,0,0,.55),0 0 0 16px rgba(231,207,147,0)}}
.cs-screen .cs-caller{flex-direction:row;justify-content:center;gap:14px;margin:6px 0 4px;padding:12px 18px;border-radius:999px;border:1px solid rgba(214,182,110,.22);background:rgba(255,250,235,.04);backdrop-filter:blur(10px);align-self:center;text-align:left}
.cs-screen .cs-avatar{width:46px;height:46px;margin:0;font-size:15px;color:#E7CF93;background:radial-gradient(circle at 50% 30%,#2A2416,#0E0C08 72%);border:1px solid rgba(231,207,147,.6);box-shadow:0 0 18px rgba(214,182,110,.2);overflow:hidden}
.cs-screen .cs-avatar svg{margin-top:10px;color:rgba(231,207,147,.6)}
.cs-who{display:flex;flex-direction:column;gap:1px}.cs-screen .cs-name{font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-weight:400;font-size:19px}.cs-screen .cs-co{font-size:12px}
.cs-screen .cs-clock{margin:0 0 0 10px;padding-left:16px;border-left:1px solid rgba(214,182,110,.25);font-size:15px;color:#E7CF93}
.cs-progress{font-size:10.5px;letter-spacing:.3em;color:#8F8676;margin-top:4px}
.cs-line{background:linear-gradient(180deg,rgba(255,250,235,.08),rgba(255,250,235,.025));backdrop-filter:blur(12px);border:1px solid rgba(214,182,110,.32);border-radius:22px;padding:22px 26px;box-shadow:inset 0 1px 0 rgba(255,240,200,.12),0 20px 50px rgba(0,0,0,.45)}
.cs-line-who{font-weight:600;letter-spacing:.3em;font-size:10px;color:#C9A45C;margin-bottom:10px}
.cs-line p{font-family:"MYB Playfair","Playfair Display",Georgia,serif;font-style:italic;font-size:23px;line-height:1.45;color:#FBF6EA}
.cs-line p::before{content:"\201C";color:#C9A45C;margin-right:2px}.cs-line p::after{content:"\201D";color:#C9A45C;margin-left:2px}.cs-line p:empty::before,.cs-line p:empty::after{content:none}
.cs-t-bg{stroke:rgba(255,250,235,.08);stroke-width:4}.cs-t-fg{stroke:#D6B66E;stroke-width:4}
.cs-timer b{font-family:"MYB Num",Georgia,serif;font-weight:300;font-size:32px}
.cs-speak{border-radius:20px;border:1px solid rgba(214,182,110,.2);background:rgba(10,9,7,.55);backdrop-filter:blur(10px);padding:18px 22px}
.cs-speak.is-on{border-color:rgba(214,182,110,.5);box-shadow:0 0 40px rgba(214,182,110,.08)}
.cs-orb{width:64px;height:52px;border-radius:14px;background:transparent!important;animation:none!important}
.cs-wave{display:flex;align-items:center;gap:4px;height:40px}
.cs-wave i{width:3px;height:8px;border-radius:2px;background:rgba(214,182,110,.4);transition:background .2s}
.cs-speak.is-on .cs-wave i{background:linear-gradient(180deg,#F3DFA6,#B48D45);animation:csWave 1s ease-in-out infinite}
.cs-speak.is-on .cs-wave i:nth-child(2){animation-delay:.12s}.cs-speak.is-on .cs-wave i:nth-child(3){animation-delay:.24s}.cs-speak.is-on .cs-wave i:nth-child(4){animation-delay:.36s}
.cs-speak.is-on .cs-wave i:nth-child(5){animation-delay:.48s}.cs-speak.is-on .cs-wave i:nth-child(6){animation-delay:.6s}.cs-speak.is-on .cs-wave i:nth-child(7){animation-delay:.72s}
@keyframes csWave{0%,100%{height:8px}50%{height:36px}}
.cs-speak-t b{font-weight:600;letter-spacing:.26em;font-size:10.5px}
.cs-heard{font-size:17px}
.cs-send{border-radius:999px!important}
.cs-screen:not(.is-live) .cs-foot{visibility:hidden}
.cs-hang{padding:13px 34px;letter-spacing:.06em;font-weight:700;background:linear-gradient(180deg,#C9473A,#8E2A1F);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 12px 28px rgba(0,0,0,.5)}
@media(max-width:640px){.cs-halo{width:230px;height:230px;margin:10px 0 6px}.cs-halo i{inset:40px}.cs-sil{width:120px;height:120px}.cs-sil svg{width:78px;height:78px;margin-top:22px}
.cs-ring-name{font-size:32px}.cs-ringing{padding:24px 0}.cs-line p{font-size:18.5px}.cs-line{padding:16px 18px}.cs-screen .cs-caller{padding:8px 14px}.cs-screen .cs-avatar{width:38px;height:38px}.cs-screen .cs-name{font-size:16px}
.cs-attempt{letter-spacing:.14em}.cs-rec{letter-spacing:.14em;padding:4px 9px}}
/* every table in this feature: headers centred over centred values, first column left */
.pf-table th,.pf-table td,.pr-table th,.pr-table td{text-align:center!important}
.pf-table th:first-child,.pf-table td:first-child,.pr-table th:first-child,.pr-table td:first-child{text-align:left!important}
.pf-table td:last-child .pbtn-ghost{margin:0 auto}
.pf-headline .info-i{margin-left:6px;vertical-align:1px;border-color:rgba(214,182,110,.5);color:#E7CF93}
/* v2 refinements */
.px-stage{min-height:0}
.px-bg{background-position:50% 74%;filter:saturate(.6) brightness(.55)}
.px-bg::after{background:radial-gradient(800px 420px at 50% -5%,rgba(214,182,110,.22),transparent 60%),linear-gradient(90deg,rgba(6,6,5,.15),rgba(6,6,5,.55) 70%,rgba(6,6,5,.85)),linear-gradient(180deg,rgba(6,6,5,.2) 0%,rgba(6,6,5,.6) 50%,rgba(6,6,5,.94) 100%)}
.px-inner{padding:78px 44px 58px}
.px-head{margin-bottom:46px}
.px-tile{min-height:300px;padding:26px 24px 24px}
.px-tile h2{font-size:34px;margin-bottom:12px}
.px-tile-top{margin-bottom:48px}
.px-tile.is-locked{opacity:.66}
.px-tile.is-locked h2{color:#BDB49F}
.cs-bg{background-position:50% 74%;filter:saturate(.55) brightness(.42)}
.cs-answer{animation:csGlow 2.4s ease-in-out infinite}
@keyframes csGlow{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 14px 34px rgba(0,0,0,.55),0 0 22px rgba(231,207,147,.28)}50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 14px 34px rgba(0,0,0,.55),0 0 46px rgba(231,207,147,.6)}}
.cs-sil{border-width:1px;box-shadow:0 0 0 10px rgba(214,182,110,.05),0 0 0 11px rgba(214,182,110,.2),0 0 80px rgba(214,182,110,.22),inset 0 -10px 30px rgba(0,0,0,.6)}
@media (max-width:760px){.px-inner{padding:44px 16px 32px}.px-tile{min-height:0}.px-tile h2{font-size:26px}.px-tile-top{margin-bottom:0}}
.px-stage{min-height:calc(100vh - 52px);display:flex;flex-direction:column;justify-content:center}
.px-bg{filter:saturate(.7) brightness(.78);background-position:50% 76%}
.px-bg::after{background:radial-gradient(800px 420px at 50% -5%,rgba(214,182,110,.2),transparent 60%),linear-gradient(90deg,rgba(6,6,5,.55),rgba(6,6,5,.35) 45%,rgba(6,6,5,.6) 75%,rgba(6,6,5,.8)),linear-gradient(180deg,rgba(6,6,5,.35) 0%,rgba(6,6,5,.55) 55%,rgba(6,6,5,.9) 100%)}
.px-inner{width:100%}
@media (max-width:760px){.px-stage{min-height:0;display:block}}
@media(max-width:640px){.cs-top{gap:8px;flex-wrap:nowrap}.cs-top>*{white-space:nowrap}.cs-leave{font-size:12px}
.cs-attempt{margin-left:auto;margin-right:0;padding:5px 10px;letter-spacing:.12em;font-size:10px}.cs-rec{margin-right:0;font-size:10px;letter-spacing:.12em;padding:4px 9px}
.cs-mute{margin-left:0;padding:5px 10px;font-size:11px}}

/* ===== Company shell + overview (client dashboard) ===== */
@font-face{font-family:"MYB Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/playfair-400.woff2) format("woff2")}
@font-face{font-family:"MYB Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/static/fonts/playfair-400-italic.woff2) format("woff2")}
.co-shell{display:flex;min-height:100vh;background:#F3EEE4;color:#1C1810}
.co-side{width:252px;flex:none;background:#111110;color:#E6DFD2;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column;padding:22px 16px 16px;z-index:30}
.co-brandrow{display:flex;align-items:center;justify-content:space-between;gap:8px}
.co-logo{text-decoration:none;display:block;padding:2px 8px 0}
.co-logo-mark{font-family:"MYB Serif",Georgia,"Times New Roman",serif;font-size:34px;letter-spacing:.12em;color:#E3C888;line-height:.9;font-weight:400}
.co-logo-sub{display:block;margin-top:5px;font-size:8.5px;letter-spacing:.34em;color:#C6A15B;font-weight:700}
.co-burger{display:none;width:40px;height:40px;border-radius:10px;align-items:center;justify-content:center;color:#E3C888;cursor:pointer}
.co-nav-check{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.co-nav{display:flex;flex-direction:column;margin-top:26px;gap:2px;flex:1}
.co-nav a{display:flex;align-items:center;gap:12px;color:#E4DCCE;text-decoration:none;padding:11px 12px;border-radius:11px;font-size:14.5px;line-height:1.2}
.co-nav a svg{width:18px;height:18px;flex:none}
.co-nav a .navlock{width:11px;height:11px;margin-left:auto}
.co-nav a:hover{background:rgba(198,161,91,.14);color:#fff}
.co-nav a.active{background:linear-gradient(180deg,#EBD092,#C6A15B);color:#1A1408;font-weight:700}
.co-nav a.active:hover{color:#1A1408}
.co-user{display:flex;flex-direction:column;gap:10px;align-items:stretch;margin-top:auto;padding-top:16px;border-top:1px solid #2A2A24}
.co-userrow{display:flex;gap:10px;align-items:center}
.co-sideava{position:relative;width:42px;height:42px;flex:none}
.co-sideava>span,.co-sideava img{width:42px;height:42px;border-radius:50%}
.co-sideava>span{display:flex;align-items:center;justify-content:center;background:#3A3224;color:#E3C888;font-weight:700;font-size:13px}
.co-sideava img{position:absolute;left:0;top:0;object-fit:cover}
.co-usertext{min-width:0;display:flex;flex-direction:column;gap:1px}
.co-usertext b{color:#fff;font-size:14px;font-weight:650;line-height:1.25}
.co-co{color:#A79E8E;font-size:12px}
.co-userlinks{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;color:#8A7A56;font-size:12px}
.co-userlinks a{color:#E3C888;font-size:12px;text-decoration:none}
.co-userlinks a:hover{color:#fff}
.co-main{flex:1;min-width:0;display:flex;flex-direction:column;background:#F3EEE4}
.co-top{position:relative;z-index:2;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:18px 28px 0}
.co-company{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #E6DFD2;border-radius:999px;padding:8px 12px 8px 16px;color:#2C281F;text-decoration:none;font-size:14px;font-weight:600;box-shadow:0 1px 2px rgba(28,24,16,.04)}
.co-company svg{color:#8A8172}
.co-bell{position:relative;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #E6DFD2;display:inline-flex;align-items:center;justify-content:center;color:#3A3428;text-decoration:none}
.co-badge{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:#D64545;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}
.co-me{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#F3D7A0,#C6A15B);color:#2A2110;font-weight:750;font-size:13px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:2px solid #E8D3A4}
.co-shell .main{max-width:1180px;padding:14px 28px 48px;background:transparent}
.co-dash{position:relative;z-index:1}
.co-hero{padding-right:340px;margin:0 0 8px}
.co-shell .co-dash{margin-top:-52px;padding-top:16px}
.co-hero h1{margin:0 0 6px;font-family:"MYB Serif",Georgia,"Times New Roman",serif;font-weight:400;font-size:34px;line-height:1.15;letter-spacing:0;color:#1A160F}
.co-sub{margin:0;color:#8A8172;font-size:14.5px}
.co-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 16px}
.co-stat{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #EFE8DA;border-radius:18px;padding:18px 18px;box-shadow:0 10px 28px rgba(40,32,12,.05)}
.co-bubble{width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none}
.co-bubble svg{width:22px;height:22px}
.co-bubble.green{background:#1C6B3C;color:#fff}
.co-bubble.black{background:#161616;color:#fff}
.co-bubble.gold{background:linear-gradient(180deg,#F0D48A,#C6A15B);color:#2A2110}
.co-stat-mid{flex:1;min-width:0;display:flex;flex-direction:column}
.co-stat-k{font-size:13px;font-weight:650;color:#3A3428;line-height:1.2}
.co-stat-num{font-family:"MYB Serif",Georgia,"Times New Roman",serif;font-size:32px;font-weight:400;line-height:1;color:#1A160F;margin-top:4px}
.co-stat-mid>span:last-child{color:#8A8175;font-size:13px;margin-top:2px}
.co-buy{background:linear-gradient(180deg,#F0D48A,#D4B15C);color:#3A2C0C;border:1px solid #C4A35A;border-radius:9px;padding:8px 14px;font-weight:700;font-size:13.5px;text-decoration:none;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.co-buy:hover{filter:brightness(1.05)}
.co-ghost{background:#fff;border:1px solid #E4DCC8;color:#3A3428;border-radius:9px;padding:8px 14px;font-weight:650;font-size:13.5px;text-decoration:none;display:inline-block}
.co-ghost:hover{border-color:#C6A15B}
.co-textlink{display:inline-flex;align-items:center;gap:2px;color:#6B5E45;font-weight:700;font-size:13.5px;text-decoration:none;white-space:nowrap}
.co-textlink svg{width:14px;height:14px}
.co-textlink:hover{color:#1A1408}
.co-split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;align-items:stretch}
.co-split>.co-card{display:flex;flex-direction:column}
.co-split>.co-card .co-actions{margin-top:auto;padding-top:16px}
.co-bottom{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}
.co-card{background:#fff;border:1px solid #EFE8DA;border-radius:18px;padding:20px 22px 18px;box-shadow:0 10px 28px rgba(40,32,12,.05)}
.co-card h2,.co-cardtitle{font-family:"MYB Serif",Georgia,"Times New Roman",serif;font-weight:400;font-size:22px;color:#1C1810;letter-spacing:0}
.co-card h2{margin:0 0 14px}
.co-cardtitle{display:inline-flex;align-items:center;gap:4px;text-decoration:none;color:inherit}
.co-cardtitle svg{color:#B7AD9C;width:16px;height:16px}
.co-donutrow{display:flex;align-items:center;gap:18px}
.co-donut{position:relative;width:156px;height:156px;flex:none}
.co-donut svg{width:100%;height:100%;display:block}
.co-donut-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.co-donut-c b{font-family:"MYB Serif",Georgia,"Times New Roman",serif;font-size:32px;font-weight:400;line-height:1;color:#1A160F}
.co-donut-c span{font-size:12.5px;color:#8A8175;margin-top:2px}
.co-legend{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px}
.co-legend li{display:flex;align-items:center;gap:8px;font-size:14px;color:#3A342A}
.co-legend b{margin-left:auto;font-weight:700;color:#1A160F;font-variant-numeric:lining-nums}
.co-dot{width:9px;height:9px;border-radius:50%;flex:none;display:block}
.co-emptyline{margin:12px 0 0;color:#8A8172;font-size:13.5px}
.co-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.co-cardhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.co-cardhead h2{margin:0}
.co-viewall{color:#6F6248;font-size:13.5px;font-weight:700;text-decoration:none;white-space:nowrap}
.co-viewall:hover{color:#1A1408}
.co-tablewrap{overflow-x:auto}
.co-table{width:100%;border-collapse:collapse}
.co-card .co-table th{background:transparent;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#8D8476;font-weight:700;border-bottom:1px solid #EFE8DA;padding:8px 8px 10px}
.co-card .co-table td{border-bottom:1px solid #F4EFE6;padding:11px 8px;font-size:14px;color:#2C281F;vertical-align:middle}
.co-card .co-table tr:last-child td{border-bottom:none}
.co-card .co-table tr:hover td{background:transparent}
.co-person{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:650;color:#1C1810}
.co-person>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}
.co-ava{position:relative;width:32px;height:32px;flex:none}
.co-ava>span,.co-ava img{width:32px;height:32px;border-radius:50%}
.co-ava>span{display:flex;align-items:center;justify-content:center;background:#F3E6C8;color:#6A5420;font-size:11px;font-weight:700}
.co-ava img{position:absolute;left:0;top:0;object-fit:cover}
.co-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.co-pill.is-done{background:#E5F6EA;color:#1B7A43}
.co-pill.is-prog{background:#F8F0DC;color:#8A6A2A}
.co-pill.is-wait{background:#FDECEC;color:#C44747}
.co-prog{display:inline-flex;align-items:center;gap:8px;min-width:120px}
.co-bar{flex:1;height:8px;background:#E7F2EA;border-radius:99px;overflow:hidden;min-width:72px}
.co-bar i{display:block;height:100%;background:linear-gradient(90deg,#2E9A62,#3CB87A);border-radius:99px}
.co-prog b{font-size:13px;color:#1C1810;font-weight:700}
.co-date{color:#6F6A60;white-space:nowrap}
.co-none{padding:22px 8px;text-align:center;color:#8A8172;font-family:"MYB Serif",Georgia,serif;font-size:18px}
.co-next{background:#FBF6EC}
.co-nexthead{display:flex;gap:12px;align-items:flex-start}
.co-nexthead h2{margin:0 0 4px}
.co-nexthead p{margin:0;color:#6F6A60;font-size:14px}
.co-bulb{width:36px;height:36px;border-radius:50%;background:#F3E6C8;color:#8A6A2A;display:inline-flex;align-items:center;justify-content:center;flex:none}
.co-rec{display:flex;align-items:center;gap:12px;margin-top:14px;background:#fff;border:1px solid #EFE4D0;border-radius:12px;padding:12px 14px;text-decoration:none;color:#1C1810;font-weight:650}
.co-rec svg{margin-left:auto;flex:none;color:#B7AD9C}
.co-rec-empty{margin:8px 0 14px;color:#6F6A60;font-size:14.5px}
.co-qas{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.co-qa{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;text-decoration:none;color:#1C1810;background:#FBF9F4;border:1px solid #EFE8DA;border-radius:14px;padding:16px 10px;min-height:108px;font-size:13.5px;font-weight:700}
.co-qa:hover{border-color:#C6A15B;background:#fff}
.co-qa-ico{width:42px;height:42px;border-radius:12px;background:#F3EEE4;color:#3A3428;display:flex;align-items:center;justify-content:center}
.co-qa-ico svg{width:22px;height:22px}
@media(max-width:1080px){
  .co-hero{padding-right:0}
  .co-shell .co-dash{margin-top:0;padding-top:8px}
  .co-hero h1{font-size:30px}
}
@media(max-width:980px){
  .co-split,.co-bottom{grid-template-columns:1fr}
}
@media(max-width:860px){
  .co-shell{flex-direction:column}
  .co-side{width:100%;height:auto;min-height:0;position:sticky;top:0;padding:12px 14px}
  .co-burger{display:inline-flex}
  .co-nav,.co-user{display:none}
  .co-nav-check:checked ~ .co-nav{display:flex;margin-top:12px}
  .co-nav-check:checked ~ .co-user{display:flex;margin-top:12px}
  .co-logo-mark{font-size:28px}
  .co-top{padding:14px 16px 0}
  .co-shell .main{padding:12px 16px 32px}
  .co-stats{grid-template-columns:1fr;gap:12px}
  .co-donutrow{flex-direction:column;align-items:flex-start}
  .co-legend{width:100%}
  .co-person>span:last-child{max-width:140px}
  .co-company span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:520px){
  .co-actions{flex-direction:column}
  .co-actions .co-buy,.co-actions .co-ghost{text-align:center}
  .co-qas{grid-template-columns:1fr 1fr}
  .co-stat{flex-wrap:wrap}
}
.ta-page{max-width:1240px}
.ta-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:4px 0 18px}
.ta-hero h1{margin:0 0 6px;font-family:"MYB Serif",Georgia,"Times New Roman",serif;font-weight:400;font-size:34px;color:#1A160F}
.ta-hero-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ta-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.co-bubble.plain{background:#F4F0E6;color:#3A3428;border:1px solid #E7E1D4}
.ta-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#fff;border:1px solid #EFE8DA;border-radius:16px;padding:12px 14px;margin-bottom:16px}
.ta-filters input,.ta-filters select{margin:0}
.ta-search{display:flex;align-items:center;gap:8px;flex:1;min-width:220px;background:#FBF9F4;border:1px solid #E6DFD2;border-radius:10px;padding:0 12px;color:#8A8172}
.ta-search input{border:none;background:transparent;box-shadow:none;padding:10px 0;margin:0;min-width:0}
.ta-filters select{width:auto;min-width:140px;padding:10px 12px;margin:0;background:#fff}
.ta-camps{min-width:860px}
.ta-act{position:relative;width:48px;text-align:right}
.ta-menu{position:relative;display:inline-block}
.ta-menu summary{list-style:none;cursor:pointer;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#6F6A60;font-weight:700;letter-spacing:.12em}
.ta-menu summary::-webkit-details-marker{display:none}
.ta-menu summary:hover{background:#F6F1E6}
.ta-menu-pop{position:absolute;right:0;top:36px;z-index:6;background:#fff;border:1px solid #EFE8DA;border-radius:12px;box-shadow:0 12px 28px rgba(40,32,12,.12);padding:12px;display:flex;flex-direction:column;gap:8px;min-width:230px}
.ta-invite{display:flex;gap:6px}
.ta-invite input{margin:0;padding:8px 10px}
.ta-next{padding:7px 12px;font-size:13px}
.ta-nextcell{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ta-nextcell form{display:flex;gap:6px;align-items:center;margin:0}
.ta-nextcell select{width:auto;margin:0;padding:6px 8px}
.ta-lower{display:grid;grid-template-columns:1.35fr .8fr;gap:16px;margin-top:16px;align-items:start}
.ta-side{display:flex;flex-direction:column;gap:16px}
.ta-faces{display:flex}
.ta-faces span,.ta-faces img,.ta-faces .co-ava{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-8px}
.ta-faces img:first-child,.ta-faces .co-ava:first-child{margin-left:0}
.ta-show{display:inline-flex;align-items:center;gap:6px;color:#6F6A60;font-size:13px;white-space:nowrap}
.ta-show select{width:auto;margin:0;padding:6px 8px;max-width:180px}
.ta-comp{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:10px;align-items:center;margin:8px 0;font-size:13.5px}
.ta-bar{height:8px;background:#F3EEE4;border-radius:99px;overflow:hidden}
.ta-bar i{display:block;height:100%;background:linear-gradient(90deg,#C6A15B,#E8C56A);border-radius:99px}
.ta-empty-act{text-align:center;margin:0 0 8px}
@media(max-width:1100px){.ta-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ta-lower{grid-template-columns:1fr}.ta-hero{flex-direction:column;align-items:flex-start}}
@media(max-width:700px){.ta-stats{grid-template-columns:1fr}.ta-hero h1{font-size:28px}.ta-filters select,.ta-search{min-width:100%;width:100%}.ta-comp{grid-template-columns:1fr;gap:4px}.ta-three{grid-template-columns:1fr}}
.ta-subnav{margin:-8px 0 14px;color:#8A8172;font-size:13px}.ta-subnav a{color:#6F6248;font-weight:650;text-decoration:none}
.ta-ring{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(#C6A15B calc(var(--p)*1%), #E7E1D4 0);flex:none}.ta-ring b{width:40px;height:40px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}
.ta-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px;background:#C9BBA4}.ta-dot.is-ok{background:#1F7A45}.ta-dot.is-bad{background:#C44747}.ta-dot.is-wait{background:#C6A15B}
.ta-three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:16px;align-items:start}
.ta-enrol{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #F3EEE4}.ta-enrol span{display:block;color:#8A8172;font-size:13px}
.ta-feed{display:flex;gap:8px;align-items:baseline;padding:8px 0;border-top:1px solid #F3EEE4;font-size:14px}.ta-feed span{color:#5C564C;flex:1}.ta-feed em{font-style:normal;color:#8A8172;font-size:12px;white-space:nowrap}
.ta-up{color:#1F7A45;font-weight:700}
.ta-snap{display:flex;gap:28px;margin-bottom:12px}.ta-snap small{display:block;color:#8A8172}.ta-snap b{font-family:"MYB Serif",Georgia,serif;font-size:32px;font-weight:400}
.ta-delta{display:inline-block;margin-left:6px;background:#E5F6EA;color:#1B7A43;border-radius:99px;padding:2px 8px;font-size:13px;font-weight:700}
.ta-bars2{display:flex;gap:28px;align-items:flex-end;height:120px;margin:8px 0 12px}.ta-bars2 div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px;font-size:12px;color:#6F6A60}.ta-bars2 i{display:block;width:42px;background:linear-gradient(180deg,#E8C56A,#C6A15B);border-radius:8px 8px 2px 2px;min-height:4px}

/* Visual weight to match the client mockups */
.co-side{position:fixed;left:0;top:0;width:272px;height:100vh;background:#0C0C0C;padding:26px 16px 18px;z-index:40}
.co-main{margin-left:272px;width:calc(100vw - 272px);min-height:100vh;background:#F4EFE6}
.co-shell{background:#F4EFE6}
.co-logo-m,.co-logo-yb{font-family:"MYB Serif",Georgia,serif;font-size:44px;font-weight:700;line-height:.85;letter-spacing:.02em}
.co-logo-m{color:#F6EBD2}
.co-logo-yb{background:linear-gradient(180deg,#F6D78A,#C6A15B);-webkit-background-clip:text;background-clip:text;color:transparent}
.co-logo-sub{margin-top:8px;font-size:10px;letter-spacing:.42em;color:#E3C888;font-weight:800}
.co-nav{margin-top:32px;gap:6px}
.co-nav a{font-size:16.5px;font-weight:650;padding:13px 14px;gap:14px;border-radius:14px;color:#F0E8DA}
.co-nav a svg{width:22px;height:22px}
.co-nav a.active{background:linear-gradient(180deg,#F3D48A 0%,#E2C07A 45%,#C6A15B 100%);color:#1A1408;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.co-usertext b{font-size:15px;font-weight:800}
.co-sideava,.co-sideava img,.co-sideava>span{width:48px;height:48px}
.co-hero h1,.ta-hero h1{font-weight:700;font-size:40px;color:#14120C;letter-spacing:-.015em}
.co-sub{font-size:15.5px;color:#6F6A60;font-weight:500}
.co-stat{padding:20px 22px;border-radius:18px;box-shadow:0 10px 28px rgba(40,32,12,.07);border:1px solid #E7DFD0;gap:16px}
.co-bubble{width:64px;height:64px}
.co-bubble svg{width:30px;height:30px;stroke-width:2.1}
.co-bubble.green{background:#1B7A43;color:#fff}
.co-bubble.black{background:#141414;color:#fff}
.co-bubble.gold{background:#E0B15A;color:#fff}
.co-bubble.plain{background:#ECE7DE;color:#3A3428}
.co-stat-k{font-size:15px;font-weight:800;color:#1A160F}
.co-stat-num{font-family:-apple-system,"Segoe UI",Inter,sans-serif;font-weight:800;font-size:32px;color:#12100C}
.co-stat-mid>span:last-child{font-size:13.5px;font-weight:600;color:#8A8175}
.co-buy{padding:11px 18px;border-radius:10px;font-weight:800;box-shadow:0 8px 16px rgba(198,161,91,.35),inset 0 1px 0 rgba(255,255,255,.55);background:linear-gradient(180deg,#F6D78A,#D4B15C 55%,#C6A15B)}
.co-card{border:1px solid #E8E0D2;box-shadow:0 12px 30px rgba(40,32,12,.06);border-radius:18px;padding:22px 24px}
.co-card h2,.co-cardtitle{font-weight:700;font-size:22px;color:#16130C}
.co-donut{width:188px;height:188px}
.co-donut-c b{font-family:-apple-system,"Segoe UI",sans-serif;font-weight:800;font-size:36px;color:#14120C}
.co-legend{font-weight:650;font-size:15px}
.co-legend b{font-weight:800}
.co-ava,.co-ava img{width:40px;height:40px}
.co-person>span:last-child,.co-person{font-weight:800;color:#16130C}
.co-pill{font-weight:800;padding:5px 12px;font-size:12.5px}
.co-pill.is-done{background:#DDF5E5;color:#157A3E}
.co-pill.is-prog{background:#F8EFC8;color:#8A6414}
.co-pill.is-wait{background:#FDE4E2;color:#C44747}
.co-me{background:#141414;color:#fff;border:2px solid #2A2A2A;font-weight:800}
.co-bell{width:42px;height:42px}
.co-badge{background:#E23B3B;min-width:18px;height:18px;font-size:11px}
.co-qa-ico{background:#FBF3E0;color:#C6A15B}
.co-qa-ico svg{stroke:#C6A15B}
.co-next{background:#FBF6EC}
.ta-bar{height:10px}
.ta-bar i{background:linear-gradient(90deg,#E8C56A,#C6A15B)}
.co-bar{height:10px}
.co-none{font-weight:700}
@media(max-width:860px){
  .co-side{position:sticky;width:100%;height:auto}
  .co-main{margin-left:0;width:100%}
}

/* Company overview high fidelity. Scoped so other company pages keep their shell. */
@font-face{font-family:"MYB Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/inter-400.woff2) format("woff2")}
@font-face{font-family:"MYB Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/inter-500.woff2) format("woff2")}
@font-face{font-family:"MYB Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/inter-600.woff2) format("woff2")}
@font-face{font-family:"MYB Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/inter-700.woff2) format("woff2")}
@font-face{font-family:"MYB Serif";font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/playfair-500.woff2) format("woff2")}
@font-face{font-family:"MYB Serif";font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/playfair-600.woff2) format("woff2")}
@font-face{font-family:"MYB Serif";font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/playfair-700.woff2) format("woff2")}
.co-shell:has(#co-overview),.co-shell:has(#co-overview) button,.co-shell:has(#co-overview) input,.co-shell:has(#co-overview) select{font-family:"MYB Sans",-apple-system,"Segoe UI",sans-serif}
.co-shell:has(#co-overview){background:#F7F5F0;color:#17191C}
.co-shell:has(#co-overview) .co-side{width:240px;background:#0D0F0E;padding:22px 14px 16px}
.co-shell:has(#co-overview) .co-main{margin-left:240px;width:calc(100vw - 240px);background:#F7F5F0;position:relative}
.co-shell:has(#co-overview) .co-logo-m,.co-shell:has(#co-overview) .co-logo-yb{font-family:"MYB Serif",Georgia,serif;font-size:38px;font-weight:700;letter-spacing:.01em;line-height:.85;background:none;-webkit-text-fill-color:unset}
.co-shell:has(#co-overview) .co-logo-m{color:#F6F3EC}
.co-shell:has(#co-overview) .co-logo-yb{color:#D8B466}
.co-shell:has(#co-overview) .co-logo-sub{margin-top:7px;font-family:"MYB Sans",sans-serif;font-size:9px;font-weight:700;letter-spacing:.34em;color:#D8B466}
.co-shell:has(#co-overview) .co-nav{margin-top:28px;gap:4px}
.co-shell:has(#co-overview) .co-nav a{font-family:"MYB Sans",sans-serif;font-size:14.5px;font-weight:500;padding:11px 12px;gap:12px;border-radius:12px;color:#E6E0D4}
.co-shell:has(#co-overview) .co-nav a svg{width:18px;height:18px}
.co-shell:has(#co-overview) .co-nav a:hover{background:rgba(216,180,102,.12);color:#fff}
.co-shell:has(#co-overview) .co-nav a.active{background:linear-gradient(180deg,#EAD7A0 0%,#D8B466 58%,#C4A15E 100%);color:#17191C;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.co-shell:has(#co-overview) .co-nav a:focus-visible{outline:2px solid #D8B466;outline-offset:2px}
.co-shell:has(#co-overview) .co-user{border-top:1px solid #2A2C2A;padding-top:14px}
.co-shell:has(#co-overview) .co-sideava,.co-shell:has(#co-overview) .co-sideava img,.co-shell:has(#co-overview) .co-sideava>span{width:40px;height:40px}
.co-shell:has(#co-overview) .co-usertext b{font-size:14px;font-weight:700;color:#fff}
.co-shell:has(#co-overview) .co-co{color:#A7A39A;font-size:12px}
.co-shell:has(#co-overview) .co-userlinks{color:#8E887C;font-size:12px}
.co-shell:has(#co-overview) .co-userlinks a{color:#D8B466;font-weight:600}
.co-shell:has(#co-overview) .co-top{position:absolute;top:22px;right:32px;padding:0;z-index:3;gap:10px}
.co-shell:has(#co-overview) .co-company{background:#fff;border:1px solid #E6E2DA;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;color:#17191C;box-shadow:0 1px 2px rgba(23,25,28,.04)}
.co-shell:has(#co-overview) .co-bell{width:40px;height:40px;background:#fff;border:1px solid #E6E2DA;color:#17191C}
.co-shell:has(#co-overview) .co-badge{background:#C34B45}
.co-shell:has(#co-overview) .co-me{width:40px;height:40px;background:#17191C;color:#fff;border:0;font-weight:700;font-size:13px}
.co-shell:has(#co-overview) .main{max-width:none;padding:26px 32px 56px;background:transparent}
.co-shell:has(#co-overview) .co-dash{margin-top:0;padding-top:2px}
.co-shell:has(#co-overview) .co-hero{padding-right:360px;margin:0 0 6px}
.co-shell:has(#co-overview) .co-hero h1{font-family:"MYB Serif",Georgia,serif;font-weight:600;font-size:40px;line-height:1.12;letter-spacing:-.02em;color:#17191C;margin:0 0 8px}
.co-shell:has(#co-overview) .co-sub{font-family:"MYB Sans",sans-serif;font-size:15.5px;font-weight:400;color:#69717C;margin:0}
.co-shell:has(#co-overview) .co-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0 16px}
.co-shell:has(#co-overview) .co-stat{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #E8E4DC;border-radius:18px;padding:16px 16px 14px;box-shadow:0 10px 28px rgba(23,25,28,.05);min-height:112px}
.co-shell:has(#co-overview) .co-bubble{width:52px;height:52px;flex:none}
.co-shell:has(#co-overview) .co-bubble svg{width:26px;height:26px}
.co-shell:has(#co-overview) .co-bubble.green{background:#21845B;color:#fff}
.co-shell:has(#co-overview) .co-bubble.black{background:#17191C;color:#fff}
.co-shell:has(#co-overview) .co-bubble.gold{background:#D8B466;color:#241C0A}
.co-shell:has(#co-overview) .co-bubble.slate{background:#ECEAE4;color:#17191C}
.co-shell:has(#co-overview) .co-stat-mid{flex:1;min-width:0;display:flex;flex-direction:column}
.co-shell:has(#co-overview) .co-stat-k{font-family:"MYB Sans",sans-serif;font-size:14px;font-weight:600;color:#17191C;line-height:1.25}
.co-shell:has(#co-overview) .co-stat-num{font-family:"MYB Sans",sans-serif;font-weight:700;font-size:32px;line-height:1.05;color:#17191C;margin-top:4px;letter-spacing:-.03em}
.co-shell:has(#co-overview) .co-stat-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}
.co-shell:has(#co-overview) .co-stat-foot>span{color:#69717C;font-size:13px;font-weight:500;white-space:nowrap}
@media(max-width:1520px){
  .co-shell:has(#co-overview) .co-stat{padding:14px 12px;gap:10px}
  .co-shell:has(#co-overview) .co-bubble{width:46px;height:46px}
  .co-shell:has(#co-overview) .co-stat .co-buy,.co-shell:has(#co-overview) .co-stat .co-ghost{padding:6px 8px;font-size:12px}
}
.co-shell:has(#co-overview) .co-stat .co-buy,.co-shell:has(#co-overview) .co-stat .co-ghost{padding:7px 12px;border-radius:9px;font-size:13px;font-weight:700;line-height:1.1;white-space:nowrap}
.co-shell:has(#co-overview) .co-buy{background:linear-gradient(180deg,#EAD7A2,#D8B466 55%,#AF873C);color:#241C0A;border:1px solid #AF873C;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 14px rgba(175,135,60,.22)}
.co-shell:has(#co-overview) .co-buy:hover{filter:brightness(1.05)}
.co-shell:has(#co-overview) .co-buy:focus-visible,.co-shell:has(#co-overview) .co-ghost:focus-visible,.co-shell:has(#co-overview) .co-qa:focus-visible,.co-shell:has(#co-overview) .co-textlink:focus-visible{outline:2px solid #D8B466;outline-offset:2px}
.co-shell:has(#co-overview) .co-ghost{background:#fff;border:1px solid #E4DFD6;color:#17191C;font-weight:600;box-shadow:none}
.co-shell:has(#co-overview) .co-ghost:hover{border-color:#D8B466}
.co-shell:has(#co-overview) .co-split{gap:16px;margin-bottom:16px}
.co-shell:has(#co-overview) .co-split>.co-card,.co-shell:has(#co-overview) .co-bottom>.co-card,.co-shell:has(#co-overview) .co-stat{min-width:0}
.co-shell:has(#co-overview) .co-tablewrap{max-width:100%}
.co-shell:has(#co-overview) .co-card{background:#fff;border:1px solid #E8E4DC;border-radius:18px;padding:22px 22px 18px;box-shadow:0 12px 30px rgba(23,25,28,.05)}
.co-shell:has(#co-overview) .co-card h2,.co-shell:has(#co-overview) .co-cardtitle{font-family:"MYB Serif",Georgia,serif;font-weight:600;font-size:22px;color:#17191C;letter-spacing:-.01em}
.co-shell:has(#co-overview) .co-card h2{margin:0 0 16px}
.co-shell:has(#co-overview) .co-cardtitle svg{color:#A7A39A}
.co-shell:has(#co-overview) .co-donutrow{align-items:center;gap:22px}
.co-shell:has(#co-overview) .co-donut{width:176px;height:176px;flex:none}
.co-shell:has(#co-overview) .co-donut-c b{font-family:"MYB Sans",sans-serif;font-weight:700;font-size:34px;color:#17191C;letter-spacing:-.03em}
.co-shell:has(#co-overview) .co-donut-c span{font-family:"MYB Sans",sans-serif;font-size:13px;color:#69717C;font-weight:500}
.co-shell:has(#co-overview) .co-legend{gap:12px;flex:1 1 220px;width:auto;max-width:420px;min-width:0}
.co-shell:has(#co-overview) .co-legend li{display:grid;grid-template-columns:10px 28px minmax(0,1fr) auto;gap:10px;align-items:center;font-family:"MYB Sans",sans-serif;font-size:14.5px;font-weight:500;color:#17191C}
.co-shell:has(#co-overview) .co-legend b{margin:0;font-weight:700;font-size:15px}
.co-shell:has(#co-overview) .co-legend em{font-style:normal;font-weight:600;color:#69717C}
.co-shell:has(#co-overview) .co-dot{width:10px;height:10px}
.co-shell:has(#co-overview) .co-actions{display:flex;gap:12px;margin-top:18px}
.co-shell:has(#co-overview) .co-actions .co-buy,.co-shell:has(#co-overview) .co-actions .co-ghost{flex:1;text-align:center;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:14.5px;padding:10px 16px}
.co-shell:has(#co-overview) .co-emptyline{color:#69717C;font-size:14.5px;margin:8px 0 0}
.co-shell:has(#co-overview) .co-cardhead h2{margin:0}
.co-shell:has(#co-overview) .co-viewall{color:#69717C;font-size:14px;font-weight:600}
.co-shell:has(#co-overview) .co-viewall:hover{color:#17191C}
.co-shell:has(#co-overview) .co-card .co-table th{font-family:"MYB Sans",sans-serif;font-size:11px;letter-spacing:.08em;color:#8B939E;font-weight:700;padding:8px 8px 12px;border-bottom:1px solid #EEEAE3}
.co-shell:has(#co-overview) .co-card .co-table td{font-family:"MYB Sans",sans-serif;font-size:14px;color:#17191C;padding:12px 8px;border-bottom:1px solid #F3F0EA}
.co-shell:has(#co-overview) .co-person{font-weight:600;color:#17191C;gap:10px}
.co-shell:has(#co-overview) .co-ava,.co-shell:has(#co-overview) .co-ava img{width:36px;height:36px}
.co-shell:has(#co-overview) .co-ava img{box-shadow:0 0 0 2px #fff}
.co-shell:has(#co-overview) .co-pill{font-weight:700;font-size:12.5px;padding:4px 10px}
.co-shell:has(#co-overview) .co-pill.is-done{background:#E5F4EC;color:#21845B}
.co-shell:has(#co-overview) .co-pill.is-prog{background:#F8EFD6;color:#B4812C}
.co-shell:has(#co-overview) .co-pill.is-wait{background:#FBE8E6;color:#C34B45}
.co-shell:has(#co-overview) .co-bar{height:8px;background:#E7E4DE;min-width:84px}
.co-shell:has(#co-overview) .co-bar i{background:#3B6FE0;min-width:6px}
.co-shell:has(#co-overview) .co-bar.is-high i{background:#21845B}
.co-shell:has(#co-overview) .co-bar.is-low i{background:#D8B466}
.co-shell:has(#co-overview) .co-prog b{font-family:"MYB Sans",sans-serif;font-size:13px;font-weight:700}
.co-shell:has(#co-overview) .co-date{color:#69717C}
.co-shell:has(#co-overview) .co-bottom{grid-template-columns:1.2fr .9fr;gap:16px}
.co-shell:has(#co-overview) .co-next{background:#FBF7F0}
.co-shell:has(#co-overview) .co-bulb{background:#F3E7C8;color:#AF873C}
.co-shell:has(#co-overview) .co-nexthead p{color:#69717C}
.co-shell:has(#co-overview) .co-rec{background:#fff;border:1px solid #EFE8D6;border-radius:14px;padding:12px 14px;font-weight:600}
.co-shell:has(#co-overview) .co-qas{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.co-shell:has(#co-overview) .co-qa{background:#FBF9F4;border:1px solid #EFEAE0;border-radius:14px;min-height:118px;padding:16px 8px;font-size:13px;font-weight:700;line-height:1.25;color:#17191C}
.co-shell:has(#co-overview) .co-qa:hover{border-color:#D8B466;background:#fff}
.co-shell:has(#co-overview) .co-qa-ico{width:40px;height:40px;border-radius:12px;background:#F8F1DE;color:#AF873C}
.co-shell:has(#co-overview) .co-qa-ico svg{stroke:#AF873C;width:22px;height:22px}
.co-shell:has(#co-overview) .co-empty{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 8px 8px;max-width:420px}
.co-shell:has(#co-overview) .co-empty-ico{width:44px;height:44px;border-radius:50%;background:#F3E7C8;color:#AF873C;display:inline-flex;align-items:center;justify-content:center}
.co-shell:has(#co-overview) .co-empty-ico svg{width:22px;height:22px}
.co-shell:has(#co-overview) .co-empty b{font-family:"MYB Serif",Georgia,serif;font-size:20px;font-weight:600;color:#17191C}
.co-shell:has(#co-overview) .co-empty p{margin:0 0 8px;color:#69717C;font-size:14.5px}
@media(max-width:1280px){
  .co-shell:has(#co-overview) .co-hero h1{font-size:34px}
  .co-shell:has(#co-overview) .co-stat-k{font-size:13px}
  .co-shell:has(#co-overview) .co-stat-num{font-size:28px}
  .co-shell:has(#co-overview) .co-qas{grid-template-columns:1fr 1fr}
}
@media(max-width:1180px){
  .co-shell:has(#co-overview) .co-split,.co-shell:has(#co-overview) .co-bottom{grid-template-columns:1fr}
  .co-shell:has(#co-overview) .co-qas{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1100px){
  .co-shell:has(#co-overview) .co-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .co-shell:has(#co-overview) .co-hero{padding-right:0}
  .co-shell:has(#co-overview) .co-top{position:static;padding:16px 24px 0;justify-content:flex-end}
  .co-shell:has(#co-overview) .co-dash{padding-top:8px}
}
@media(max-width:860px){
  .co-shell:has(#co-overview) .co-side{position:sticky;width:100%;height:auto;left:auto}
  .co-shell:has(#co-overview) .co-main{margin-left:0;width:100%}
  .co-shell:has(#co-overview) .main{padding:12px 16px 36px}
  .co-shell:has(#co-overview) .co-split,.co-shell:has(#co-overview) .co-bottom{grid-template-columns:1fr}
  .co-shell:has(#co-overview) .co-donutrow{flex-direction:row;align-items:center}
  .co-shell:has(#co-overview) .co-legend{width:auto;max-width:none}
}
@media(max-width:640px){
  .co-shell:has(#co-overview) .co-stats{grid-template-columns:1fr}
  .co-shell:has(#co-overview) .co-hero h1{font-size:30px}
  .co-shell:has(#co-overview) .co-actions{flex-direction:column}
  .co-shell:has(#co-overview) .co-qas{grid-template-columns:1fr 1fr}
}