:root{
  --bg:#04060a; --bg2:#070b12; --panel:#0a1019; --panel2:#0d1520; --panel3:#111b29;
  --line:rgba(70,140,230,.20); --line2:rgba(70,140,230,.38);
  --blue:#1e90ff; --blue2:#4aa8ff; --blue-d:#0a4fb0; --glow:0 0 18px rgba(30,144,255,.45);
  --silver:#c7cfd9; --text:#e9eff7; --muted:#8693a6; --dim:#5b6779;
  --green:#2fd27a; --orange:#ff9b3d; --red:#ff4f5e; --gold:#f2c14e;
  --r:14px; --sidebar:236px; --top:62px;
  --font:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --display:'Montserrat','Inter',system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}
body{background:radial-gradient(1200px 600px at 70% -10%,rgba(30,144,255,.10),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(30,144,255,.07),transparent 60%),var(--bg);min-height:100vh}
a{color:var(--blue2);text-decoration:none}
button{font-family:inherit}
.ic{width:20px;height:20px;flex:none}
h1,h2,h3,h4{font-family:var(--display);margin:0;letter-spacing:.01em}
.muted{color:var(--muted)} .dim{color:var(--dim)} .blue{color:var(--blue2)} .green{color:var(--green)} .orange{color:var(--orange)} .red{color:var(--red)} .gold{color:var(--gold)}
.small{font-size:12px} .tiny{font-size:11px}

/* ---------- Logo ---------- */
.logo{display:inline-flex;align-items:center;gap:10px}
.logo .dc-mark{filter:drop-shadow(0 0 6px rgba(30,144,255,.35))}
.logo-text{display:flex;flex-direction:column;line-height:1}
.wm{font-family:var(--display);font-weight:600;letter-spacing:.26em;font-size:15px}
.wm-d{background:linear-gradient(180deg,#fff,#aeb7c2 55%,#e7ecf1);-webkit-background-clip:text;background-clip:text;color:transparent}
.wm-c{color:var(--blue);text-shadow:0 0 12px rgba(30,144,255,.45)}
.logo-tag{font-size:9px;letter-spacing:.22em;color:var(--muted);margin-top:5px;font-weight:600}
.logo.stacked{flex-direction:column;gap:12px;text-align:center}
.logo.stacked .wm{font-size:26px}
.logo.stacked .logo-tag{font-size:11px;margin-top:10px}

/* ---------- Topbar ---------- */
.topbar{position:sticky;top:0;z-index:50;height:var(--top);display:flex;align-items:center;gap:18px;padding:0 18px;background:rgba(4,6,10,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.topbar .brand{cursor:pointer;display:flex;align-items:center}
.topbar .dealer{display:flex;flex-direction:column;line-height:1.15;padding-left:16px;border-left:1px solid var(--line);font-size:12px}
.topbar .dealer b{font-family:var(--display);font-size:12px;letter-spacing:.08em;color:var(--silver)}
.roles{margin-left:auto;display:flex;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:4px}
.roles button{background:none;border:0;color:var(--muted);padding:7px 12px;border-radius:999px;cursor:pointer;font-size:12.5px;font-weight:600;white-space:nowrap;display:flex;gap:6px;align-items:center}
.roles button .ic{width:15px;height:15px}
.roles button:hover{color:var(--text)}
.roles button.on{background:linear-gradient(180deg,#1e90ff,#0b63d6);color:#fff;box-shadow:var(--glow)}
.roles-select{display:none;margin-left:auto;background:var(--panel);color:var(--text);border:1px solid var(--line2);border-radius:10px;padding:8px 10px;font-size:13px}
.demo-badge{position:fixed;right:12px;bottom:10px;z-index:60;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:rgba(10,16,25,.85);border:1px solid var(--line);padding:4px 9px;border-radius:999px;pointer-events:auto}

/* ---------- Shell / sidebar ---------- */
.app{min-height:calc(100vh - var(--top))}
.shell{display:flex;min-height:calc(100vh - var(--top))}
.sidebar{width:var(--sidebar);flex:none;background:linear-gradient(180deg,#060a10,#04070b);border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;position:sticky;top:var(--top);height:calc(100vh - var(--top));overflow:auto}
.sb-store{font-family:var(--display);font-weight:600;font-size:13px;color:var(--silver);padding:4px 10px 14px;line-height:1.3}
.sb-store small{display:block;color:var(--muted);font-family:var(--font);font-weight:500;font-size:11px;margin-top:3px}
.sb-sec{font-size:10px;letter-spacing:.18em;color:var(--dim);padding:14px 12px 6px;font-weight:700}
.nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:#b7c2d1;font-weight:500;font-size:13.5px;margin-bottom:2px;border:1px solid transparent;cursor:pointer}
.nav a:hover{background:rgba(30,144,255,.07);color:#fff}
.nav a.on{background:linear-gradient(90deg,rgba(30,144,255,.28),rgba(30,144,255,.06));border-color:var(--line2);color:#fff;box-shadow:inset 3px 0 0 var(--blue)}
.nav a .ic{width:18px;height:18px;color:var(--blue2)}
.nav .pill{margin-left:auto;background:var(--blue);color:#fff;border-radius:999px;font-size:10px;padding:1px 7px;font-weight:700}
.sb-foot{margin-top:auto;padding-top:16px}
.sb-motto{font-family:var(--display);font-size:10px;letter-spacing:.2em;color:var(--muted);line-height:1.8;padding:0 12px 14px}
.sb-motto i{display:block;width:34px;height:2px;background:var(--blue);margin-top:8px;box-shadow:var(--glow)}
.me{display:flex;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px;cursor:pointer}
.me .av{width:36px;height:36px}
.me b{display:block;font-size:12.5px}
.me small{color:var(--muted);font-size:11px}
.main{flex:1;min-width:0;padding:22px 26px 60px}
.page-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.page-head h1{font-size:26px;font-weight:700}
.page-head h1 em{font-style:normal;color:var(--blue2);text-shadow:0 0 18px rgba(30,144,255,.5)}
.page-head p{margin:4px 0 0;color:var(--muted)}
.page-head .right{margin-left:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:12.5px;color:var(--silver)}
.chip .ic{width:16px;height:16px;color:var(--blue2)}

/* ---------- Cards / KPIs ---------- */
.grid{display:grid;gap:14px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))} .g3{grid-template-columns:repeat(3,minmax(0,1fr))} .g4{grid-template-columns:repeat(4,minmax(0,1fr))} .g5{grid-template-columns:repeat(5,minmax(0,1fr))} .g6{grid-template-columns:repeat(6,minmax(0,1fr))}
.span2{grid-column:span 2} .span3{grid-column:span 3}
.card{background:linear-gradient(180deg,rgba(14,22,34,.92),rgba(8,13,20,.92));border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.03)}
.card.glow{border-color:var(--line2);box-shadow:0 0 0 1px rgba(30,144,255,.12),0 0 28px rgba(30,144,255,.14)}
.card h3{font-size:14.5px;font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:12px}
.card h3 .ic{color:var(--blue2)}
.card h3 .right{margin-left:auto;font-family:var(--font);font-weight:500;font-size:12px;color:var(--muted)}
.card .sub{color:var(--muted);font-size:12.5px;margin:-6px 0 12px}
.kpi{display:flex;gap:14px;align-items:center;cursor:pointer;transition:.18s}
.kpi:hover{border-color:var(--line2);transform:translateY(-1px)}
.kpi .ico{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;flex:none;background:radial-gradient(circle at 50% 30%,rgba(30,144,255,.35),rgba(30,144,255,.06));border:1px solid var(--line2);color:var(--blue2);box-shadow:var(--glow)}
.kpi .ico .ic{width:24px;height:24px}
.kpi .lbl{color:#b9c4d3;font-size:12.5px}
.kpi .val{font-family:var(--display);font-size:25px;font-weight:700;letter-spacing:-.01em;line-height:1.15}
.kpi .delta{font-size:11.5px;color:var(--muted)}
.kpi .delta b{color:var(--green);font-weight:600}
.big-money{font-family:var(--display);font-weight:800;font-size:34px;color:var(--green);text-shadow:0 0 18px rgba(47,210,122,.35)}
.banner{display:flex;align-items:center;gap:14px;padding:13px 18px;border-radius:12px;border:1px solid var(--line2);background:linear-gradient(90deg,rgba(30,144,255,.22),rgba(30,144,255,.05));box-shadow:var(--glow);font-weight:600;font-size:15px}
.banner .ic{color:var(--blue2);width:24px;height:24px}
.banner.ok{border-color:rgba(47,210,122,.45);background:linear-gradient(90deg,rgba(47,210,122,.18),rgba(47,210,122,.03));box-shadow:0 0 18px rgba(47,210,122,.25)}
.banner.ok .ic{color:var(--green)}
.banner.warn{border-color:rgba(255,155,61,.5);background:linear-gradient(90deg,rgba(255,155,61,.18),rgba(255,155,61,.03));box-shadow:0 0 18px rgba(255,155,61,.2)}
.banner.warn .ic{color:var(--orange)}
.banner .right{margin-left:auto}

/* ---------- Tables ---------- */
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{text-align:left;font-weight:600;color:var(--muted);font-size:11.5px;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:9px 10px;border-bottom:1px solid rgba(70,140,230,.09);white-space:nowrap}
.tbl tr.click{cursor:pointer} .tbl tr.click:hover td{background:rgba(30,144,255,.06)}
.tbl tr.hl td{background:linear-gradient(90deg,rgba(30,144,255,.35),rgba(30,144,255,.12))}
.tbl tfoot td{font-weight:700;color:var(--blue2);border-top:1px solid var(--line2)}
.tbl .num{text-align:right}
.tbl-wrap{overflow-x:auto}
.who{display:flex;align-items:center;gap:10px}
.av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;flex:none;background:linear-gradient(135deg,#2a3b55,#16243a);border:1px solid var(--line2)}
.tag{display:inline-block;padding:2px 9px;border-radius:6px;font-size:11px;font-weight:600;border:1px solid var(--line2);background:rgba(30,144,255,.12);color:#cfe6ff}
.tag.svc{background:rgba(255,155,61,.13);border-color:rgba(255,155,61,.4);color:#ffc58e}
.tag.ok{background:rgba(47,210,122,.12);border-color:rgba(47,210,122,.4);color:#8af0b8}
.tag.warn{background:rgba(255,155,61,.13);border-color:rgba(255,155,61,.45);color:#ffc58e}
.tag.bad{background:rgba(255,79,94,.12);border-color:rgba(255,79,94,.45);color:#ff9aa4}
.tag.grey{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);color:#b9c4d3}
.dotlive{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px;box-shadow:0 0 8px var(--green)}

/* ---------- Buttons / forms ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line2);background:var(--panel2);color:var(--text);padding:10px 16px;border-radius:10px;font-weight:600;font-size:13.5px;cursor:pointer;transition:.15s}
.btn:hover{border-color:var(--blue);box-shadow:var(--glow)}
.btn.primary{background:linear-gradient(180deg,#2a9bff,#0b63d6);border-color:#3aa0ff;color:#fff;box-shadow:0 6px 22px rgba(30,144,255,.35)}
.btn.primary:hover{filter:brightness(1.08)}
.btn.ghost{background:transparent}
.btn.danger{border-color:rgba(255,79,94,.5);color:#ff9aa4;background:rgba(255,79,94,.08)}
.btn.block{width:100%}
.btn.sm{padding:6px 11px;font-size:12px;border-radius:8px}
.btn .ic{width:17px;height:17px}
.btn[disabled]{opacity:.45;pointer-events:none}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.field label{font-size:12px;color:var(--muted);font-weight:600}
.input,select.input,textarea.input{background:#070c13;border:1px solid var(--line2);color:var(--text);border-radius:10px;padding:10px 12px;font-size:13.5px;font-family:inherit;width:100%}
.input:focus{outline:none;border-color:var(--blue);box-shadow:var(--glow)}
textarea.input{min-height:84px;resize:vertical}
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg button{background:#070c13;border:1px solid var(--line2);color:#c5d0de;border-radius:10px;padding:8px 12px;font-size:12.5px;font-weight:600;cursor:pointer}
.seg button.on{background:rgba(30,144,255,.22);border-color:var(--blue);color:#fff;box-shadow:var(--glow)}
.toggle{width:42px;height:24px;border-radius:999px;background:#1b2636;border:1px solid var(--line2);position:relative;cursor:pointer;flex:none;transition:.2s}
.toggle::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#7d8a9c;transition:.2s}
.toggle.on{background:var(--blue);box-shadow:var(--glow)} .toggle.on::after{left:20px;background:#fff}
.progress{height:9px;background:rgba(255,255,255,.07);border-radius:99px;overflow:hidden}
.progress i{display:block;height:100%;background:linear-gradient(90deg,#0b63d6,#3aa8ff);border-radius:99px;box-shadow:var(--glow);transition:width .6s}
.list-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(70,140,230,.1)}
.list-row:last-child{border-bottom:0}
.list-row .ico-s{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(30,144,255,.12);border:1px solid var(--line2);color:var(--blue2);flex:none}
.list-row .ico-s .ic{width:17px;height:17px}
.list-row .grow{flex:1;min-width:0}
.list-row b{font-weight:600}
.steps-n{display:flex;flex-direction:column;gap:10px}
.step-n{display:flex;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(7,12,19,.7)}
.step-n .n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#2a9bff,#0b63d6);font-weight:800;font-family:var(--display);box-shadow:var(--glow);flex:none}
.inc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.inc{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:rgba(7,12,19,.7);font-size:13px}
.inc .ic{color:var(--blue2);width:26px;height:26px}
.foot-note{font-size:11.5px;color:var(--dim);margin-top:10px}
.foot-note sup{color:var(--blue2)}

/* chart */
.chart{width:100%;height:auto;display:block}
.chart .grid{stroke:rgba(120,160,220,.10);stroke-width:1}
.chart .axis,.axis{fill:#7b889b;font-size:10.5px;font-family:var(--font)}
.chart .val{font-size:11px;font-weight:700;font-family:var(--font)}
.donut-big{fill:#fff;font-size:26px;font-weight:800;font-family:var(--display)}
.legend{display:flex;gap:16px;font-size:12px;color:var(--muted);flex-wrap:wrap}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.ring{position:relative;flex:none}
.ring svg{width:100%;height:100%}
.ring-txt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ring-txt b{font-family:var(--display);font-size:22px}
.ring-txt small{color:var(--muted);font-size:11px}

/* funnel */
.funnel{display:flex;flex-direction:column;gap:8px;align-items:center}
.funnel .fs{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:10px;border:1px solid var(--line2);background:linear-gradient(90deg,rgba(30,144,255,.28),rgba(30,144,255,.08));box-shadow:0 0 16px rgba(30,144,255,.18);cursor:pointer}
.funnel .fs b{font-family:var(--display);font-size:22px;min-width:52px}
.funnel .fs span{font-size:12.5px;color:#cfdbea}
.funnel .fs em{margin-left:auto;font-style:normal;color:var(--blue2);font-size:12px;font-weight:700}

/* ---------- Modal & toast ---------- */
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);z-index:100;display:grid;place-items:center;padding:20px;animation:fade .2s}
.modal{width:min(520px,100%);max-height:88vh;overflow:auto;background:linear-gradient(180deg,#0e1622,#080d14);border:1px solid var(--line2);border-radius:18px;padding:22px;box-shadow:0 0 40px rgba(30,144,255,.25)}
.modal h2{font-size:19px;margin-bottom:6px}
.modal .acts{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
#toast-root{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:120;display:flex;flex-direction:column;gap:8px;align-items:center}
.toast{background:#0d1622;border:1px solid var(--line2);box-shadow:var(--glow);padding:11px 16px;border-radius:12px;display:flex;gap:10px;align-items:center;font-weight:500;animation:up .25s}
.toast .ic{color:var(--green)}
@keyframes fade{from{opacity:0}} @keyframes up{from{opacity:0;transform:translateY(10px)}}

/* ---------- Landing / tap ---------- */
.landing{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;max-width:1240px;margin:0 auto;padding:46px 28px 70px;min-height:calc(100vh - var(--top))}
.landing h1{font-size:48px;line-height:1.05;font-weight:800;letter-spacing:.02em}
.landing h1 .b{color:var(--blue);text-shadow:0 0 26px rgba(30,144,255,.55)}
.landing .lead{font-size:16px;color:#b8c3d2;max-width:520px;margin:18px 0 26px}
.eyebrow{font-family:var(--display);letter-spacing:.32em;font-size:11.5px;color:var(--blue2);font-weight:700;margin-bottom:16px;display:block}
.tagrow{font-family:var(--display);letter-spacing:.3em;font-size:12px;color:var(--muted);margin-top:30px}
.tagrow b{color:var(--blue2);font-weight:600}
.tap-stage{position:relative;display:grid;place-items:center;min-height:520px}
.tap-stage .kit{width:100%;max-width:560px;border-radius:18px;border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 60px rgba(30,144,255,.12);opacity:.9}
.fob{position:absolute;right:4%;bottom:6%;width:150px;height:230px;border-radius:26px 26px 40px 40px;background:linear-gradient(160deg,#1d2228,#0b0d10 60%,#15191e);border:2px dashed rgba(255,255,255,.08);box-shadow:0 20px 50px rgba(0,0,0,.7),inset 0 0 0 6px #0c0f12,inset 0 0 0 7px rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer;transition:.25s}
.fob::before{content:"";position:absolute;top:-34px;width:54px;height:54px;border-radius:50%;border:6px solid #9aa3ad;box-shadow:inset 0 0 4px #000}
.fob:hover{transform:translateY(-6px) rotate(-2deg)}
.fob .nfc{color:var(--blue);width:34px;height:34px}
.fob .wm{font-size:9px;letter-spacing:.2em}
.pulse{position:absolute;inset:-10px;border-radius:40px;border:2px solid var(--blue);opacity:0;pointer-events:none}
.tapping .pulse{animation:pulse 1.1s ease-out 2}
.tapping .pulse.p2{animation-delay:.35s}
@keyframes pulse{0%{opacity:.9;transform:scale(.9)}100%{opacity:0;transform:scale(1.5)}}
.tap-status{display:flex;gap:10px;align-items:center;margin-top:18px;font-size:13.5px;color:var(--muted);min-height:22px}
.tap-status .spin{width:16px;height:16px;border:2px solid var(--line2);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.cta-row{display:flex;gap:12px;flex-wrap:wrap}
.btn.xl{padding:15px 26px;font-size:16px;border-radius:14px}
.mini-links{display:flex;gap:18px;margin-top:22px;flex-wrap:wrap;font-size:13px}
.mini-links a{display:flex;align-items:center;gap:6px;color:#9fb3cc;cursor:pointer}
.mini-links a:hover{color:#fff}
.mini-links .ic{width:16px;height:16px;color:var(--blue2)}

/* ---------- Customer hub (phone) ---------- */
.hub-stage{display:grid;grid-template-columns:1fr auto 1fr;gap:34px;align-items:center;max-width:1320px;margin:0 auto;padding:26px 24px 50px}
.hub-side h2{font-family:var(--display);font-size:13px;letter-spacing:.34em;line-height:2;color:#cdd7e4;font-weight:600}
.hub-side .bar{width:44px;height:2px;background:var(--blue);box-shadow:var(--glow);margin:18px 0}
.hub-side p{letter-spacing:.2em;font-size:11px;color:var(--muted);line-height:1.9;font-family:var(--display)}
.hub-side .dealer-mark{margin-top:36px;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(10,16,25,.6);font-size:12px}
.hub-side .dealer-mark b{display:block;font-family:var(--display);letter-spacing:.18em;font-size:13px;color:var(--silver);margin-bottom:4px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.feat{text-align:center;padding:12px 8px;border-radius:12px;cursor:pointer;transition:.15s;border:1px solid transparent}
.feat:hover,.feat.on{background:rgba(30,144,255,.08);border-color:var(--line)}
.feat .circ{width:50px;height:50px;border-radius:50%;margin:0 auto 8px;display:grid;place-items:center;border:1.5px solid var(--blue);color:#d8ebff;box-shadow:0 0 16px rgba(30,144,255,.5),inset 0 0 12px rgba(30,144,255,.3)}
.feat .circ .ic{width:22px;height:22px}
.feat b{display:block;font-size:10.5px;letter-spacing:.08em;color:var(--blue2);font-weight:700;text-transform:uppercase}
.feat small{color:var(--muted);font-size:10.5px}
.phone{width:390px;height:812px;border-radius:54px;padding:12px;background:linear-gradient(145deg,#2b3038,#0b0d10 40%,#1c2026);box-shadow:0 40px 90px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.08),0 0 60px rgba(30,144,255,.15);position:relative}
.screen{width:100%;height:100%;border-radius:43px;overflow:hidden;background:#05080d;position:relative;display:flex;flex-direction:column}
.island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:112px;height:32px;background:#000;border-radius:20px;z-index:5}
.statusbar{height:46px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:6px 30px 0;font-size:14px;font-weight:600}
.statusbar .sig{display:flex;gap:5px;align-items:center}
.statusbar .sig i{display:inline-block;width:3px;background:#fff;border-radius:1px}
.ph-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 16px 18px;scrollbar-width:none}
.ph-body::-webkit-scrollbar{display:none}
.ph-head{display:flex;align-items:center;gap:10px;padding:6px 0 12px}
.ph-head .ttl{font-weight:700;font-size:16px;flex:1;text-align:center;margin-right:30px}
.ph-head .backb{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line);color:#fff;cursor:pointer}
.ph-head .bell{margin-left:auto;position:relative;cursor:pointer;color:#dfe8f3}
.ph-head .bell::after{content:"";position:absolute;top:-1px;right:-1px;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 6px var(--red)}
.ph-card{background:linear-gradient(180deg,#0f1825,#0a1018);border:1px solid var(--line);border-radius:14px;padding:13px 14px;margin-bottom:10px}
.ph-card.glow{border-color:var(--line2);box-shadow:0 0 18px rgba(30,144,255,.15)}
.ph-card h4{font-size:14px;margin-bottom:6px}
.welcome{display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.welcome b{font-size:16px;font-weight:600;display:block}
.welcome small{color:var(--muted)}
.veh-card{position:relative;border-radius:16px;overflow:hidden;height:150px;margin-bottom:12px;border:1px solid var(--line2);cursor:pointer}
.veh-card img{width:100%;height:100%;object-fit:cover;object-position:30% 40%;filter:brightness(.8) saturate(1.1)}
.veh-card .ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,10,.92) 0%,rgba(3,6,10,.55) 55%,rgba(3,6,10,.1));padding:14px;display:flex;flex-direction:column;justify-content:flex-end}
.veh-card .ov b{font-size:16px;font-family:var(--display)}
.veh-card .ov small{color:#aeb9c8;font-size:11px}
.veh-card .ov .mi{margin-top:6px;font-size:12px;color:var(--blue2);font-weight:700}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tile{background:linear-gradient(180deg,#0f1825,#09101a);border:1px solid var(--line);border-radius:14px;padding:12px 6px 10px;text-align:center;cursor:pointer;transition:.15s;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px;font-weight:600;color:#d4deea;min-height:84px;justify-content:center}
.tile:hover{border-color:var(--blue);box-shadow:0 0 14px rgba(30,144,255,.3)}
.tile .ic{width:24px;height:24px;color:var(--blue2);filter:drop-shadow(0 0 5px rgba(30,144,255,.6))}
.tabbar{flex:none;display:flex;justify-content:space-around;padding:8px 6px 22px;border-top:1px solid var(--line);background:#060a10}
.tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:#7f8ca0;cursor:pointer;min-width:56px}
.tabbar a .ic{width:21px;height:21px}
.tabbar a.on{color:var(--blue2)}
.ph-list a,.ph-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(10,16,25,.85);margin-bottom:8px;cursor:pointer;color:var(--text)}
.ph-list a:hover,.ph-row.click:hover{border-color:var(--blue);background:rgba(30,144,255,.08)}
.ph-list a .ic:first-child{color:var(--blue2)}
.ph-list a .chev,.ph-row .chev{margin-left:auto;color:var(--dim);width:16px;height:16px}
.ph-row{cursor:default}
.ph-row.click{cursor:pointer}
.ph-row .grow{flex:1;min-width:0}
.ph-row .grow b{display:block;font-size:13.5px;font-weight:600}
.ph-row .grow small{color:var(--muted);font-size:11.5px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;font-size:12.5px}
.kv dt{color:var(--muted)} .kv dd{margin:0;text-align:right;font-weight:600}
.ph-section{font-size:11px;letter-spacing:.14em;color:var(--muted);font-weight:700;margin:14px 2px 8px;text-transform:uppercase}
.date-pills{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.date-pills button{flex:none;width:54px;padding:8px 0;border-radius:12px;background:#0a111b;border:1px solid var(--line2);color:#cfd9e6;cursor:pointer;font-weight:600;font-size:11px}
.date-pills button b{display:block;font-size:17px;font-family:var(--display);margin-top:2px}
.date-pills button.on{background:linear-gradient(180deg,#2a9bff,#0b63d6);border-color:#3aa0ff;color:#fff;box-shadow:var(--glow)}
.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.slots button{padding:9px 0;border-radius:10px;background:#0a111b;border:1px solid var(--line2);color:#cfd9e6;font-weight:600;font-size:12px;cursor:pointer}
.slots button.on{background:rgba(30,144,255,.25);border-color:var(--blue);color:#fff;box-shadow:var(--glow)}
.slots button.off{opacity:.3;pointer-events:none;text-decoration:line-through}
.success{text-align:center;padding:20px 6px}
.success .medal{width:110px;height:110px;margin:6px auto 16px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--blue);box-shadow:0 0 30px rgba(30,144,255,.6),inset 0 0 24px rgba(30,144,255,.35);color:#fff}
.success .medal .ic{width:50px;height:50px}
.success h3{font-size:22px;margin-bottom:6px}
.success p{color:var(--muted);font-size:13px;margin:0 0 14px}
.pts-box{border:1px solid var(--line2);border-radius:14px;padding:14px;background:rgba(30,144,255,.08);margin-bottom:10px}
.pts-box b{font-family:var(--display);font-size:24px}
.platform{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;margin-bottom:7px;background:rgba(10,16,25,.85);cursor:pointer}
.platform:hover{border-color:var(--blue)}
.platform .lg{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:15px;color:#fff;flex:none}
.platform .grow b{display:block;font-size:13.5px}
.platform .grow small{color:var(--muted);font-size:11px}
.stars{display:flex;gap:6px;justify-content:center;margin:12px 0}
.stars span{cursor:pointer;color:#f5b301;font-size:30px;line-height:1;filter:drop-shadow(0 0 6px rgba(245,179,1,.5))}
.stars span.off{color:#3a4252;filter:none}
.ai-scan{border:1px dashed var(--blue);border-radius:14px;padding:18px;text-align:center;background:rgba(30,144,255,.06)}
.ai-scan .bar2{height:6px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;margin-top:12px}
.ai-scan .bar2 i{display:block;height:100%;width:0;background:linear-gradient(90deg,#0b63d6,#5ab4ff);animation:scan 2.2s ease forwards}
@keyframes scan{to{width:100%}}
.ex-field{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(70,140,230,.1);font-size:12.5px}
.ex-field span{color:var(--muted)}
.ex-field input{background:transparent;border:0;border-bottom:1px dashed var(--line2);color:#fff;text-align:right;font-weight:600;font-size:12.5px;width:60%;font-family:inherit}
.conf{font-size:10px;color:var(--green);margin-left:6px}
.prod{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;background:rgba(10,16,25,.85)}
.prod .pi{width:52px;height:52px;border-radius:10px;background:radial-gradient(circle,#1a2a42,#0a111b);display:grid;place-items:center;color:var(--blue2);flex:none;border:1px solid var(--line)}
.prod .grow{flex:1} .prod b{display:block;font-size:13px} .prod small{color:var(--muted);font-size:11px}
.team-card{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;margin-bottom:9px;background:rgba(10,16,25,.85)}
.team-card .av{width:48px;height:48px;font-size:15px}
.team-card .grow{flex:1}
.team-card b{display:block} .team-card small{color:var(--muted);font-size:11.5px}
.team-card .acts{display:flex;gap:6px}
.icon-btn{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(30,144,255,.12);border:1px solid var(--line2);color:var(--blue2);cursor:pointer}
.icon-btn .ic{width:16px;height:16px}
.acc{border:1px solid var(--line);border-radius:12px;margin-bottom:7px;background:rgba(10,16,25,.85);overflow:hidden}
.acc summary{padding:12px;cursor:pointer;font-weight:600;font-size:13px;list-style:none;display:flex;justify-content:space-between}
.acc summary::-webkit-details-marker{display:none}
.acc p{margin:0;padding:0 12px 12px;color:var(--muted);font-size:12.5px}
.rules{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rule{border:1px solid var(--line);border-radius:12px;padding:10px;background:rgba(10,16,25,.85);font-size:11.5px;color:var(--muted)}
.rule b{display:flex;gap:6px;align-items:center;color:#fff;font-size:12.5px;margin-bottom:4px}
.rule b .ic{width:16px;height:16px;color:var(--blue2)}
.rule.hot{border-color:rgba(255,155,61,.5)} .rule.hot b .ic{color:var(--orange)}

/* ---------- Kit activation ---------- */
.stepper{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}
.stepper div{flex:1;min-width:120px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel);font-size:12.5px;color:var(--muted);display:flex;gap:9px;align-items:center}
.stepper div i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#1a2433;font-weight:700;font-size:11px}
.stepper div.on{border-color:var(--blue);color:#fff;box-shadow:var(--glow)}
.stepper div.on i{background:var(--blue)}
.stepper div.done{color:#b9e9cf}
.stepper div.done i{background:var(--green);color:#04120a}
.device{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(7,12,19,.8);margin-bottom:10px}
.device .dimg{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle,#1a2a42,#090f18);border:1px solid var(--line2);color:var(--blue2);flex:none}
.device .grow{flex:1}
.device b{display:block}
.device small{color:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:12px}
.device.lost{opacity:.75;border-color:rgba(255,79,94,.45)}
.choice{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(7,12,19,.8);margin-bottom:8px;cursor:pointer}
.choice:hover{border-color:var(--line2)}
.choice.on{border-color:var(--blue);background:rgba(30,144,255,.12);box-shadow:var(--glow)}
.choice .grow{flex:1} .choice small{color:var(--muted);display:block;font-size:12px}
.radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--line2);flex:none}
.choice.on .radio{border-color:var(--blue);background:radial-gradient(circle,var(--blue) 45%,transparent 50%)}
.scan-box{display:grid;place-items:center;text-align:center;padding:30px;border:1px dashed var(--line2);border-radius:16px;background:radial-gradient(circle at 50% 40%,rgba(30,144,255,.12),transparent 70%)}
.scan-box .big-nfc{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--blue);box-shadow:0 0 40px rgba(30,144,255,.5);margin-bottom:16px;color:#fff;position:relative}
.scan-box .big-nfc .ic{width:48px;height:48px}
.scan-box.tapping .big-nfc::after,.scan-box.tapping .big-nfc::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--blue);animation:pulse 1s ease-out infinite}
.scan-box.tapping .big-nfc::before{animation-delay:.4s}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.vegas{border-radius:12px;overflow:hidden;border:1px solid var(--line2);box-shadow:var(--glow)}
.vegas img{display:block;width:100%;height:100%;object-fit:cover}
.rank{width:22px;display:inline-block;text-align:center;font-weight:700;color:var(--muted)}
.rank.gold{color:var(--gold)}
.slider{width:100%;accent-color:var(--blue)}
.state-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ph-card .state-flow{gap:4px;flex-wrap:nowrap}.ph-card .state-flow .tag{font-size:10px;padding:2px 6px;white-space:nowrap}
.state-flow .st{padding:7px 12px;border-radius:9px;border:1px solid var(--line2);background:rgba(30,144,255,.1);font-weight:600;font-size:12.5px}
.state-flow .ic{width:16px;height:16px;color:var(--dim)}
.tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}
.tabs button{background:transparent;border:1px solid var(--line);color:var(--muted);padding:6px 12px;border-radius:8px;cursor:pointer;font-size:12.5px;font-weight:600}
.tabs button.on{border-color:var(--blue);color:#fff;background:rgba(30,144,255,.15)}
.split-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.split-head .av{width:54px;height:54px;font-size:17px}
.split-head b{font-family:var(--display);font-size:19px;display:block}
.minis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.mini{border:1px solid var(--line);border-radius:10px;padding:9px;background:rgba(7,12,19,.8);font-size:11px;color:var(--muted)}
.mini .ic{width:16px;height:16px;color:var(--blue2);display:block;margin-bottom:4px}
.mini b{display:block;font-size:17px;color:var(--blue2);font-family:var(--display)}
.drawer-bg{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:90}
.drawer{position:fixed;right:0;top:0;bottom:0;width:min(440px,100%);background:#080d14;border-left:1px solid var(--line2);z-index:95;padding:22px;overflow:auto;box-shadow:-10px 0 40px rgba(0,0,0,.5);animation:slide .25s}
@keyframes slide{from{transform:translateX(40px);opacity:0}}
.report-prev{background:#f4f6f9;color:#111;border-radius:10px;padding:16px;font-size:12px}
.report-prev table{width:100%;border-collapse:collapse}
.report-prev td,.report-prev th{border-bottom:1px solid #dde2ea;padding:5px;text-align:left}

/* ---------- Responsive ---------- */
@media (max-width:1280px){ .roles button span{display:none} .roles button{padding:7px 10px} .g6{grid-template-columns:repeat(3,minmax(0,1fr))} .hub-stage{grid-template-columns:auto 1fr} .hub-left{display:none} }
@media (max-width:1100px){ .g5{grid-template-columns:repeat(3,minmax(0,1fr))} .g4{grid-template-columns:repeat(2,minmax(0,1fr))} .g3{grid-template-columns:repeat(2,minmax(0,1fr))} .span3{grid-column:span 2} }
@media (max-width:900px){
  .roles{display:none} .roles-select{display:block} .topbar .dealer{display:none}
  .shell{flex-direction:column}
  .sidebar{width:100%;height:auto;position:static;flex-direction:row;overflow-x:auto;padding:8px;border-right:0;border-bottom:1px solid var(--line)}
  .sidebar .sb-store,.sidebar .sb-sec,.sidebar .sb-foot{display:none}
  .nav{display:flex;gap:4px}
  .nav a{white-space:nowrap;margin:0}
  .main{padding:16px 14px 60px}
  .landing{grid-template-columns:1fr;padding-top:26px} .landing h1{font-size:36px} .tap-stage{min-height:380px}
  .hub-stage{grid-template-columns:1fr;padding:12px 8px 40px} .hub-right{display:none}
  .g2,.g3,.g4,.g5,.g6{grid-template-columns:1fr 1fr} .span2,.span3{grid-column:span 2}
  .inc-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .g2,.g3,.g4,.g5,.g6{grid-template-columns:1fr} .span2,.span3{grid-column:auto}
  .phone{width:100%;max-width:400px;height:calc(100vh - 90px);min-height:640px;border-radius:40px;padding:8px} .screen{border-radius:33px}
  .minis{grid-template-columns:1fr 1fr}
  .topbar .logo-text{display:none}
  .page-head h1{font-size:21px}
}

.g6 .kpi{gap:10px;padding:14px}
.g6 .kpi .ico{width:40px;height:40px;border-radius:12px}
.g6 .kpi .ico .ic{width:20px;height:20px}
.g6 .kpi .val{font-size:22px}
.g6 .kpi .lbl{font-size:12px;line-height:1.25}
.logo .dc-mark path{stroke:rgba(255,255,255,.08);stroke-width:.6}
.fob{right:-3%;bottom:-6%}
.veh-card img{filter:brightness(1.15) contrast(1.05) saturate(1.1);object-position:20% 30%}

@media (max-width:560px){
  .g4,.g5,.g6{grid-template-columns:1fr 1fr}
  .kpi{gap:10px;padding:12px}
  .kpi .ico{width:36px;height:36px;border-radius:10px;box-shadow:none}
  .kpi .ico .ic{width:18px;height:18px}
  .kpi .val,.g6 .kpi .val{font-size:19px}
  .kpi .lbl{font-size:11.5px}
  .hub-stage{padding:0}
  .phone{width:100%;max-width:none;height:calc(100dvh - var(--top));min-height:560px;border-radius:0;padding:0;background:none;box-shadow:none}
  .screen{border-radius:0}
  .island,.statusbar{display:none}
  .ph-body{padding-top:10px}
  .demo-badge{top:21px;bottom:auto;right:auto;left:72px;font-size:9.5px}
  .page-head .right{margin-left:0}
}

/* ---------- Employee faces (synthetic placeholder headshots) ---------- */
.av.face{padding:0;overflow:hidden;background:#0d1520;border:1.5px solid var(--line2);box-shadow:0 0 0 1px rgba(0,0,0,.4)}
.av.face img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.av.lg{width:46px;height:46px}
.veh-card img.cut{object-fit:contain;object-position:70% 60%;filter:none;background:radial-gradient(ellipse at 65% 70%,rgba(30,144,255,.22),transparent 60%),linear-gradient(180deg,#0b1626,#05080d)}

/* ---------- Customer: "Schedule Service in Client Portal" showcase (#/hub/schedule) ---------- */
.apx-stage{--ab:#2457f0;--ab2:#3b74ff;--ag:#169c3c;position:relative;overflow:hidden;overflow:clip;min-height:calc(100vh - var(--top));background:radial-gradient(900px 420px at 50% 112%,rgba(36,87,240,.20),transparent 70%),radial-gradient(1000px 500px at 50% -20%,rgba(30,90,200,.12),transparent 70%),#03050a;font-family:'Barlow',var(--font)}
.apx-canvas{width:1440px;margin:0 auto;padding:12px 34px 14px;position:relative;z-index:1}
.apx-edge{position:absolute;width:300px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,#2d7bff 40%,#bfe0ff 50%,#2d7bff 60%,transparent);box-shadow:0 0 18px 4px rgba(45,123,255,.55);filter:blur(.4px);opacity:.9;pointer-events:none}
.apx-edge::after{content:"";position:absolute;inset:-26px -10px;background:radial-gradient(closest-side,rgba(45,123,255,.25),transparent);}
.apx-edge.tl{top:60px;left:-110px;transform:rotate(-52deg)} .apx-edge.tr{top:60px;right:-110px;transform:rotate(52deg)}
.apx-edge.bl{bottom:60px;left:-110px;transform:rotate(52deg)} .apx-edge.br{bottom:60px;right:-110px;transform:rotate(-52deg)}
.apx-top{text-align:center}
.apx-logo{display:inline-flex;align-items:center;gap:16px}
.apx-logo .wm{font-family:var(--display);font-size:30px;letter-spacing:.24em;font-weight:600}
.apx-tag{font-size:12.5px;letter-spacing:.36em;color:#d9dee6;margin:4px 0 8px;font-weight:500}
.apx-top h1{font-family:'Barlow Semi Condensed','Barlow',var(--display);font-weight:700;font-size:52px;line-height:1;letter-spacing:.045em;background:linear-gradient(180deg,#f4f6f9 0%,#cfd5dd 55%,#a9b1bc 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 10px}
.apx-top p{font-size:19px;color:#e8edf3;margin:0}
.apx-top p span{color:#3d82ff}
.apx-main{display:grid;grid-template-columns:250px 1fr;gap:26px;margin-top:16px;align-items:start}
.apx-feats{padding-top:20px}
.apx-feat{display:flex;gap:18px;align-items:flex-start;padding:18px 0 20px;position:relative}
.apx-feat+.apx-feat::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(61,130,255,.7) 30%,rgba(170,205,255,.8) 45%,rgba(61,130,255,.5) 65%,transparent)}
.apx-feat .ring{width:74px;height:74px;flex:none;border-radius:50%;display:grid;place-items:center;border:2px solid #3b7bff;color:#fff;box-shadow:0 0 16px rgba(59,123,255,.75),inset 0 0 14px rgba(59,123,255,.45);background:radial-gradient(circle,rgba(20,40,90,.6),rgba(3,6,12,.9))}
.apx-feat .ring .ic{width:34px;height:34px;stroke-width:1.5}
.apx-feat h3{font-family:'Barlow',var(--font);font-weight:700;font-size:20px;line-height:1.05;letter-spacing:.04em;color:#2f7bff;text-transform:uppercase;margin:0 0 6px}
.apx-feat p{margin:0;font-size:16px;line-height:1.3;color:#eef2f7}
.apx-phones{display:grid;grid-template-columns:repeat(4,252px);justify-content:space-between}
.apx-col{display:flex;flex-direction:column;align-items:center;position:relative}
.apx-label{font-size:17px;letter-spacing:.03em;color:#eef2f7;font-weight:500;margin-bottom:8px;white-space:nowrap}
.apx-label b{color:#3d82ff;font-weight:600}
.apx-phone{width:252px;height:520px;border-radius:40px;padding:7px;position:relative;background:linear-gradient(145deg,#6d6a63,#26252a 18%,#121216 50%,#2a2a2f 82%,#77736b);box-shadow:0 0 0 1px #000,0 18px 40px rgba(0,0,0,.7),inset 0 0 0 1.5px rgba(255,255,255,.12);transition:box-shadow .3s}
.apx-phone::before,.apx-phone::after{content:"";position:absolute;width:3px;border-radius:2px;background:#3d3c40}
.apx-phone::before{left:-3px;top:92px;height:34px;box-shadow:0 46px 0 #3d3c40} .apx-phone::after{right:-3px;top:120px;height:52px}
.apx-phone.focus{box-shadow:0 0 0 1px #000,0 18px 40px rgba(0,0,0,.7),0 0 26px rgba(59,123,255,.45),inset 0 0 0 1.5px rgba(255,255,255,.12)}
.apx-phone.apx-hit{animation:apxPulse 1s ease-out}
@keyframes apxPulse{0%{box-shadow:0 0 0 1px #000,0 0 0 0 rgba(59,123,255,.9)}100%{box-shadow:0 0 0 1px #000,0 0 0 18px rgba(59,123,255,0)}}
.apx-glow{width:230px;height:16px;margin-top:4px;border-radius:50%;background:radial-gradient(closest-side,rgba(59,123,255,.85),rgba(59,123,255,.18) 60%,transparent);filter:blur(2px)}
.apx-screen{width:100%;height:100%;border-radius:33px;overflow:hidden;position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,#0b1220,#070b14 40%,#060910);color:#eef2f7;font-size:10px;line-height:1.3}
.apx-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:96px;height:19px;background:#000;border-radius:0 0 13px 13px;z-index:3}
.apx-notch::after{content:"";position:absolute;right:22px;top:6px;width:6px;height:6px;border-radius:50%;background:#121a2e}
.apx-status{flex:none;height:26px;display:flex;justify-content:space-between;align-items:center;padding:3px 20px 0 24px;font-size:10.5px;font-weight:600}
.apx-sig{display:flex;align-items:flex-end;gap:1.5px}
.apx-sig i{display:block;width:2.5px;background:#fff;border-radius:1px}
.apx-sig i:nth-child(1){height:3px}.apx-sig i:nth-child(2){height:5px}.apx-sig i:nth-child(3){height:7px}.apx-sig i:nth-child(4){height:9px}
.apx-sig .ic{width:11px;height:11px;margin:0 3px 0 4px;stroke-width:2.4}
.apx-bat{width:19px;height:9px;border:1px solid rgba(255,255,255,.75);border-radius:2.5px;padding:1px;position:relative}
.apx-bat i{display:block;height:100%;width:100%;background:#fff;border-radius:1px}
.apx-home{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:84px;height:3.5px;border-radius:3px;background:rgba(255,255,255,.85);z-index:3}
.apx-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 11px 8px;scrollbar-width:none}
.apx-body::-webkit-scrollbar{display:none}
.apx-foot{flex:none;padding:6px 11px 16px}
.apx-btn{width:100%;height:32px;border:0;border-radius:6px;background:linear-gradient(180deg,#2a5ff5,#1e46d2);color:#fff;font:500 13px 'Barlow',var(--font);letter-spacing:.02em;cursor:pointer;box-shadow:0 4px 14px rgba(36,87,240,.45)}
.apx-btn:hover{filter:brightness(1.12)} .apx-btn[disabled]{opacity:.45;pointer-events:none}
.apx-btn.ghost{background:transparent;border:1px solid #2a5ff5;box-shadow:none}
.apx-brand{flex:none;display:flex;align-items:center;gap:7px;padding:4px 12px 7px;margin:0 11px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13.5px;font-weight:500}
.apx-brand .dc-mark{filter:none}
.apx-bell{margin-left:auto;position:relative;cursor:pointer;color:#f1f4f8}
.apx-bell .ic{width:16px;height:16px}
.apx-bell::after{content:"";position:absolute;top:0;right:0;width:5px;height:5px;border-radius:50%;background:#ff3b4e}
.apx-car{height:88px;display:grid;place-items:center;margin:6px 0 2px;cursor:pointer;position:relative}
.apx-car::after{content:"";position:absolute;bottom:4px;left:22%;right:14%;height:8px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.85),transparent)}
.apx-car img{max-height:88px;max-width:96%;object-fit:contain;position:relative;z-index:1}
.apx-vt{display:flex;flex-direction:column;margin-bottom:7px;font-size:9px;color:#d9dfe7;line-height:1.35}
.apx-vt b{font-size:11px;letter-spacing:.04em;color:#fff;font-weight:600}
.apx-menu a{display:flex;align-items:center;gap:9px;height:27px;padding:0 8px;margin-bottom:3px;border-radius:5px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05);color:#e9edf3;cursor:pointer}
.apx-menu a:hover{background:rgba(59,123,255,.14)}
.apx-menu a .ic{width:14px;height:14px;color:#e2e7ee;stroke-width:1.6}
.apx-menu a .g{flex:1;display:flex;flex-direction:column;line-height:1.1}
.apx-menu a b{font-weight:500;font-size:10.5px}
.apx-menu a small{font-size:8px;color:#dfe8ff}
.apx-menu a .cv{width:11px;height:11px;color:#cfd6e0}
.apx-menu a.hl{height:35px;background:linear-gradient(180deg,#2a5ff5,#1c43cf);border-color:#3b6dff;box-shadow:0 0 12px rgba(42,95,245,.5)}
.apx-menu a.hl .ic,.apx-menu a.hl .cv{color:#fff}
.apx-head{flex:none;position:relative;text-align:center;padding:4px 14px 7px}
.apx-head b{display:block;font-size:12.5px;font-weight:500;line-height:20px}
.apx-head small{display:block;font-size:9px;color:#c9d1dc}
.apx-back{position:absolute;left:10px;top:4px;width:20px;height:20px;display:grid;place-items:center;cursor:pointer;color:#fff;border-radius:6px}
.apx-back:hover{background:rgba(255,255,255,.08)}
.apx-back .ic{width:15px;height:15px}
.apx-svcs{margin-bottom:8px}
.apx-chk{display:flex;align-items:center;gap:8px;height:28px;padding:0 8px;margin-bottom:2px;border-radius:4px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.045);cursor:pointer;user-select:none;font-size:10.5px}
.apx-chk:hover{background:rgba(59,123,255,.12)}
.apx-chk .g{flex:1}
.apx-chk .pr{font-size:10px;color:#e9edf3}
.apx-chk .bx{width:13px;height:13px;border-radius:2px;border:1.2px solid rgba(255,255,255,.55);display:grid;place-items:center;flex:none}
.apx-chk .bx .ic{width:10px;height:10px;stroke-width:3.2;color:#fff;opacity:0}
.apx-chk.on .bx{background:#2a62f5;border-color:#2a62f5} .apx-chk.on .bx .ic{opacity:1}
.modal-svcs .apx-chk{height:36px;font-size:13px;padding:0 12px} .modal-svcs .apx-chk .pr{font-size:13px} .modal-svcs .apx-chk .bx{width:16px;height:16px} .modal-svcs .apx-chk .bx .ic{width:12px;height:12px}
.apx-note{width:100%;min-height:40px;margin:0 0 8px;background:#070c15;border:1px solid rgba(59,123,255,.45);border-radius:5px;color:#fff;font:9.5px 'Barlow',var(--font);padding:5px 7px;resize:none}
.apx-box{display:flex;align-items:center;gap:9px;padding:8px 9px;margin-bottom:5px;border-radius:6px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);color:#e9edf3;cursor:pointer;min-height:44px}
.apx-box:hover{background:rgba(59,123,255,.12)}
.apx-box .ic{width:17px;height:17px;color:#e6ebf2}
.apx-box .g{flex:1;display:flex;flex-direction:column;line-height:1.2}
.apx-box b{font-size:10.5px;font-weight:600} .apx-box small{font-size:8.5px;color:#b9c2cf}
.apx-box .cv{width:12px;height:12px}
.apx-visit{display:flex;align-items:flex-start;gap:10px;padding:7px 8px;margin-bottom:5px;border-radius:6px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);cursor:pointer;user-select:none;min-height:57px}
.apx-visit:hover{border-color:rgba(59,123,255,.5)}
.apx-visit .vi{width:25px;height:25px;flex:none;color:#e9edf3;stroke-width:1.4;margin-top:2px}
.apx-visit .g{flex:1;display:flex;flex-direction:column}
.apx-visit b{font-size:11px;font-weight:600;margin-bottom:1px} .apx-visit small{font-size:8.6px;color:#cfd6df;line-height:1.25}
.apx-visit .tk{width:16px;height:16px;border-radius:50%;flex:none;align-self:center;display:grid;place-items:center;opacity:0}
.apx-visit .tk .ic{width:10px;height:10px;stroke-width:3.2;color:#fff}
.apx-visit.on{border-color:#2f66ff;background:rgba(36,87,240,.10);box-shadow:inset 0 0 0 .5px #2f66ff}
.apx-visit.on .tk{opacity:1;background:#2a62f5;box-shadow:0 0 0 2px rgba(42,98,245,.25)}
.apx-ent{padding:9px;border-radius:6px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.apx-elogo{display:inline-flex;align-items:center;height:21px;padding:0 6px 0 0;border:1px solid rgba(255,255,255,.8);background:#0b0b0b;font:700 14px Arial,Helvetica,sans-serif;letter-spacing:-.02em;color:#fff}
.apx-elogo i{font-style:normal;background:#169b45;height:100%;display:grid;place-items:center;padding:0 1px 0 7px;width:22px}
.apx-ent p{margin:6px 0 0;font-size:9.6px;line-height:1.35;color:#e9edf3}
.apx-cal{padding:0 1px;border-radius:8px}
.apx-cal.apx-hit{animation:apxCal 1s ease-out}
@keyframes apxCal{0%{box-shadow:0 0 0 0 rgba(59,123,255,.9)}100%{box-shadow:0 0 0 12px rgba(59,123,255,0)}}
.apx-calh{display:flex;align-items:center;justify-content:space-between;padding:0 2px 4px}
.apx-calh b{font-size:12.5px;font-weight:500}
.apx-calh button{background:none;border:0;color:#fff;cursor:pointer;width:20px;height:20px;display:grid;place-items:center;padding:0;border-radius:5px}
.apx-calh button:hover{background:rgba(255,255,255,.08)} .apx-calh button[disabled]{opacity:.25;pointer-events:none}
.apx-calh .ic{width:13px;height:13px}
.apx-days{display:grid;grid-template-columns:repeat(7,1fr);row-gap:4px;justify-items:center}
.apx-days .wd{font-size:7px;color:#c3cad4;letter-spacing:.02em;padding-bottom:2px}
.apx-days .d{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font:500 10.5px 'Barlow',var(--font);color:#e9edf3;background:none;border:0;padding:0}
.apx-days .d.out{color:#5d6675}
.apx-days button.d{cursor:pointer;color:#fff}
.apx-days .d.loaner{background:#2152e8;box-shadow:0 0 6px rgba(33,82,232,.55)}
.apx-days .d.service{background:#15913a;box-shadow:0 0 6px rgba(21,145,58,.5)}
.apx-days button.d:hover{filter:brightness(1.25)}
.apx-days .d.sel{box-shadow:0 0 0 1.5px #070b14,0 0 0 3px #fff,0 0 10px rgba(255,255,255,.4)}
.apx-legend{display:flex;flex-direction:column;gap:3px;margin:8px 2px 8px;font-size:8px;color:#d4dae3}
.apx-legend i{display:inline-block;width:6.5px;height:6.5px;border-radius:50%;margin-right:5px;vertical-align:0}
.apx-legend i.b{background:#2152e8} .apx-legend i.g{background:#15913a}
.apx-sum{padding:7px 9px;border-radius:6px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);font-size:9px}
.apx-sum>div{display:grid;grid-template-columns:78px 1fr;gap:4px;padding:3.5px 0}
.apx-sum span{color:#e1e6ee} .apx-sum b{font-weight:500;color:#f3f6fa}
.apx-sum b.ok{color:#22c55e} .apx-sum b.warn{color:#ffa94d}
.apx-sum .ck{display:flex;align-items:center;gap:5px;padding-top:4px}
.apx-sum .ck .ic{width:13px;height:13px;color:#4c86ff}
.apx-done{text-align:center;padding:8px 0 10px}
.apx-done .md{width:58px;height:58px;margin:4px auto 8px;border-radius:50%;display:grid;place-items:center;border:2px solid #22c55e;box-shadow:0 0 18px rgba(34,197,94,.5),inset 0 0 12px rgba(34,197,94,.3)}
.apx-done .md .ic{width:28px;height:28px;color:#22c55e;stroke-width:2.6}
.apx-done b{display:block;font-size:15px;font-weight:600}
.apx-done span{display:block;font-size:10px;color:#cfd6df;margin-top:2px} .apx-done em{font-style:normal;color:#fff;font-weight:600;font-family:ui-monospace,Menlo,monospace}
.apx-done small{display:block;font-size:9px;color:#9aa6b6;margin-top:3px}
.apx-box.sm{margin-top:6px;min-height:30px}
.apx-bottom{position:relative;text-align:center;margin-top:8px;padding-bottom:8px;font-size:23px;letter-spacing:.2em;color:#f1f4f8;font-weight:500;white-space:nowrap}
.apx-bottom span{margin:0 .35em} .apx-bottom .b{color:#2f7bff;margin-right:.9em}
/* narrow screens: phones become a swipeable carousel */
.apx-stage.apx-m .apx-canvas{width:auto;padding:14px 0 18px}
.apx-m .apx-top{padding:0 14px} .apx-m .apx-logo .dc-mark{width:44px;height:22px} .apx-m .apx-logo .wm{font-size:18px} .apx-m .apx-tag{font-size:8.5px;letter-spacing:.22em}
.apx-m .apx-top h1{font-size:27px} .apx-m .apx-top p{font-size:13px}
.apx-m .apx-main{grid-template-columns:1fr;gap:6px;margin-top:10px}
.apx-m .apx-feats{order:2;padding:0 14px;display:grid;gap:0}
.apx-m .apx-feat{padding:10px 0;gap:12px} .apx-m .apx-feat .ring{width:46px;height:46px} .apx-m .apx-feat .ring .ic{width:22px;height:22px}
.apx-m .apx-feat h3{font-size:14px} .apx-m .apx-feat h3 br{display:none} .apx-m .apx-feat p{font-size:13px}
.apx-m .apx-phones{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px calc(50% - 150px) 10px;scrollbar-width:none;zoom:1.18}
.apx-m .apx-phones::-webkit-scrollbar{display:none}
.apx-m .apx-col{scroll-snap-align:center;flex:none}
.apx-m .apx-bottom{font-size:13px;letter-spacing:.14em;white-space:normal;padding:0 10px}
.apx-m .apx-edge{display:none}
.apx-bottom::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:420px;height:2px;background:linear-gradient(90deg,transparent,#2f7bff 30%,#cfe3ff 50%,#2f7bff 70%,transparent);box-shadow:0 0 12px rgba(47,123,255,.8)}
.av.face.photo{width:64px;height:64px;border-radius:12px;border:1px solid var(--line2)} .av.face.photo img{border-radius:11px}
.team-card.tc2{align-items:flex-start}
.tc2 .role{display:block;color:var(--blue2);font-size:11px;font-weight:600}
.tc2 .tacts{display:flex;gap:16px;margin-top:6px}
.tc2 .tacts a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;color:#cfd8e4;cursor:pointer}
.tc2 .tacts a .ic{width:17px;height:17px;color:#e6ecf3} .tc2 .tacts a:hover .ic{color:var(--blue2)}

/* ---------- Customer deck showcase pages (shared sc-*) ---------- */
.sc-stage .apx-canvas{padding-top:10px}
.sc-top{text-align:center;position:relative}
.sc-top .apx-tag{margin-bottom:6px}
.sc-h1{font-family:'Barlow Semi Condensed','Barlow',var(--display);font-weight:700;font-size:50px;line-height:1.02;letter-spacing:.045em;margin:0 0 8px;color:#eef2f7}
.sc-h1.silver{background:linear-gradient(180deg,#f4f6f9,#cfd5dd 55%,#a9b1bc);-webkit-background-clip:text;background-clip:text;color:transparent}
.sc-h1.thin{font-family:'Barlow',var(--font);font-weight:500;letter-spacing:.14em;font-size:44px}
.sc-h1.white{font-size:44px;letter-spacing:.03em}
.sc-h1 span{color:#2f7bff}
.sc-h1.mix{font-family:'Montserrat',var(--display);font-weight:700;font-size:54px;letter-spacing:0}
.sc-sub{font-size:18px;color:#e8edf3;margin:0}
.sc-sub span{color:#3d82ff}
.sc-tag2{font-size:17px;color:#e6ebf1;margin:2px 0 6px}
.sc-subnav{position:absolute;right:0;top:4px;display:flex;gap:4px;background:rgba(10,16,25,.75);border:1px solid var(--line);border-radius:999px;padding:3px}
.sc-subnav a{font-size:11.5px;color:#9fb0c6;padding:5px 10px;border-radius:999px;cursor:pointer;font-weight:600}
.sc-subnav a.on{background:rgba(36,87,240,.35);color:#fff}
.sc-main{display:block;margin-top:12px}
.sc-main.with-feats{display:grid;grid-template-columns:250px 1fr;gap:22px;align-items:start}
.sc-phones{display:flex!important;justify-content:space-between;align-items:flex-start}
.sc-col .apx-glow{width:85%}
.sc-arrow{align-self:center;color:#2f7bff;margin-top:-40px}
.sc-arrow .ic{width:22px;height:22px;stroke-width:2.6;filter:drop-shadow(0 0 6px rgba(47,123,255,.8))}
.sc-num{font-size:16px}
.sc-label.circ{display:flex;gap:9px;align-items:flex-start;margin-bottom:8px;min-height:40px;align-self:flex-start;padding-left:22px}
.sc-label.circ i{font-style:normal;width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;font-size:13px;background:#1c45d6;box-shadow:0 0 10px rgba(47,123,255,.8);color:#fff}
.sc-label.circ b{display:block;font-size:14.5px;font-weight:600;letter-spacing:.03em;color:#fff}
.sc-label.circ small{display:block;font-size:11px;color:#c9d2de;line-height:1.25;max-width:170px} .sc-label.circ small span{color:#3d82ff}
.sc-cap{text-align:center;margin-top:2px;max-width:250px}
.sc-cap b{display:block;color:#3d82ff;font-weight:600;font-size:15px}
.sc-cap span{display:block;font-size:12.5px;color:#e6ebf1;line-height:1.3}
.sc-tagline{text-align:center;font-size:22px;letter-spacing:.18em;color:#f1f4f8;margin-top:10px;font-weight:500}
.sc-tagline span{color:#2f7bff}
.sc-tagline.caps{font-size:17px;letter-spacing:.2em;margin-top:8px}
.sc-tagline.lc{letter-spacing:.14em;font-size:24px}
.sc-tagline.pipes{letter-spacing:.06em;font-size:21px} .sc-tagline.pipes .b{color:#2f7bff} .sc-tagline.pipes span:last-child{color:#f1f4f8}
.sc-tagline.pipes i{font-style:normal;color:#6c7a90;margin:0 .7em}
.sc-boxes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:8px 0 0 272px}
.sc-boxes>div{display:flex;gap:12px;align-items:center;border:1px solid rgba(59,123,255,.55);border-radius:12px;padding:8px 12px;background:rgba(8,14,26,.75);box-shadow:inset 0 0 14px rgba(36,87,240,.18)}
.sc-boxes .ic{width:30px;height:30px;color:#cfe0ff;flex:none}
.sc-boxes span{font-size:12px;color:#e6ebf1;line-height:1.3} .sc-boxes b{display:block;color:#3d82ff;font-size:11.5px;letter-spacing:.06em}
.sc-strip{display:flex;justify-content:center;margin-top:8px}
.sc-strip>div{display:flex;align-items:center;gap:12px;padding:4px 34px;border-left:1px solid rgba(255,255,255,.18);font-size:15px;color:#eef2f7;line-height:1.25}
.sc-strip>div:first-child{border-left:0}
.sc-strip .ic{width:30px;height:30px;color:#3d82ff}
.sc-corner-l{position:absolute;left:0;top:0;text-align:left}
.sc-corner-l .apx-logo .wm{font-size:22px} .sc-corner-l .apx-tag{font-size:9.5px;letter-spacing:.22em;margin:0}
.sc-corner-r{position:absolute;right:0;top:0;text-align:right}
.sc-corner-r>b{font-size:20px;font-weight:600;color:#fff} .sc-corner-r>b span{color:#2f7bff}
.sc-jlr{margin-top:8px;text-align:center;display:inline-block;padding:4px 10px;border-left:1px solid rgba(255,255,255,.2)}
.sc-jlr em{display:block;font-style:normal;font-family:Georgia,serif;font-size:26px;letter-spacing:.06em;color:#cfd5dd;line-height:1}
.sc-jlr small{font-size:8px;letter-spacing:.14em;color:#aab3c0}
.sc-top.team{padding-top:44px}
.sc-carbg{position:absolute;left:-40px;top:-20px;width:300px;opacity:.35;mask-image:radial-gradient(closest-side,#000 40%,transparent);-webkit-mask-image:radial-gradient(closest-side,#000 40%,transparent);pointer-events:none}
.sc-motto{font-size:9.5px;letter-spacing:.12em;color:#aab4c2;line-height:1.5;margin-top:8px}
.sc-feats .apx-feat{padding:12px 0 14px}
.deck-team .sc-feats .apx-feat .ring{width:62px;height:62px} .deck-team .sc-feats .apx-feat .ring .ic{width:28px;height:28px}
.deck-team .sc-feats h3{font-size:16px} .deck-team .sc-feats p{font-size:14px}
.deck-team .sc-main.with-feats{grid-template-columns:250px 1fr}
.deck-req .sc-main.with-feats{grid-template-columns:270px 1fr}
.sc-top.big .apx-logo .wm{font-size:44px} .sc-top.big .apx-tag{font-size:12px;letter-spacing:.4em}
/* phone internals */
.sc-url{flex:none;margin:0 10px 4px;height:20px;border-radius:7px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;gap:4px;font-size:9.5px;color:#e6ebf1}
.sc-url .ic{width:9px;height:9px}
.sc-logobar{flex:none;display:flex;align-items:center;justify-content:space-between;padding:2px 12px 6px}
.sc-logobar .dc-mark{filter:none}
.sc-ib{cursor:pointer;display:grid;place-items:center;color:#eef2f7} .sc-ib .ic{width:16px;height:16px}
.sc-wm{display:flex;align-items:center;gap:6px} .sc-wm b{font-family:var(--display);font-size:9px;letter-spacing:.22em;font-weight:600}
.sc-tabbar{flex:none;display:flex;justify-content:space-around;padding:5px 4px 14px;border-top:1px solid rgba(255,255,255,.08);background:#060a12}
.sc-tabbar a{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:7.5px;color:#c9d1dc;cursor:pointer;min-width:34px}
.sc-tabbar a .ic{width:14px;height:14px} .sc-tabbar a.on{color:#3d82ff}
.apx-phone .sc-tabbar~.apx-home{bottom:4px}
.apx-car.sm{height:70px;margin:2px 0 0} .apx-car.sm img{max-height:70px}
.apx-car.big{height:96px} .apx-car.big img{max-height:96px}
.sc-photo{display:inline-block;flex:none;overflow:hidden;background:#1a2433;width:34px;height:34px;border-radius:50%}
.sc-photo img{width:100%;height:100%;object-fit:cover;display:block}
.sc-photo.sq{width:46px;height:50px;border-radius:5px;border:1px solid rgba(255,255,255,.12)}
.sc-photo.ring{width:66px;height:66px;border-radius:50%;border:2px solid #9aa5b5;box-shadow:0 0 0 3px rgba(255,255,255,.06)}
.sc-hero{text-align:center;margin:0 0 6px} .sc-hero b{display:block;color:#3d82ff;font-size:13px;font-weight:600} .sc-hero span{font-size:9px;color:#d6dce5}
.sc-tcard,.sc-dcard{display:flex;gap:8px;align-items:center;padding:6px;border-radius:6px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);margin-bottom:5px;cursor:pointer}
.sc-tcard:hover,.sc-dcard:hover,.sc-dcard.sel{border-color:rgba(59,123,255,.6)}
.sc-tcard .g,.sc-dcard .g{flex:1;min-width:0} .sc-tcard .cv,.sc-dcard .cv{width:12px;height:12px;color:#cfd6e0}
.sc-tcard .role{display:block;color:#3d82ff;font-size:8.5px} .sc-tcard b{display:block;font-size:11.5px;font-weight:600}
.sc-dcard b{display:block;font-size:10.5px;font-weight:600} .sc-dcard .g>span{display:block;font-size:8.5px;color:#cfd6df}
.sc-cte{display:flex;gap:14px;margin-top:3px}
.sc-cte a{display:flex;flex-direction:column;align-items:center;font-size:7.5px;color:#d6dce5;cursor:pointer;gap:1px}
.sc-cte a .ic{width:11px;height:11px} .sc-cte a:hover{color:#3d82ff}
.sc-cte.row{gap:10px} .sc-cte.row a{flex-direction:row;gap:3px;font-size:8px} .sc-cte.row a:first-child .ic{color:#3d82ff} .sc-cte.row a:last-child .ic{color:#fff;background:#2563eb;border-radius:2px}
.sc-else{display:flex;gap:8px;align-items:center;padding:8px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);margin-top:6px}
.sc-else .ic{width:22px;height:22px;flex:none;padding:3px;border-radius:5px;background:rgba(59,123,255,.12)} .sc-else b{display:block;font-size:10px} .sc-else span{font-size:8.5px;color:#cfd6df}
.sc-member{text-align:center;padding-top:2px} .sc-member b{display:block;font-size:13px;font-weight:600;margin-top:4px} .sc-member>span{display:block;font-size:9.5px;color:#d6dce5} .sc-member em{display:block;font-size:9px;font-style:normal;color:#d6dce5}
.sc-circ{display:flex;justify-content:center;gap:16px;margin:8px 0}
.sc-circ a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px;cursor:pointer}
.sc-circ i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1.5px solid #3b7bff;background:radial-gradient(circle,#0d2a6e,#081633);box-shadow:0 0 12px rgba(59,123,255,.7)}
.sc-circ .ic{width:17px;height:17px}
.sc-panel{border-radius:6px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);padding:6px 8px;margin-bottom:5px;font-size:9px;text-align:left}
.sc-panel>b{font-size:10px} .sc-panel p{margin:2px 0 0;color:#e1e6ee;line-height:1.3}
.sc-panel.kv2>div{display:grid;grid-template-columns:52px 1fr auto;gap:4px;align-items:start;padding:3px 0}
.sc-panel.kv2>div+div{border-top:1px solid rgba(255,255,255,.07)}
.sc-panel.kv2 span{font-weight:600} .sc-panel.kv2 em{font-style:normal;font-size:8.5px} .sc-panel.kv2 .pinr{width:12px;height:12px}
.sc-panel dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:1px 8px;font-size:8.5px} .sc-panel dd{margin:0}
.sc-tabs{display:flex;gap:3px;margin-bottom:6px}
.sc-tabs button{flex:1;font:500 8.5px 'Barlow',var(--font);color:#dfe5ee;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:5px 0;cursor:pointer}
.sc-tabs button.on{background:#1d4ed8;border-color:#3b6dff;color:#fff;box-shadow:0 0 8px rgba(42,95,245,.5)}
.sc-note{text-align:center;font-size:8.5px;color:#cfd6df;margin:6px 0 0;line-height:1.35}
.apx-btn.row{display:flex;align-items:center;justify-content:center;gap:6px;position:relative} .apx-btn.row .ic{width:12px;height:12px;position:absolute;right:10px}
.apx-btn.ghost{background:rgba(255,255,255,.03);border:1px solid #2a5ff5}
.apx-btn.sm{height:26px;font-size:10px}
.apx-btn.mt{margin-top:6px;border-color:rgba(255,255,255,.25)}
/* history */
.sc-vhero{display:flex;align-items:flex-start;gap:0;position:relative;height:78px}
.sc-vhero>div{position:absolute;left:0;top:0;z-index:1} .sc-vhero b{display:block;font-size:9px;letter-spacing:.03em} .sc-vhero span{font-size:7px;color:#cfd6df}
.sc-vhero img{position:absolute;right:-8px;top:12px;height:66px}
.sc-seg3{display:flex;border:1px solid rgba(255,255,255,.12);border-radius:5px;overflow:hidden;margin:4px 0 6px}
.sc-seg3 a{flex:1;text-align:center;font-size:8.5px;padding:5px 0;cursor:pointer;color:#dfe5ee} .sc-seg3 a.on{background:#1d3fb8;box-shadow:inset 0 0 0 1px #3b6dff;color:#fff}
.sc-sec{font-size:9px;font-weight:600;letter-spacing:.04em;margin:6px 0 4px;color:#eef2f7} .sc-sec.b{color:#3d82ff;font-size:7.5px;margin:6px 0 3px}
.sc-visit{display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:5px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);margin-bottom:3px;cursor:pointer}
.sc-visit:hover,.sc-visit.sel{border-color:rgba(59,123,255,.6)}
.sc-visit>div:first-child{flex:1} .sc-visit b{display:block;font-size:10px;font-weight:600} .sc-visit span{font-size:8.5px;color:#cfd6df}
.sc-visit .r{text-align:right} .sc-visit .r b{font-size:8.5px} .sc-visit em{font-style:normal;font-size:7.5px;color:#22c55e;background:rgba(34,197,94,.12);padding:0 4px;border-radius:2px}
.sc-visit .cv{width:11px;height:11px}
.sc-vd{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:6px}
.sc-vd>div{display:flex;justify-content:space-between;align-items:center} .sc-vd b{font-size:12.5px;font-weight:600} .sc-vd span{font-size:10px}
.sc-vd em{font-style:normal;font-size:8.5px;color:#22c55e;background:rgba(34,197,94,.14);padding:1px 6px;border-radius:3px}
.sc-checks{list-style:none;margin:0 0 6px;padding:0;font-size:9.5px} .sc-checks li{display:flex;gap:6px;align-items:center;padding:1.5px 0}
.sc-checks .ic{width:11px;height:11px;padding:1.5px;border-radius:50%;background:#16a34a;color:#fff;stroke-width:3.5}
.sc-rows>div{display:flex;align-items:center;gap:6px;padding:6px 7px;border-radius:5px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);margin-bottom:3px;font-size:8.5px;cursor:pointer}
.sc-rows span{flex:1} .sc-rows b{font-weight:500} .sc-rows .ic{width:11px;height:11px} .sc-rows .tot{cursor:default} .sc-rows .tot b{font-size:14px;font-weight:600}
.sc-gauge{display:block;width:150px;margin:0 auto -4px}
.sc-gauge .g1{font:600 20px 'Barlow',sans-serif;fill:#fff} .sc-gauge .g2{font:500 6.5px 'Barlow',sans-serif;fill:#d6dce5} .sc-gauge .g3{font:500 7px 'Barlow',sans-serif;fill:#d6dce5}
.sc-3box{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:4px 0 2px}
.sc-3box>div{border-radius:5px;text-align:center;padding:4px 0;font-size:8px;line-height:1.1}
.sc-3box b{display:block;font-size:15px;font-weight:600}
.sc-3box .g{background:rgba(22,163,74,.16);color:#4ade80} .sc-3box .y{background:rgba(234,179,8,.14);color:#facc15} .sc-3box .r{background:rgba(220,38,38,.14);color:#f87171}
.sc-mrow{display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:5px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);margin-bottom:3px;font-size:9px;cursor:pointer}
.sc-mrow span{flex:1} .sc-mrow b{font-weight:500;font-size:8.5px} .sc-mrow .cv{width:10px;height:10px}
.sc-mrow>.ic:first-child{width:11px;height:11px;padding:1.5px;border-radius:50%;color:#111;stroke-width:3.5}
.sc-mrow.y>.ic:first-child{background:#facc15} .sc-mrow.y b{color:#facc15} .sc-mrow.g>.ic:first-child{background:#22c55e} .sc-mrow.g b{color:#4ade80}
.sc-promo{display:flex;gap:8px;align-items:center;padding:8px;border-radius:6px;background:linear-gradient(180deg,#1b3fae,#13307f);border:1px solid #3b6dff;margin-bottom:6px}
.sc-promo .ic{width:24px;height:24px;flex:none} .sc-promo b{font-size:9.5px;font-weight:500;line-height:1.3}
.sc-rec{display:flex;gap:7px;align-items:center;padding:6px;border-radius:6px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);margin-bottom:4px;cursor:pointer}
.sc-rec.on{border-color:#2f66ff;box-shadow:inset 0 0 0 .5px #2f66ff}
.sc-rec .pic{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#4b5563,#1f2937);color:#d1d5db} .sc-rec .pic .ic{width:22px;height:22px}
.sc-rec .g{flex:1} .sc-rec .g b{display:block;font-size:9.5px;font-weight:600} .sc-rec .g span{font-size:7.5px;color:#cfd6df;line-height:1.2;display:block}
.sc-rec .pr{text-align:right;border-left:1px solid rgba(255,255,255,.12);padding-left:6px;line-height:1.1}
.sc-rec .pr s{display:block;font-size:8px;color:#f87171} .sc-rec .pr b{display:block;font-size:12px;color:#3d82ff;font-weight:600} .sc-rec .pr em{font-style:normal;font-size:7px;color:#3d82ff}
.sc-inv>div{display:flex;justify-content:space-between;font-size:9.5px;padding:2px 0}
.sc-paid{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);margin:6px 0;padding:6px 0;font-size:10px} .sc-paid b:last-child{font-size:15px}
.sc-next{display:flex;gap:9px;align-items:center;padding:8px;border-radius:6px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);cursor:pointer}
.sc-next .ico{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;background:#173a8f} .sc-next .ico .ic{width:20px;height:20px}
.sc-next small{font-size:7.5px;color:#cfd6df} .sc-next b{display:block;font-size:11px;font-weight:600} .sc-next span{font-size:8.5px;color:#d6dce5}
/* warranty tab */
.sc-lrhead{flex:none;display:flex;align-items:center;justify-content:space-between;padding:2px 12px 6px}
.sc-lrhead .sa{text-align:center;line-height:1.05} .sc-lrhead .sa b{font-size:10px;letter-spacing:.16em;font-weight:500} .sc-lrhead .sa small{display:block;font-size:6px;letter-spacing:.2em;color:#cfd6df}
.lr-oval{font:700 5.5px/1 Georgia,serif;letter-spacing:.05em;text-align:center;color:#fff;background:radial-gradient(ellipse,#1f5a3a,#0e3a24);border:1.5px solid #c9cfd6;border-radius:50%;padding:3px 8px;font-style:italic}
.sc-myv span{display:block;font-size:9px} .sc-myv b{font-size:9.5px;font-weight:500;letter-spacing:.03em}
.sc-vin{font-size:8.5px;margin:0 0 4px}
.deck-war .apx-menu a{height:22px;margin-bottom:2px} .deck-war .apx-menu a.hl{height:24px}
.sc-empty{text-align:center} .sc-empty .warn{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 4px;border-radius:50%;border:1.5px solid #eab308;color:#eab308;font-weight:700;font-size:15px}
.sc-empty>b{display:block;font-size:12.5px;font-weight:500} .sc-empty p{font-size:8.5px;color:#d6dce5;margin:3px 0} .sc-empty .b2{font-size:10px;margin-top:6px;font-weight:600} .sc-empty p.s{margin-bottom:6px}
.sc-up{display:flex;gap:8px;align-items:center;padding:7px 8px;border-radius:5px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);margin-bottom:4px;font-size:9.5px;cursor:pointer}
.sc-up:hover{border-color:rgba(59,123,255,.6)} .sc-up span{flex:1} .sc-up .ic{width:13px;height:13px}
.sc-up.busy{border-color:#3b6dff;color:#9cc0ff} .sc-up .spin{width:12px;height:12px;border:2px solid rgba(59,123,255,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}
.sc-fmt{font-size:7.5px;color:#aab3c0;text-align:center;margin:6px 0 0}
.sc-sp{height:6px;flex:none}
.sc-ok{text-align:center;margin-bottom:6px} .sc-ok>span{display:grid;place-items:center;width:30px;height:30px;margin:0 auto 6px;border-radius:50%;border:1.5px solid #22c55e;color:#22c55e;box-shadow:0 0 10px rgba(34,197,94,.4)} .sc-ok>span .ic{width:16px;height:16px;stroke-width:2.5}
.sc-ok b{display:block;font-size:11px;font-weight:500} .sc-ok p{font-size:8.5px;color:#d6dce5;margin:2px 0}
.sc-ok.big>span{width:46px;height:46px;border-width:2px} .sc-ok.big>span .ic{width:24px;height:24px} .sc-ok.big b{font-size:15px;line-height:1.15} .sc-ok.big p{font-size:9px;margin-top:4px} .sc-ok em{font-style:normal;font-family:ui-monospace,Menlo,monospace;color:#9cc0ff}
.sc-cov{display:flex;gap:8px;align-items:flex-start;padding:6px 8px;border-radius:5px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);margin-bottom:4px;cursor:pointer}
.sc-cov:hover{border-color:rgba(59,123,255,.6)} .sc-cov.apx-hit{animation:apxCal 1s ease-out}
.sc-cov>.ic{width:18px;height:18px;margin-top:2px;flex:none} .sc-cov>div{flex:1} .sc-cov b{display:block;font-size:9.5px;font-weight:600} .sc-cov span{display:block;font-size:8px;color:#d6dce5}
.sc-cov em,.sc-cov2 em{font-style:normal;font-size:6.5px;color:#4ade80;border:1px solid #22c55e;padding:1px 4px;border-radius:2px;letter-spacing:.05em;height:fit-content}
.sc-acth b{display:block;font-size:11px;font-weight:600} .sc-acth span{font-size:8px;color:#cfd6df}
.sc-acth{margin-bottom:5px}
.sc-cov2{padding:5px 8px;border-radius:5px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);margin-bottom:4px;cursor:pointer}
.sc-cov2:hover{border-color:rgba(59,123,255,.6)}
.sc-cov2 .t{display:flex;gap:6px;align-items:center} .sc-cov2 .t .ic{width:13px;height:13px} .sc-cov2 .t b{flex:1;font-size:9.5px;font-weight:600}
.sc-cov2 dl{margin:3px 0 0;display:grid;grid-template-columns:72px 1fr;font-size:7.8px;gap:1px 4px} .sc-cov2 dd{margin:0}
/* request */
.sc-dchead{flex:none;display:flex;justify-content:center;align-items:center;gap:6px;font-size:12.5px;padding:2px 0 6px;border-bottom:1px solid rgba(255,255,255,.08);margin:0 10px}
.sc-split{display:grid;grid-template-columns:44% 1fr;gap:6px;min-height:100%}
.sc-split nav{border-right:1px solid rgba(255,255,255,.08);padding:4px 4px 0 0;background:rgba(255,255,255,.02);border-radius:6px}
.sc-split nav a{display:flex;align-items:center;gap:6px;font-size:8.5px;padding:7px 4px;border-radius:5px;cursor:pointer;color:#e6ebf1}
.sc-split nav a .ic{width:12px;height:12px;flex:none} .sc-split nav a.on{background:rgba(36,87,240,.22);border:1px solid #2f66ff;cursor:default}
.sc-split .r .ttl{padding:4px 0 0} .sc-split .r .ttl span{display:block;font-size:9px} .sc-split .r .ttl b{display:block;font-size:11px;letter-spacing:.04em;font-weight:600;line-height:1.15}
.sc-split .r img{width:100%;margin:4px 0}
.sc-nocov{text-align:center;padding:10px 6px;border-radius:6px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);margin-bottom:8px}
.sc-nocov b{display:block;font-size:10px;font-weight:500;margin-top:4px} .sc-nocov span{font-size:7.5px;color:#cfd6df}
.sc-shield{position:relative;display:inline-grid;place-items:center;width:34px;height:38px;flex:none;color:#3b82f6}
.sc-shield>.ic{position:absolute;inset:0;width:100%;height:100%;stroke-width:1.6;fill:rgba(20,40,90,.6)}
.sc-shield span{position:relative;display:grid;place-items:center} .sc-shield span .ic{width:14px;height:14px;color:#fff;stroke-width:1.8}
.sc-shield.x{width:44px;height:50px} .sc-shield.x span .ic{width:20px;height:20px;stroke-width:2}
.sc-lead{font-size:9.5px;margin:0 0 6px;color:#e6ebf1}
.sc-pick{display:flex;gap:8px;align-items:center;padding:8px;border-radius:6px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);margin-bottom:5px;cursor:pointer;user-select:none}
.sc-pick>.ic{width:22px;height:22px;flex:none;stroke-width:1.4} .sc-pick>div{flex:1} .sc-pick b{display:block;font-size:9.5px;font-weight:500} .sc-pick span{font-size:8px;color:#cfd6df}
.sc-pick .bx{width:13px;height:13px;border-radius:2px;border:1.2px solid rgba(255,255,255,.55);display:grid;place-items:center;flex:none} .sc-pick .bx .ic{width:10px;height:10px;stroke-width:3.2;opacity:0}
.sc-pick.on .bx{background:#2a62f5;border-color:#2a62f5} .sc-pick.on .bx .ic{opacity:1}
.sc-fi{display:flex;gap:7px;align-items:center;padding:5px 7px;border-radius:5px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);margin-bottom:3px;cursor:pointer}
.sc-fi .sc-photo{width:28px;height:28px} .sc-fi>div{flex:1;line-height:1.2} .sc-fi b{display:block;font-size:9.5px;font-weight:500} .sc-fi span{display:block;font-size:7.5px;color:#cfd6df} .sc-fi small{font-size:7px;color:#cfd6df}
.sc-fi.any>.ic{width:18px;height:18px;margin:0 5px}
.sc-fi .rd{width:11px;height:11px;border-radius:50%;border:1.2px solid rgba(255,255,255,.6);flex:none}
.sc-fi.on{border-color:rgba(59,123,255,.6)} .sc-fi.on .rd{border-color:#3b82f6;background:radial-gradient(circle,#3b82f6 40%,transparent 46%)}
.sc-rs{font-size:8px;line-height:1.4;padding:5px 7px;border-radius:5px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.sc-meth{display:flex;gap:4px}
.sc-meth button{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;font:500 9px 'Barlow',var(--font);color:#e6ebf1;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.12);border-radius:5px;padding:5px 0;cursor:pointer}
.sc-meth button .ic{width:11px;height:11px} .sc-meth button.on{border-color:#3b6dff;background:rgba(36,87,240,.18)}
.sc-sumlist{border-radius:6px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);padding:2px 8px}
.sc-sumlist>div{display:flex;gap:9px;align-items:flex-start;padding:6px 0;font-size:8.5px;color:#d6dce5} .sc-sumlist>div+div{border-top:1px solid rgba(255,255,255,.07)}
.sc-sumlist .ic{width:15px;height:15px;flex:none;color:#fff} .sc-sumlist b{display:block;font-size:9.5px;font-weight:500;color:#fff}
/* protection */
.sc-pt{display:flex;align-items:center;gap:8px;margin:2px 0 4px} .sc-pt b{font-size:12.5px;font-weight:500}
.sc-pt .bk{cursor:pointer;display:grid;place-items:center} .sc-pt .bk .ic{width:15px;height:15px}
.sc-ptsub{font-size:8.5px;color:#cfd6df;margin:0 0 8px;line-height:1.3}
.sc-prod{display:flex;gap:9px;align-items:center;padding:8px;border-radius:7px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);margin-bottom:6px;cursor:pointer}
.sc-prod.sel{border-color:#2f66ff;box-shadow:0 0 10px rgba(47,102,255,.3)} .sc-prod>div{flex:1}
.sc-prod b,.sc-pd .hd b{display:block;font-size:9.5px;font-weight:500} .sc-prod em,.sc-pd .hd em{display:block;font-style:normal;font-size:8.5px;color:#22c55e} .sc-prod span,.sc-pd .hd span{font-size:8.5px;color:#d6dce5}
.sc-prod .cv{width:12px;height:12px}
.sc-q{display:flex;gap:8px;align-items:center;padding:8px;border-radius:7px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);margin-top:8px;cursor:pointer}
.sc-q>.ic:first-child{width:16px;height:16px;color:#3b82f6} .sc-q>div{flex:1} .sc-q b{display:block;font-size:9px;font-weight:500} .sc-q span{font-size:7.5px;color:#cfd6df} .sc-q .cv{width:11px;height:11px}
.sc-pd{border-radius:7px;border:1px solid rgba(59,123,255,.45);background:rgba(255,255,255,.025);padding:7px 8px}
.sc-pd .hd{display:flex;gap:9px;align-items:center;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}
.sc-pd dl{display:grid;grid-template-columns:1fr 1fr;gap:2px 6px;font-size:8.5px;margin:6px 0;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)} .sc-pd dd{margin:0} .sc-pd dd.ok{color:#22c55e}
.sc-pd .cs b{font-size:9.5px;font-weight:500} .sc-pd .cs p{font-size:8px;color:#cfd6df;margin:1px 0 4px;line-height:1.3}
.sc-pd .it{display:flex;gap:6px;align-items:center;font-size:8.5px;padding:2px 0} .sc-pd .it span{width:13px;height:13px;border-radius:50%;border:1px solid #3b82f6;display:grid;place-items:center} .sc-pd .it .ic{width:8px;height:8px;color:#3b82f6}
.sc-lnk{display:flex;gap:8px;align-items:center;padding:6px 8px;border-radius:5px;border:1px solid rgba(255,255,255,.12);margin-top:5px;font-size:9px;cursor:pointer} .sc-lnk span{flex:1} .sc-lnk .ic{width:12px;height:12px}
.sc-lnk:hover{border-color:rgba(59,123,255,.6)}
/* mobile showcase overrides */
.apx-m .sc-phones{gap:14px} .apx-m .sc-arrow{display:none} .apx-m .sc-phones .apx-phone{zoom:1!important}
.apx-m .sc-main.with-feats{grid-template-columns:1fr} .apx-m .sc-feats{order:2}
.apx-m .sc-corner-l,.apx-m .sc-corner-r,.apx-m .sc-carbg,.apx-m .sc-motto,.apx-m .sc-subnav{position:static;text-align:center;margin:0 auto 6px}
.apx-m .sc-corner-r .sc-jlr{display:none} .apx-m .sc-top.team{padding-top:0}
.apx-m .sc-carbg{display:none}
.apx-m .sc-h1{font-size:26px} .apx-m .sc-h1.mix{font-size:30px} .apx-m .sc-sub{font-size:13px;padding:0 12px}
.apx-m .sc-boxes{margin:8px 12px 0;grid-template-columns:1fr 1fr} .apx-m .sc-strip{flex-wrap:wrap;gap:8px} .apx-m .sc-strip>div{padding:4px 10px;font-size:12px;border:0}
.apx-m .sc-tagline{font-size:13px;padding:0 10px} .apx-m .sc-subnav{display:inline-flex}
.apx-m .sc-label.circ{padding-left:0}
.deck-team [data-ph="1"] .apx-menu a{height:21px;margin-bottom:2px} .deck-team [data-ph="1"] .apx-car.sm{height:58px} .deck-team [data-ph="1"] .apx-car.sm img{max-height:58px}
.apx-m .sc-top.big .apx-logo .wm{font-size:24px} .apx-m .sc-top.big .apx-logo svg{width:40px}

/* ---------- deck batch 2: confirm (slide 9), rewards (10), offers (11) ---------- */
.apx-15{font-style:normal;font-size:8px;color:#4ade80;border:1px solid rgba(34,197,94,.6);border-radius:3px;padding:0 3px;margin-left:3px}
.sc-h1.w2{font-size:44px;letter-spacing:.04em} .sc-h1.w3{font-size:52px;letter-spacing:.05em}
.sc-top.off .sc-h1{font-size:40px;letter-spacing:.04em} .sc-top.off .sc-h1 .sv{color:transparent;background:linear-gradient(180deg,#e8f0ff,#8fb2ff);-webkit-background-clip:text;background-clip:text}
.sc-top.off .sc-sub{font-size:16px}
.sc-tagline.big2{font-size:22px;letter-spacing:.22em}
.sc-motto.r{position:absolute;right:34px;bottom:14px;text-align:right}
.sc-st{font-style:normal;font-size:7px;letter-spacing:.06em;padding:1px 5px;border-radius:3px;color:#facc15;border:1px solid rgba(250,204,21,.55)} .sc-st.ok{color:#4ade80;border-color:rgba(34,197,94,.6)}
.sc-box{border-radius:6px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);padding:4px 8px;margin-bottom:4px;font-size:9.5px}
.sc-box[data-act],.sc-box[data-go],.sc-box .ln[data-act]{cursor:pointer} .sc-box[data-act]:hover,.sc-box[data-go]:hover{border-color:rgba(59,123,255,.6)}
.sc-box .ln{display:flex;align-items:center;gap:7px;padding:3px 0} .sc-box .ln+.ln{border-top:1px solid rgba(255,255,255,.06)} .sc-box .ln span{flex:1}
.sc-box .ln .ic{width:12px;height:12px;flex:none} .sc-box .ln.more{color:#9fb0c6;font-size:8.5px}
.sc-box em.sm{font-style:normal;font-size:7.5px;color:#3d82ff}
.sc-sec.b.in{margin:2px 0 3px}
.sc-box.est .kv{display:flex;justify-content:space-between;padding:1.5px 0;font-size:9px} .sc-box.est .kv em{font-style:normal;color:#4ade80;font-size:7.5px}
.sc-box.est .tot{border-top:1px solid rgba(255,255,255,.12);margin-top:3px;padding-top:4px;font-size:10.5px;font-weight:600}
.sc-box.est p{margin:3px 0 2px;font-size:7.5px;color:#aab4c2;line-height:1.3}
.sc-box.lv{display:flex;gap:8px;align-items:center;padding:6px 8px} .sc-box.lv .sc-photo{width:30px;height:30px} .sc-box.lv b{display:block;font-size:9.5px;font-weight:500} .sc-box.lv span{font-size:8.5px;color:#cfd6df}
.sc-photo.lg{width:52px;height:52px;border:1.5px solid rgba(255,255,255,.25)}
.sc-photo.ic{display:grid;place-items:center;background:#13254d;color:#9cc0ff} .sc-photo.ic .ic{width:18px;height:18px}
.sc-adv{display:flex;gap:9px;align-items:center;padding:7px 8px;cursor:pointer} .sc-adv .g{flex:1;min-width:0} .sc-adv b{display:block;font-size:10.5px;font-weight:500} .sc-adv .g>span{display:block;font-size:8.5px;color:#cfd6df}
.sc-adv .sc-photo{width:32px;height:32px} .sc-adv .cv{width:11px;height:11px}
.sc-adv.big{border-radius:8px;border:1px solid #2f66ff;background:rgba(36,87,240,.10);box-shadow:0 0 12px rgba(47,102,255,.25);margin-bottom:6px;padding:10px 8px;position:relative}
.sc-adv.big b{font-size:13px} .sc-adv.big small{display:block;font-size:8px;color:#cfd6df;margin-top:6px}
.sc-rec{font-style:normal;font-size:6.5px;letter-spacing:.06em;background:#1d4ed8;color:#fff;padding:1.5px 5px;border-radius:3px;vertical-align:2px;margin-left:4px}
.sc-adv.big .ck{position:absolute;right:8px;bottom:8px;width:16px;height:16px;border-radius:50%;border:1.5px solid #3b82f6;display:grid;place-items:center}
.sc-adv.big.on .ck{background:#2563eb} .sc-adv.big .ck .ic{width:10px;height:10px;stroke-width:3.4;color:#fff}
.sc-adv:not(.big).on{background:rgba(36,87,240,.16);box-shadow:inset 3px 0 0 #2f66ff}
.sc-advlist{border-radius:6px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)} .sc-advlist .sc-adv+.sc-adv{border-top:1px solid rgba(255,255,255,.07)}
.sc-first{width:100%;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;font:500 11px 'Barlow',var(--font);color:#e6ebf1;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.2);border-radius:7px;padding:10px 0;cursor:pointer}
.sc-first .ic{width:15px;height:15px} .sc-first.on{border-color:#2f66ff;background:rgba(36,87,240,.18)}
.sc-box.pref{padding:6px 8px} .sc-box.pref .who{display:flex;gap:8px;align-items:center} .sc-box.pref .who .sc-photo{width:32px;height:32px}
.sc-box.pref .who b{display:block;font-size:11px;font-weight:500} .sc-box.pref .who span{font-size:8.5px;color:#cfd6df}
.sc-box .tg{display:flex;gap:7px;align-items:center;padding:6px 0 4px;border-top:1px solid rgba(255,255,255,.07);margin-top:6px;cursor:pointer}
.sc-box .tg>.ic{width:15px;height:15px;color:#3d82ff;flex:none} .sc-box .tg>div{flex:1} .sc-box .tg b{display:block;font-size:9.5px;font-weight:500} .sc-box .tg span{font-size:7.5px;color:#cfd6df;line-height:1.2;display:block}
.sw{width:26px;height:15px;border-radius:999px;background:#4b5563;position:relative;flex:none;transition:background .2s}
.sw::after{content:"";position:absolute;left:2px;top:2px;width:11px;height:11px;border-radius:50%;background:#fff;transition:left .2s}
.sw.on{background:#2563eb} .sw.on::after{left:13px}
.sc-notes{position:relative} .sc-notes textarea{width:100%;height:46px;resize:none;border-radius:6px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);color:#e6ebf1;font:9px 'Barlow',var(--font);padding:6px 8px;box-sizing:border-box}
.sc-notes small{position:absolute;right:7px;bottom:5px;font-size:7px;color:#9aa5b5}
.sc-box.ln1{display:flex;gap:8px;align-items:center;padding:6px 8px} .sc-box.ln1>.ic:first-child{width:15px;height:15px} .sc-box.ln1>div{flex:1} .sc-box.ln1 b{display:block;font-size:9.5px;font-weight:500} .sc-box.ln1 span{font-size:7.5px;color:#cfd6df} .sc-box.ln1 .cv{width:11px;height:11px}
.sc-ok b.xl{font-size:15px;font-weight:500;line-height:1.15;margin-top:2px} .sc-ok.pend>span{border-color:#64748b;color:#94a3b8;box-shadow:none}
.deck-conf .sc-ok>span,.deck-off .sc-ok>span{width:38px;height:38px;background:radial-gradient(circle,#16a34a,#0f7a35);color:#fff;border:2px solid #4ade80} .deck-conf .sc-ok>span .ic,.deck-off .sc-ok>span .ic{width:20px;height:20px;stroke-width:3}
.deck-conf .sc-ok.pend>span,.deck-off .sc-ok.pend>span{background:#1f2937;border-color:#475569;color:#cbd5e1}
.sc-box.dt{padding:2px 8px} .ln2{display:flex;gap:8px;align-items:center;padding:4px 0} .ln2+.ln2{border-top:1px solid rgba(255,255,255,.06)} .ln2 .ic{width:14px;height:14px;flex:none}
.ln2 b{display:block;font-size:9.5px;font-weight:500} .ln2 span{display:block;font-size:8px;color:#cfd6df}
.sc-estl{display:flex;justify-content:space-between;font-size:10px;margin-top:5px} .sc-estl b:first-child{color:#3d82ff;font-weight:600;font-size:9px} .sc-estl b:last-child{font-size:12px;font-weight:600}
.sc-fine{font-size:7.5px;color:#aab4c2;margin:2px 0 0;line-height:1.3}
/* rewards */
.sc-dct{font-size:11px;font-weight:600}
.sc-pts{border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:9px 11px;margin-bottom:6px;position:relative}
.sc-pts small,.sc-mile small,.sc-hrow small{display:block;font-size:7.5px;letter-spacing:.06em;font-weight:600;color:#e6ebf1}
.sc-pts>div{display:flex;align-items:baseline;gap:4px} .sc-pts>div b{font-size:34px;font-weight:600;letter-spacing:.01em;line-height:1.1} .sc-pts>div span{color:#3d82ff;font-size:11px;font-weight:600}
.sc-pts em{font-style:normal;font-size:9px;color:#d6dce5;display:flex;align-items:center;gap:4px} .sc-pts em .ic{width:11px;height:11px;color:#cbd5e1}
.sc-pts .pend{position:absolute;right:9px;top:9px;font-style:normal;font-size:7.5px;color:#4ade80;border:1px solid rgba(34,197,94,.5);border-radius:3px;padding:1px 4px}
.sc-mile{border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:8px 11px;margin-bottom:6px;position:relative;cursor:pointer}
.sc-mile>b{display:block;font-size:10.5px;font-weight:600;margin:4px 0 6px} .sc-mile>b span{color:#3d82ff;font-weight:500}
.sc-mile .medal{position:absolute;right:12px;top:12px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fde68a,#d4a017 60%,#a16207);box-shadow:0 0 10px rgba(234,179,8,.45)} .sc-mile .medal .ic{width:13px;height:13px;color:#7c4a03;fill:#fbbf24}
.sc-mile .bar{height:4px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden} .sc-mile .bar i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#60a5fa)}
.sc-mile p{font-size:8.5px;color:#d6dce5;margin:6px 0 0;line-height:1.3}
.sc-hrow{display:flex;justify-content:space-between;align-items:center;margin:8px 0 5px} .sc-hrow a{font-size:9px;color:#3d82ff;cursor:pointer;font-weight:600} .sc-hrow.b{margin:2px 0 4px} .sc-hrow.b small{color:#3d82ff}
.sc-rw{display:flex;gap:8px;align-items:center;padding:7px 8px;border-radius:7px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);margin-bottom:5px;cursor:pointer}
.sc-rw:hover{border-color:rgba(59,123,255,.6)} .sc-rw.on{border-color:#2f66ff;box-shadow:0 0 10px rgba(47,102,255,.3)} .sc-rw.lock{opacity:.78}
.sc-rw .ico{width:28px;height:28px;flex:none;border-radius:7px;display:grid;place-items:center;background:linear-gradient(180deg,#2457f0,#173a9e);box-shadow:0 0 8px rgba(36,87,240,.45)} .sc-rw .ico .ic{width:15px;height:15px;color:#fff}
.sc-rw>div{flex:1;min-width:0} .sc-rw b{display:block;font-size:9.5px;font-weight:600;line-height:1.2} .sc-rw>div>span{display:block;font-size:7.5px;color:#cfd6df;line-height:1.25} .sc-rw em{font-style:normal;font-size:8.5px;color:#3d82ff}
.sc-rw strong{text-align:center;color:#3d82ff;font-size:14px;font-weight:600;line-height:1} .sc-rw strong small{display:block;font-size:7px;font-weight:600}
.sc-rw .cv{width:10px;height:10px} .sc-rw.sm{padding:8px}
.sc-ptsub.c{text-align:center}
.sc-box.fine{display:flex;gap:6px;align-items:center;font-size:8px;color:#cfd6df;padding:7px 8px} .sc-box.fine .ic{width:11px;height:11px;flex:none}
.sc-box.help{text-align:center;padding:8px} .sc-box.help p{margin:0 0 6px;font-size:9px;line-height:1.35} .sc-box.help .apx-btn{width:80%;margin:0 auto}
.sc-rsel{display:flex;gap:8px;align-items:center;padding:9px 8px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);margin-bottom:6px;position:relative}
.sc-rsel .ok{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;border:2px solid #64748b;color:#94a3b8} .sc-rsel .ok .ic{width:14px;height:14px;stroke-width:3}
.sc-rsel.on .ok{background:radial-gradient(circle,#16a34a,#0f7a35);border-color:#4ade80;color:#fff}
.sc-rsel>div{flex:1} .sc-rsel b{display:block;font-size:10px;font-weight:600} .sc-rsel span{display:block;font-size:8px;color:#cfd6df} .sc-rsel em{font-style:normal;font-size:8.5px;color:#3d82ff}
.sc-rsel>i{position:absolute;right:8px;top:8px;font-style:normal;font-size:7px;color:#4ade80;background:rgba(22,163,74,.2);border:1px solid rgba(34,197,94,.6);border-radius:3px;padding:1px 5px;letter-spacing:.05em}
.sc-box.appt{padding:7px 8px}
.ln3{display:flex;gap:9px;align-items:flex-start;padding:6px 0} .ln3+.ln3{border-top:1px solid rgba(255,255,255,.06)} .ln3[data-go]{cursor:pointer} .ln3 .ic{width:15px;height:15px;flex:none;margin-top:1px}
.ln3 b{display:block;font-size:9.5px;font-weight:600} .ln3 span{display:block;font-size:8.5px;color:#cfd6df}
.sc-info{display:flex;gap:7px;align-items:flex-start;margin-top:5px;padding:6px 7px;border-radius:6px;border:1px solid rgba(59,123,255,.55);background:rgba(36,87,240,.10)}
.sc-info .ic{width:13px;height:13px;color:#3d82ff;flex:none} .sc-info b{display:block;font-size:8.5px;font-weight:600} .sc-info span{font-size:7.5px;color:#cfd6df}
.deck-rew .sc-phones .apx-col:not(:last-child)::after{content:"";position:absolute;right:-30px;top:13px;width:22px;border-top:3px dotted #3b82f6;opacity:.85}
/* offers */
.sc-offer{display:flex;gap:7px;align-items:center;padding:5px;border-radius:7px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);margin-bottom:5px;cursor:pointer}
.sc-offer:hover{border-color:rgba(59,123,255,.6)}
.sc-offer img{width:62px;height:56px;object-fit:cover;border-radius:5px;flex:none}
.sc-offer>div{flex:1;min-width:0} .sc-offer b{display:block;font-size:10.5px;font-weight:600;line-height:1.15} .sc-offer b i{display:block;font-style:normal;color:#3d82ff}
.sc-offer span{display:block;font-size:8.5px;color:#d6dce5;line-height:1.2;margin-top:2px} .sc-offer small{display:block;font-size:7.5px;color:#aab4c2;margin-top:1px} .sc-offer .cv{width:11px;height:11px}
.sc-def{display:flex;gap:7px;padding:5px;border-radius:7px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);margin-bottom:5px}
.sc-def.on{border-color:rgba(34,197,94,.55)}
.sc-def img{width:62px;height:62px;object-fit:cover;border-radius:5px;flex:none} .sc-def>div{flex:1;min-width:0}
.sc-def b{display:block;font-size:10px;font-weight:600} .sc-def span{display:block;font-size:8px;color:#d6dce5}
.sc-def .pr{display:flex;gap:10px;align-items:baseline;margin:1px 0 3px} .sc-def s{font-size:9px;color:#cbd5e1} .sc-def em{font-style:normal;font-size:11px;font-weight:600;color:#3d82ff}
.sc-def .apx-btn{height:20px;font-size:9px} .sc-def .apx-btn .ic{width:9px;height:9px;stroke-width:3}
.sc-def.on .apx-btn{border-color:rgba(34,197,94,.6);color:#bbf7d0}
.sc-box.up{display:flex;gap:9px;align-items:center;padding:8px} .sc-box.up>.ic:first-child{width:22px;height:22px;flex:none} .sc-box.up>div{flex:1}
.sc-box.up small{display:block;font-size:8px;color:#3d82ff} .sc-box.up b{display:block;font-size:10.5px;font-weight:500;line-height:1.25} .sc-box.up .cv{width:11px;height:11px}
.sc-box.svl{padding:3px 8px} .sc-box.svl .g{display:flex;gap:9px;padding:5px 0} .sc-box.svl .g+.g{border-top:1px solid rgba(255,255,255,.07)} .sc-box.svl .g>.ic{width:15px;height:15px;flex:none}
.sc-box.svl b{display:block;font-size:9.5px;font-weight:500} .sc-box.svl span{display:block;font-size:8.5px;color:#d6dce5} .sc-box.svl .dim{color:#7c8798}
.sc-box.sav{display:flex;gap:9px;align-items:center;padding:7px 8px} .sc-box.sav>.ic{width:20px;height:20px;color:#4ade80;flex:none}
.sc-box.sav b{display:block;font-size:9.5px;font-weight:500;color:#facc15} .sc-box.sav em{display:block;font-style:normal;font-size:9px;color:#4ade80;font-weight:600} .sc-box.sav span{font-size:8.5px}
.sc-box.sav.dim{opacity:.55}
.sc-times{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}
.sc-omod{display:flex;gap:14px;align-items:center;margin-bottom:8px} .sc-omod img{width:120px;height:90px;object-fit:cover;border-radius:10px;flex:none} .sc-omod h2{margin:0 0 4px}
.choice.on{border-color:var(--blue,#3b82f6)}
.deck-off .sc-ok b.xl{font-size:13.5px}
.sc-recb{font-style:normal;font-size:6.5px;letter-spacing:.06em;background:#1d4ed8;color:#fff;padding:1.5px 5px;border-radius:3px;vertical-align:2px;margin-left:4px;display:inline-block}
.deck-conf .apx-car.sm{height:54px} .deck-conf .apx-car.sm img{max-height:54px}
.sc-top.off .sc-h1{font-size:36px;margin-top:6px} .sc-top.off{padding-top:58px}
.sc-motto.r{bottom:44px}
.deck-off [data-ph="1"] .apx-menu a{height:21px;margin-bottom:2px} .deck-off [data-ph="1"] .apx-car.sm{height:60px} .deck-off [data-ph="1"] .apx-car.sm img{max-height:60px}
.apx-m .sc-motto.r{position:static;text-align:center}
.sc-pts .resv{position:absolute;right:9px;bottom:9px;font-style:normal;font-size:7.5px;color:#9cc0ff;border:1px solid rgba(59,130,246,.5);border-radius:3px;padding:1px 4px;cursor:pointer}
.apx-m .sc-main.with-feats>div:first-child{order:2} .apx-m .sc-main.with-feats{display:flex;flex-direction:column} .apx-m .sc-top.off .sc-h1,.apx-m .sc-h1.w2,.apx-m .sc-h1.w3{font-size:26px} .apx-m .sc-top.off{padding-top:0} .apx-m .deck-rew .sc-phones .apx-col::after{display:none}
/* ===== deck batch 3 (reviews, trade, marketplace, settings, intro, conclusion) ===== */
.d3-top .apx-logo{justify-content:center} .d3-top .sc-h1{font-size:44px;margin-top:4px} .d3-top .apx-tag{font-size:10px;letter-spacing:.3em}
.d3-off.sc-top.off .sc-h1{font-size:40px}
.deck-revw .sc-phones .apx-phone{width:244px} .deck-revw .sc-col .apx-label{font-size:15px}
.d3-strip{margin-top:12px} .d3-strip>div{padding:4px 26px} .d3-strip span{font-size:13px} .d3-strip b{display:block;color:#3d82ff;font-size:13px;letter-spacing:.06em}
.d3-boxes{margin-left:272px}
.deck-mk .sc-tagline,.deck-set .sc-tagline{margin-top:8px}
.apx-screen .ic.ok{color:#22c55e}
.d3-sec{font-size:9px;font-weight:600;letter-spacing:.06em;color:#dfe6f0;margin:8px 0 4px;text-transform:uppercase}
.d3-lead{font-size:9.5px;color:#d6dce5;margin:4px 0 6px}
.d3-fine{font-size:8px;color:#9aa6b6;margin:6px 0 0;line-height:1.35} .d3-fine.c{text-align:center} .d3-fine a{color:#3d82ff;cursor:pointer}
.d3-link{display:block;text-align:center;font-size:10px;color:#3d82ff;margin-top:8px;cursor:pointer;text-decoration:underline}
/* reviews */
.d3-earn{display:flex;gap:9px;align-items:center;padding:7px 9px;border:1px solid rgba(59,123,255,.55);border-radius:7px;background:rgba(20,40,90,.35)}
.d3-earn .ic{width:24px;height:24px;color:#fbbf24;flex:none} .d3-earn b{display:block;font-size:11.5px;color:#fbbf24;letter-spacing:.04em} .d3-earn span{font-size:8.5px;color:#d6dce5}
.d3-plat{display:flex;align-items:center;gap:8px;padding:5px 7px;margin-bottom:4px;border-radius:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);cursor:pointer}
.d3-plat:hover,.d3-plat.on{border-color:rgba(59,123,255,.6)} .d3-plat.done{background:rgba(34,197,94,.07)}
.d3-plat .lg{width:24px;height:24px;border-radius:5px;display:grid;place-items:center;font-weight:800;font-size:11px;flex:none}
.d3-plat>div{flex:1;min-width:0} .d3-plat b{display:block;font-size:10.5px;font-weight:600} .d3-plat span:not(.lg){font-size:8px;color:#b9c3d1}
.d3-plat .cv,.d3-plat .ic.ok{width:13px;height:13px;color:#cfd6e0} .d3-plat .ic.ok{color:#22c55e}
.d3-rv{text-align:center;padding:6px 0 4px} .d3-rv>b{display:block;font-size:12px;margin-top:4px} .d3-rv>span{display:block;font-size:8.5px;color:#cfd6e0;margin:2px 8px 0}
.d3-gword{font:500 30px 'Barlow',Arial,sans-serif;letter-spacing:-.01em} .d3-gword i{font-style:normal} .d3-gword.alt{font-weight:700;font-size:26px}
.d3-stars{margin-top:6px;font-size:22px;letter-spacing:4px} .d3-stars i{font-style:normal;color:#475569;cursor:pointer} .d3-stars i.on{color:#fbbf24;text-shadow:0 0 6px rgba(251,191,36,.5)}
.d3-ta{width:100%;height:96px;margin:6px 0 8px;background:#070c15;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#fff;font:9.5px 'Barlow',var(--font);padding:7px;resize:none}
.d3-ty{text-align:center;position:relative;padding:6px 0} .d3-ty .cup{display:grid;place-items:center;width:62px;height:62px;margin:4px auto 6px;border-radius:50%;border:2px solid #3b7bff;box-shadow:0 0 22px rgba(59,123,255,.8),inset 0 0 14px rgba(59,123,255,.5);color:#cfe0ff}
.d3-ty .cup .ic{width:30px;height:30px} .d3-ty.pend .cup{border-color:#475569;box-shadow:none;color:#94a3b8}
.d3-ty .cf{position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,#fbbf24 1.5px,transparent 2px),radial-gradient(circle at 82% 18%,#3b82f6 1.5px,transparent 2px),radial-gradient(circle at 25% 60%,#e5e7eb 1.2px,transparent 2px),radial-gradient(circle at 78% 55%,#fbbf24 1.4px,transparent 2px),radial-gradient(circle at 10% 42%,#3b82f6 1.2px,transparent 2px),radial-gradient(circle at 90% 38%,#e5e7eb 1.2px,transparent 2px);pointer-events:none}
.d3-ty b{display:block;font-size:17px;font-weight:600} .d3-ty p{font-size:9px;color:#d6dce5;margin:3px 10px 0}
.d3-pbox{margin:8px 0;padding:8px;text-align:center;border:1px solid rgba(59,123,255,.5);border-radius:7px;background:rgba(20,40,90,.3)} .d3-pbox b{display:block;font-size:14px;letter-spacing:.04em} .d3-pbox span{font-size:8.5px;color:#cfd6e0} .d3-pbox.dim{opacity:.55}
.d3-bal{display:flex;align-items:center;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:rgba(255,255,255,.03);cursor:pointer}
.d3-bal>div{flex:1} .d3-bal small{display:block;font-size:8.5px;color:#cfd6e0} .d3-bal b{display:flex;align-items:center;gap:6px;font-size:22px;font-weight:600} .d3-bal b .ic{width:22px;height:22px;color:#fbbf24;fill:#fbbf24} .d3-bal span{font-size:8px;color:#9aa6b6} .d3-bal .cv{width:13px;height:13px}
.d3-tg{display:flex;align-items:center;gap:8px;padding:7px 2px;border-bottom:1px solid rgba(255,255,255,.07);cursor:pointer;font-size:9.5px}
.d3-tg .ic{width:15px;height:15px;flex:none;color:#e2e7ee} .d3-tg span{flex:1}
.d3-more{display:flex;gap:9px;align-items:center;margin-top:10px;padding:8px;border:1px solid rgba(59,123,255,.45);border-radius:7px;cursor:pointer} .d3-more .ic{width:24px;height:24px;color:#e2e7ee;flex:none}
.d3-more b{display:block;color:#3d82ff;font-size:10px} .d3-more span{font-size:8.5px;color:#cfd6e0}
/* trade */
.d3-tt{margin:2px 0 2px} .d3-tt b{display:block;font-size:14px;font-weight:600} .d3-tt span{font-size:8.5px;color:#cfd6e0} .d3-tt.sm b{font-size:10.5px}
.d3-big{display:flex;gap:9px;align-items:center;padding:7px 10px;margin-bottom:5px;border-radius:7px;border:1px solid #2a5ff5;cursor:pointer;background:rgba(10,20,40,.6)}
.d3-big.on{background:linear-gradient(180deg,#2a5ff5,#1c43cf);box-shadow:0 0 12px rgba(42,95,245,.5)} .d3-big .ic{width:20px;height:20px;flex:none} .d3-big b{display:block;font-size:11px;font-weight:600} .d3-big span{font-size:8.5px;color:#dbe4f3}
.d3-row{display:flex;align-items:center;gap:8px;height:26px;padding:0 8px;margin-bottom:3px;border-radius:5px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);font-size:9.5px;cursor:pointer}
.d3-row span{flex:1} .d3-row .ic{width:13px;height:13px}
.d3-stat{display:flex;gap:8px;align-items:center;padding:6px 8px;margin-bottom:6px;border-radius:6px;border:1px solid rgba(34,197,94,.5);background:rgba(34,197,94,.08);cursor:pointer}
.d3-stat .ic{width:15px;height:15px;color:#4ade80;flex:none} .d3-stat>div{flex:1} .d3-stat b{display:block;font-size:9.5px} .d3-stat span{font-size:8px;color:#cfd6e0} .d3-stat .cv{color:#cfd6e0;width:12px}
.d3-seg{margin:2px 0 4px} .d3-seg button{padding:6px 0;font-size:9.5px}
.d3-fs{border:1px solid rgba(255,255,255,.08);border-radius:6px;overflow:hidden}
.d3-f{display:flex;align-items:center;min-height:24px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);font-size:8.5px}
.d3-f:last-child{border-bottom:0} .d3-f>span{width:48%;padding:0 8px;color:#d6dce5}
.d3-f select,.d3-f input{flex:1;min-width:0;height:24px;background:transparent;border:0;border-left:1px solid rgba(255,255,255,.07);color:#fff;font:9px 'Barlow',var(--font);padding:0 6px;outline:0}
.d3-f select option{background:#0b1220} .d3-f input:focus,.d3-f select:focus{background:rgba(59,123,255,.12)}
.d3-f.eng{margin-top:6px;border:1px solid rgba(255,255,255,.1);border-radius:5px}
.d3-pgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px 7px;margin-top:6px}
.d3-ph{cursor:pointer;text-align:center} .d3-ph span{display:block;font-size:8px;margin-top:2px;line-height:1.15;color:#e6ebf1}
.d3-ph .im{position:relative;height:62px;border-radius:5px;overflow:hidden;display:grid;place-items:center;border:1.5px dashed rgba(59,123,255,.6);background:rgba(20,40,90,.25);color:#7fb0ff}
.d3-ph.on .im{border:1px solid rgba(255,255,255,.12);background:#0d121b} .d3-ph .im img{width:100%;height:100%;object-fit:cover}
.d3-ph .im>.ic{width:20px;height:20px} .d3-ph .im em{position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;background:#22c55e;display:grid;place-items:center}
.d3-ph .im em .ic{width:9px;height:9px;stroke-width:3.4;color:#fff} .d3-ph:hover .im{border-color:#3b82f6}
.spin{width:18px;height:18px;border-radius:50%;border:2px solid rgba(59,123,255,.25);border-top-color:#3b82f6;animation:d3spin .7s linear infinite} @keyframes d3spin{to{transform:rotate(360deg)}}
.d3-odo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:4px;background:radial-gradient(circle at 50% 60%,#132036,#05080d);font-family:'Barlow',var(--font)}
.d3-odo small{font-size:6.5px;color:#7f8ea3;letter-spacing:.1em} .d3-odo b{font-size:15px;color:#f3f6fa;letter-spacing:.04em;text-shadow:0 0 6px rgba(120,170,255,.6)} .d3-odo span{font-size:8px;color:#cfd6e0}
.d3-nodmg{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:7.5px;color:#cfe0ff} .d3-nodmg .ic{width:16px;height:16px;color:#22c55e}
.d3-okb{display:flex;gap:8px;align-items:center;padding:6px 8px;margin-bottom:6px;border-radius:6px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.5)}
.d3-okb .ic{width:18px;height:18px;color:#4ade80} .d3-okb b{display:block;font-size:10px} .d3-okb span{font-size:8px;color:#cfd6e0}
.d3-sum{position:relative;padding:6px 8px;margin-bottom:5px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:rgba(255,255,255,.025)}
.d3-sum>small{display:block;font-size:8.5px;font-weight:600;color:#e6ebf1;margin-bottom:3px} .d3-sum a{font-size:8.5px;color:#3d82ff;cursor:pointer;margin-left:auto}
.d3-sum .veh{display:flex;gap:7px;align-items:center} .d3-sum .veh img{width:54px;height:38px;object-fit:cover;border-radius:4px} .d3-sum .veh b{display:block;font-size:9.5px} .d3-sum .veh span{display:block;font-size:8px;color:#cfd6e0}
.d3-sum .ln{display:flex;gap:7px;align-items:center;font-size:9px} .d3-sum .ln b{font-weight:500} .d3-sum .ln .ic{width:14px;height:14px;color:#3d82ff}
.d3-sum dl{display:grid;grid-template-columns:1fr 1fr;gap:1px 6px;margin:0;font-size:8.5px} .d3-sum dt{color:#cfd6e0} .d3-sum dd{margin:0} .d3-sum a.ed{position:absolute;right:8px;top:50%}
.d3-team{display:flex;gap:7px;align-items:center;padding:7px 8px;border:1px solid rgba(59,123,255,.45);border-radius:7px;background:rgba(20,40,90,.3)}
.d3-team .sc-photo{width:24px;height:24px;margin-right:-12px;border:1.5px solid #0b1220} .d3-team>div{margin-left:12px} .d3-team b{display:block;font-size:9.5px;color:#fff} .d3-team span{font-size:8px;color:#cfd6e0;line-height:1.3}
.d3-tl>div{display:flex;gap:10px;padding:8px 0;border-left:2px solid #334155;padding-left:12px;margin-left:8px;position:relative;opacity:.65}
.d3-tl>div.ok{border-color:#22c55e;opacity:1} .d3-tl>div.now{border-color:#3b82f6;opacity:1} .d3-tl .ic{width:18px;height:18px;color:#3b82f6;flex:none} .d3-tl .ok .ic{color:#22c55e}
.d3-tl b{display:block;font-size:13px} .d3-tl span{font-size:12px;color:#9aa6b6}
.d3-est{padding:14px;border:1px solid rgba(59,123,255,.5);border-radius:12px;background:rgba(20,40,90,.3);text-align:center} .d3-est small{letter-spacing:.14em;color:#9fb6da;font-size:11px} .d3-est b{display:block;font-size:26px;margin:4px 0} .d3-est span{font-size:12px;color:#9aa6b6}
.d3-prev{border-radius:12px;overflow:hidden;height:220px;display:grid;place-items:center;background:#05080d} .d3-prev img{width:100%;height:100%;object-fit:cover} .d3-prev .d3-odo b{font-size:40px} .d3-prev .d3-odo small,.d3-prev .d3-odo span{font-size:14px}
/* marketplace */
.d3-search{display:flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);margin-bottom:6px}
.d3-search .ic{width:12px;height:12px;color:#9aa6b6} .d3-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font:9px 'Barlow',var(--font)}
.d3-res{margin-bottom:6px;border:1px solid rgba(59,123,255,.4);border-radius:6px;padding:4px} .d3-res>div{display:flex;align-items:center;gap:6px;padding:3px;cursor:pointer;border-radius:4px;font-size:9px}
.d3-res>div:hover{background:rgba(59,123,255,.15)} .d3-res img,.d3-res .ic-t,.d3-res .d3-mcard{width:32px;height:24px;object-fit:cover;border-radius:3px;flex:none} .d3-res b{flex:1;font-weight:500} .d3-res p{font-size:9px;color:#9aa6b6;margin:4px}
.ic-t{display:grid;place-items:center;background:linear-gradient(135deg,#1b2332,#0b1018);color:#7fb0ff;border-radius:5px} .ic-t .ic{width:45%;height:45%}
.d3-cat{position:relative;height:88px;margin-bottom:6px;border-radius:7px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.1)}
.d3-cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .d3-cat:hover{border-color:#3b82f6}
.d3-cat>div{position:absolute;left:0;right:0;bottom:0;padding:16px 26px 6px 8px;background:linear-gradient(transparent,rgba(0,0,0,.88))} .d3-cat b{display:block;font-size:11px;font-weight:600} .d3-cat span{font-size:8px;color:#d6dce5}
.d3-cat .cv{position:absolute;right:7px;bottom:12px;width:14px;height:14px;color:#fff}
.d3-mcard{position:relative;aspect-ratio:1.586;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#e8edf3;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.d3-mcard .lg{display:block;line-height:0} .d3-mcard .wm{font-size:4.5px;letter-spacing:.2em} .d3-mcard .nm{font:600 6px Georgia,serif;letter-spacing:.06em}
.d3-mcard .nfc{position:absolute;right:5%;bottom:8%;line-height:0;color:#3d82ff} .d3-mcard .nfc .ic{width:6px;height:6px;transform:rotate(90deg)}
.d3-mcard.f-matte{background:linear-gradient(135deg,#1d2026,#0c0e12)} .d3-mcard.f-brushed{background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px),linear-gradient(135deg,#8d939c,#4c525b 55%,#9aa0a8);color:#111}
.d3-mcard.f-gun{background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 3px),linear-gradient(135deg,#4a4f57,#24272c)} .d3-mcard.f-carbon{background:repeating-linear-gradient(45deg,#1a1c20 0 3px,#0d0e10 3px 6px),#111}
.d3-mcard.d-football{background:radial-gradient(ellipse 60% 42% at 50% 50%,#8a4a22 0 60%,#5b2d13 61%,transparent 62%),linear-gradient(135deg,#1d2026,#0c0e12)}
.d3-mcard.d-football .lace{position:absolute;left:38%;right:38%;top:47%;height:6%;background:repeating-linear-gradient(90deg,#f1f1f1 0 2px,transparent 2px 5px);border-top:1px solid #f1f1f1}
.d3-mcard.d-football .lg,.d3-mcard.d-football .wm{position:relative;z-index:1;opacity:.85} .d3-mcard.d-football .wm{margin-top:14%}
.d3-mcard.d-basketball{background:radial-gradient(circle at 50% 50%,#e07b2c 0 38%,transparent 39%),linear-gradient(135deg,#1d2026,#0c0e12)}
.d3-mcard.d-basketball .seam{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(transparent 48%,#2a160a 48% 52%,transparent 52%),linear-gradient(90deg,transparent 48%,#2a160a 48% 52%,transparent 52%)}
.d3-mcard.d-basketball .lg,.d3-mcard.d-basketball .wm{position:relative;z-index:1}
.d3-mcard.big{width:86%;margin:0 auto;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.7),0 0 18px rgba(59,123,255,.35),inset 0 0 0 1px rgba(255,255,255,.18)}
.d3-mcard.big .wm{font-size:9px} .d3-mcard.big .nm{font-size:14px} .d3-mcard.big .nfc .ic{width:12px;height:12px} .d3-mcard.big small{position:absolute;left:7%;bottom:8%;font:8px Georgia,serif;letter-spacing:.08em;opacity:.8}
.d3-hero{position:relative;height:112px;display:grid;place-items:center;border-radius:8px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#1a2740,#05080d)}
.d3-hero>img{width:100%;height:100%;object-fit:cover} .d3-hero>.ic-t{width:100%;height:100%} .d3-hero em{position:absolute;top:6px;right:6px;font-style:normal;font-size:7px;font-weight:700;letter-spacing:.06em;padding:2px 5px;border-radius:3px;background:#1d4ed8}
.d3-pt{margin:6px 0 2px} .d3-pt b{display:block;font-size:12.5px;font-weight:600} .d3-pt>span{font-size:8.5px;color:#cfd6e0} .d3-pt>div{display:flex;align-items:center;gap:6px;margin-top:2px}
.d3-pt strong{font-size:15px} .d3-st{color:#fbbf24;font-size:10px;letter-spacing:1px} .d3-pt small{font-size:8px;color:#cfd6e0}
.d3-bul li{font-size:8.5px} .d3-bul .ic{width:11px;height:11px;color:#fff;background:#2563eb;border-radius:50%;padding:1.5px;stroke-width:3}
.d3-dz{display:grid;grid-template-columns:repeat(4,1fr);gap:4px} .d3-dz>div{cursor:pointer;text-align:center;padding:2px;border-radius:4px;border:1px solid transparent} .d3-dz>div.on{border-color:#3b82f6;background:rgba(59,123,255,.12)}
.d3-dz span{display:block;font-size:7px;margin-top:2px;color:#d6dce5} .d3-dz .d3-mcard{border-radius:3px}
.d3-fin{display:grid;grid-template-columns:repeat(4,1fr);gap:4px} .d3-fin>div{cursor:pointer;text-align:center} .d3-fin i{display:block;width:22px;height:22px;margin:0 auto;border-radius:50%;border:2px solid transparent;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.d3-fin>div.on i{border-color:#3b82f6;box-shadow:0 0 8px rgba(59,130,246,.8)} .d3-fin span{display:block;font-size:7px;margin-top:2px;color:#d6dce5}
.d3-fin i.f-matte{background:radial-gradient(circle at 35% 30%,#3a3e45,#0c0e12)} .d3-fin i.f-brushed{background:radial-gradient(circle at 35% 30%,#d6dade,#6b7179)} .d3-fin i.f-gun{background:radial-gradient(circle at 35% 30%,#7a8089,#2a2d33)} .d3-fin i.f-carbon{background:repeating-linear-gradient(45deg,#2a2c30 0 2px,#0d0e10 2px 4px)}
.d3-opts{display:flex;flex-wrap:wrap;gap:4px} .d3-opts button{font:9px 'Barlow',var(--font);color:#e6ebf1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);border-radius:4px;padding:4px 7px;cursor:pointer} .d3-opts button.on{border-color:#3b82f6;background:rgba(59,123,255,.22);color:#fff}
.d3-ci{display:flex;gap:7px;align-items:flex-start;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.08);position:relative}
.d3-ci>img,.d3-ci>.ic-t,.d3-ci>.d3-mcard{width:62px;height:50px;object-fit:cover;border-radius:5px;flex:none;border:1px solid rgba(255,255,255,.1)} .d3-ci>.d3-mcard{height:auto;margin-top:6px}
.d3-ci>div{flex:1;min-width:0} .d3-ci b{display:block;font-size:9.5px;font-weight:600} .d3-ci span{display:block;font-size:7.5px;color:#cfd6e0} .d3-ci strong{display:block;font-size:10.5px;margin-top:1px}
.d3-ci .qty{display:inline-flex;align-items:center;margin-top:3px;border:1px solid rgba(255,255,255,.15);border-radius:4px} .d3-ci .qty button{width:18px;height:16px;display:grid;place-items:center;background:transparent;border:0;color:#fff;cursor:pointer}
.d3-ci .qty .ic{width:9px;height:9px} .d3-ci .qty i{font-style:normal;font-size:9px;width:16px;text-align:center}
.d3-ci .rm{position:absolute;right:0;top:50%;background:transparent;border:0;color:#cfd6e0;cursor:pointer} .d3-ci .rm .ic{width:13px;height:13px} .d3-ci.sm>img,.d3-ci.sm>.ic-t{width:40px;height:30px}
.d3-tot{margin-top:6px;font-size:9.5px} .d3-tot>div{display:flex;justify-content:space-between;padding:2px 0} .d3-tot .t{font-size:11.5px;font-weight:600;border-top:1px solid rgba(255,255,255,.1);margin-top:3px;padding-top:5px}
.d3-empty{text-align:center;padding:20px 0;color:#cfd6e0} .d3-empty .ic{width:28px;height:28px;color:#3d82ff} .d3-empty b{display:block;font-size:11px;color:#fff} .d3-empty span{font-size:8.5px}
.d3-mlist>div{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)} .d3-mlist img,.d3-mlist .ic-t{width:64px;height:48px;object-fit:cover;border-radius:6px;flex:none}
.d3-mlist .g{flex:1} .d3-mlist b{display:block;font-size:14px} .d3-mlist small{display:block;color:#9aa6b6} .d3-mlist span{color:#3d82ff;font-weight:600}
/* settings */
.d3-prof{display:flex;gap:10px;align-items:center;padding:4px 2px 8px;cursor:pointer} .d3-prof .av{width:50px;height:50px;border-radius:50%;overflow:hidden;border:1.5px solid rgba(255,255,255,.3);flex:none}
.d3-prof .av img{width:100%;height:100%;object-fit:cover} .d3-prof b{display:block;font-size:13px;font-weight:600} .d3-prof span{display:block;font-size:8.5px;color:#d6dce5} .d3-prof em{font-style:normal;font-size:8.5px;color:#3d82ff}
.d3-set{display:flex;align-items:center;gap:9px;padding:8px 9px;margin-bottom:6px;border-radius:7px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);cursor:pointer}
.d3-set:hover{border-color:rgba(59,123,255,.55)} .d3-set>.ic:first-child{width:17px;height:17px;flex:none;color:#e2e7ee} .d3-set>div{flex:1;min-width:0} .d3-set b{display:block;font-size:10px;font-weight:500} .d3-set span{font-size:8px;color:#b9c3d1} .d3-set .cv{width:12px;height:12px;color:#cfd6e0}
.deck-set .d3-set{padding:7px 9px;margin-bottom:5px}
.d3-grp{margin-bottom:6px;border-radius:7px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08)} .d3-grp .d3-set{margin:0;border:0;background:transparent}
.d3-sub{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 34px;font-size:9px;cursor:pointer} .d3-sub .ic:first-child{width:12px;height:12px;color:#cfd6e0} .d3-sub span{flex:1}
.d3-sub.big{padding:6px 9px;margin-bottom:4px;border-radius:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:9.5px} .d3-sub.big .ic:first-child{width:15px;height:15px}
.d3-cb{width:13px;height:13px;border-radius:2px;border:1.2px solid rgba(255,255,255,.5);display:grid;place-items:center;flex:none} .d3-cb .ic{width:10px;height:10px;stroke-width:3.2;color:#fff;opacity:0}
.d3-cb.on{background:#2a62f5;border-color:#2a62f5} .d3-cb.on .ic{opacity:1}
.modal .sw{display:inline-block}
/* mobile */
.apx-m .d3-top .sc-h1,.apx-m .d3-off.sc-top.off .sc-h1{font-size:26px} .apx-m .d3-boxes{margin:8px 12px 0} .apx-m .deck-revw .sc-phones .apx-phone{width:252px}
.apx-m .d3-strip b{font-size:11px}
.d3-rv>.d3-gword{display:block;font-size:30px;margin:2px 0 0;color:inherit} .d3-rv>.d3-gword.alt{font-size:24px}
.deck-set .apx-btn .ic,.d3-cta .ic{width:13px;height:13px;vertical-align:-2px}
/* finance quote */
.d3-nocov{display:flex;gap:8px;align-items:center;padding:7px 9px;border-radius:7px;border:1px solid rgba(59,123,255,.55);background:linear-gradient(135deg,rgba(36,87,240,.28),rgba(8,14,26,.6))}
.d3-nocov>.ic{width:22px;height:22px;color:#7fb0ff;flex:none} .d3-nocov b{display:block;font-size:11px} .d3-nocov span{font-size:8.5px;color:#d6dce5}
.d3-nocov.sm{margin-top:8px;padding:5px 8px} .d3-nocov.sm b{font-size:9.5px} .d3-nocov.sm+.apx-btn{margin-top:5px}
.d3-cta{margin:6px 0 2px}
.d3-cnt{float:right;font-style:normal;color:#3d82ff;text-transform:none;letter-spacing:0}
.d3-cov{display:flex;align-items:center;gap:8px;padding:5px 8px;margin-bottom:4px;border-radius:6px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);cursor:pointer}
.d3-cov.on{border-color:rgba(59,123,255,.65);background:rgba(36,87,240,.14)} .d3-cov>.ic{width:15px;height:15px;flex:none;color:#cfe0ff} .d3-cov>div{flex:1;min-width:0}
.d3-cov b{display:block;font-size:9.5px;font-weight:600} .d3-cov span{font-size:7.5px;color:#b9c3d1}
.d3-rep{display:flex;align-items:center;gap:9px;padding:7px 8px;margin-bottom:6px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);cursor:pointer}
.d3-rep.on{border-color:#3b82f6;background:rgba(36,87,240,.16);box-shadow:0 0 10px rgba(42,95,245,.35)} .d3-rep .sc-photo{width:46px;height:46px;flex:none}
.d3-rep .sc-photo.ic{display:grid;place-items:center;background:rgba(59,123,255,.18);color:#cfe0ff} .d3-rep .sc-photo.ic .ic{width:22px;height:22px}
.d3-rep>div{flex:1;min-width:0} .d3-rep b{display:block;font-size:11px;font-weight:600} .d3-rep span{display:block;font-size:8px;color:#cfd6e0} .d3-rep small{display:block;font-size:7px;color:#8fa0b6;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d3-rep .rd{width:13px;height:13px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);flex:none} .d3-rep.on .rd{border-color:#3b82f6;background:radial-gradient(circle,#3b82f6 45%,transparent 50%)}
.d3-opts.d3-3{display:grid;grid-template-columns:repeat(3,1fr)} .d3-opts.d3-2{display:grid;grid-template-columns:1fr 1fr}
.d3-opts button .ic{width:11px;height:11px;margin-right:3px;vertical-align:-2px} .d3-opts.d3-3 button,.d3-opts.d3-2 button{padding:6px 2px}
.d3-rsum{display:flex;justify-content:space-between;font-size:8.5px;color:#d6dce5;padding:5px 8px;border-radius:5px;background:rgba(255,255,255,.04)}
.d3-repc{display:flex;gap:10px;align-items:center;padding:8px;margin:4px 0 2px;border-radius:8px;border:1px solid rgba(59,123,255,.5);background:rgba(20,40,90,.3)}
.d3-repc .sc-photo{width:52px;height:52px;flex:none} .d3-repc .sc-photo.ic{display:grid;place-items:center;background:rgba(59,123,255,.18)} .d3-repc .sc-photo.ic .ic{width:24px;height:24px}
.d3-repc b{display:block;font-size:11.5px} .d3-repc span{display:block;font-size:8px;color:#cfd6e0} .d3-repc em{display:block;font-style:normal;font-size:8.5px;color:#7fb0ff;margin-top:3px;line-height:1.3}
.deck-fiq .sc-ok>span{width:38px;height:38px;background:radial-gradient(circle,#16a34a,#0f7a35);color:#fff;border:2px solid #4ade80} .deck-fiq .sc-ok.pend>span{background:#1f2937;border-color:#475569;color:#cbd5e1}
#fiLeads .tbl td{vertical-align:top}
/* intro (slide 2) */
.d3-intro{display:grid;grid-template-columns:470px 330px 1fr;gap:34px;align-items:center;min-height:780px;padding:10px 0}
.d3-ilogo{display:flex;gap:14px;align-items:center} .d3-ilogo .ring{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;border:1.5px solid #3b7bff;box-shadow:0 0 18px rgba(59,123,255,.7),inset 0 0 12px rgba(59,123,255,.4)}
.d3-ilogo b{display:block;font-size:24px;letter-spacing:.32em;font-weight:500} .d3-ilogo b .wm-c{color:#3d82ff} .d3-ilogo small{font-size:14px;color:#e6ebf1}
.d3-intro h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:74px;line-height:1.02;margin:30px 0 14px;color:#eef2f7;letter-spacing:-.01em}
.d3-intro .beam{display:block;height:2px;width:340px;background:linear-gradient(90deg,transparent,#3b82f6 40%,#cfe0ff 55%,transparent);box-shadow:0 0 12px #3b82f6}
.d3-intro .kick{letter-spacing:.32em;color:#3d82ff;font-size:15px;margin:16px 0 14px} .d3-intro .lead{font-size:18px;line-height:1.5;color:#e6ebf1;margin:0 0 22px;max-width:420px}
.d3-five{display:flex;gap:16px} .d3-five a{width:78px;text-align:center;cursor:pointer;color:#e6ebf1} .d3-five a span{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 6px;border-radius:50%;border:1px solid rgba(160,190,255,.6);box-shadow:inset 0 0 10px rgba(59,123,255,.3)}
.d3-five a:hover span{border-color:#3b82f6;box-shadow:0 0 14px rgba(59,123,255,.8)} .d3-five .ic{width:24px;height:24px} .d3-five b{font-size:10.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;line-height:1.3}
.d3-start{display:flex;gap:10px;margin-top:26px;max-width:420px} .d3-start .apx-btn{height:38px;font-size:14px} .d3-start .ic{width:15px;height:15px;vertical-align:-3px}
.deck-intro .sc-col .apx-glow{width:260px}
.d3-hi{padding:4px 2px 0} .d3-hi b{display:block;font-size:14px;font-weight:500} .d3-hi span{font-size:9.5px;color:#cfd6e0}
.d3-hcar{height:96px;display:grid;place-items:center;cursor:pointer;background:radial-gradient(ellipse at 50% 80%,rgba(59,123,255,.18),transparent 60%)} .d3-hcar img{max-height:92px;max-width:100%}
.d3-myv{display:flex;align-items:center;padding:6px 2px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:6px;cursor:pointer} .d3-myv>div{flex:1}
.d3-myv small{font-size:7px;color:#9aa6b6;letter-spacing:.1em} .d3-myv b{display:block;font-size:11px;font-weight:600} .d3-myv span{font-size:8.5px;color:#cfd6e0} .d3-myv .cv{width:12px;height:12px}
.d3-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:5px} .d3-tiles a{display:block;padding:6px;border-radius:6px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);cursor:pointer;min-height:58px}
.d3-tiles a:hover{border-color:#3b82f6} .d3-tiles .ic{width:14px;height:14px;color:#cfe0ff} .d3-tiles b{display:block;font-size:8.5px;font-weight:500;margin-top:3px} .d3-tiles span{display:block;font-size:7px;color:#9aa6b6;margin-top:2px}
.d3-kit{position:relative;border-radius:14px;overflow:hidden;cursor:pointer;box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 30px rgba(59,123,255,.2)} .d3-kit img{display:block;width:100%}
.d3-kit span{position:absolute;left:0;right:0;bottom:0;padding:22px 14px 10px;background:linear-gradient(transparent,rgba(0,0,0,.85));font-size:11px;letter-spacing:.24em;color:#cfd6e0}
.d3-allp{margin-top:18px} .d3-allp small{display:block;font-size:11px;letter-spacing:.2em;color:#3d82ff;margin-bottom:8px}
.d3-allp>div{display:grid;grid-template-columns:1fr 1fr;gap:5px} .d3-allp a{display:flex;gap:7px;align-items:center;padding:5px 9px;border-radius:7px;border:1px solid rgba(255,255,255,.1);background:rgba(8,14,26,.7);cursor:pointer;font-size:12px;color:#e6ebf1}
.d3-allp a:hover{border-color:#3b82f6;background:rgba(36,87,240,.2)} .d3-allp .ic{width:14px;height:14px;color:#3d82ff;flex:none}
/* conclusion (slide 17) */
.deck-concl .d3-off h1{font-size:54px;letter-spacing:.2em;margin-top:2px} .deck-concl .d3-off .sc-sub{display:none}
.d3-concl{display:grid;grid-template-columns:330px 1fr;gap:30px;margin-top:6px}
.d3-concl .l{position:relative} .d3-cside{position:absolute;left:-8px;top:30px;font-size:13px;letter-spacing:.22em;line-height:1.8;color:#cfd6e0;display:none}
.d3-ck{text-align:center;font-size:20px;letter-spacing:.3em;margin:0 0 6px;color:#eef2f7} .d3-ck span{color:#3d82ff}
.d3-cl{font-size:16px;color:#e6ebf1;line-height:1.45;margin:0 0 14px;text-align:center}
.d3-cgrid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid rgba(255,255,255,.08)} .d3-cgrid a{text-align:center;padding:12px 6px;cursor:pointer;border-right:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.d3-cgrid a:hover{background:rgba(36,87,240,.14)} .d3-cgrid .ring{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 6px;border-radius:50%;border:1.5px solid #3b7bff;box-shadow:0 0 12px rgba(59,123,255,.6),inset 0 0 10px rgba(59,123,255,.35)}
.d3-cgrid .ic{width:22px;height:22px;color:#fff} .d3-cgrid b{display:block;font-size:11.5px;color:#3d82ff;letter-spacing:.04em;text-transform:uppercase} .d3-cgrid small{display:block;font-size:11px;color:#d6dce5;margin-top:2px}
.d3-ben{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px} .d3-ben>div{display:flex;gap:10px;padding:12px;border:1px solid rgba(59,123,255,.4);border-radius:10px;background:rgba(8,14,26,.75);cursor:pointer}
.d3-ben>div:hover{border-color:#3b82f6} .d3-ben>div>.ic{width:34px;height:34px;color:#3d82ff;flex:none} .d3-ben b{font-size:12px;letter-spacing:.06em;color:#3d82ff} .d3-ben b span{color:#3d82ff}
.d3-ben ul{list-style:none;margin:8px 0 0;padding:0} .d3-ben li{display:flex;gap:6px;align-items:center;font-size:12.5px;padding:2px 0;color:#e6ebf1} .d3-ben li .ic{width:13px;height:13px;color:#3d82ff}
.d3-wb{display:flex;align-items:center;padding:7px 9px;margin:2px 0 8px;border:1px solid rgba(255,255,255,.12);border-radius:7px;cursor:pointer} .d3-wb>div{flex:1} .d3-wb b{display:block;font-size:11px} .d3-wb span{font-size:8.5px;color:#cfd6e0} .d3-wb .fl{width:13px;height:13px;transform:rotate(180deg)}
.deck-concl .apx-menu a{height:29px}
.apx-m .d3-intro,.apx-m .d3-concl{display:flex;flex-direction:column;padding:0 14px;min-height:0;gap:18px} .apx-m .d3-intro h1{font-size:44px} .apx-m .d3-five{flex-wrap:wrap;gap:8px}
.apx-m .d3-cgrid{grid-template-columns:repeat(3,1fr)} .apx-m .d3-ben{grid-template-columns:1fr 1fr} .apx-m .deck-concl .d3-off h1{font-size:30px} .apx-m .d3-intro .c,.apx-m .d3-concl .l{align-self:center}
.d3-ci .qty button[disabled]{opacity:.35;cursor:default}

/* ===================== THE CLIENT EXPERIENCE — PIN sign-in + lost key (js/signin.js) ===================== */
.si-grid{display:grid;grid-template-columns:968px minmax(0,1fr);gap:26px;align-items:start}
.si-top h1{font-family:'Barlow Semi Condensed','Barlow',var(--display);font-weight:700;font-size:52px;line-height:1;letter-spacing:.04em;margin:2px 0 4px;color:#f2f5f9}
.si-top h1 span{color:#2f7bff;text-shadow:0 0 22px rgba(47,123,255,.45)}
.si-top p{margin:0;font-size:17px;letter-spacing:.14em;color:#e6ebf1}
.si-state{margin-top:6px;font-size:12px;color:#a7f3c0;display:flex;gap:6px;align-items:center} .si-state .ic{width:14px;height:14px} .si-state a{color:#8fb2ff;cursor:pointer;text-decoration:underline}
.si-phones{margin-top:14px;justify-content:space-around!important}
.si-phones .sc-col{text-align:center;display:flex;flex-direction:column;align-items:center}
.si-phones .apx-label{font-size:17px;margin:0;letter-spacing:.05em;font-weight:600}
.si-sub{color:#3d86ff;font-size:14px;margin:1px 0 8px}
.si-bar{padding:4px 12px 6px;border-bottom:1px solid rgba(255,255,255,.06)} .si-bar .sc-ib{cursor:pointer}
.si-stage .apx-body{padding:6px 12px 10px;display:flex;flex-direction:column}
.si-hello{text-align:center;margin:10px 0 4px} .si-hello b{display:block;font-size:19px;font-weight:600;color:#f3f6fa} .si-hello span{color:#3d86ff;font-size:16px}
.si-car{margin:6px -12px 8px;height:150px;background:radial-gradient(70% 55% at 50% 60%,rgba(120,140,170,.28),transparent 70%),linear-gradient(180deg,#05070b,#10141b 70%,#05070b);display:flex;align-items:flex-end;justify-content:center;position:relative;overflow:hidden}
.si-car:after{content:'';position:absolute;left:8%;right:8%;bottom:10px;height:14px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.85),transparent)}
.si-car img{width:104%;margin-bottom:6px;position:relative;z-index:1;filter:drop-shadow(0 10px 12px rgba(0,0,0,.6))}
.si-next{font-size:10.5px;color:#cfe0ff;background:rgba(36,87,240,.16);border:1px solid rgba(59,123,255,.4);border-radius:7px;padding:5px 8px;margin:0 0 8px;display:flex;gap:6px;align-items:center} .si-next .ic{width:12px;height:12px;flex:none} .si-next span{flex:1}
.si-btn{width:100%;height:42px;border-radius:8px;border:0;background:linear-gradient(180deg,#2d63f7,#1d45d0);color:#fff;font:500 13.5px 'Barlow',var(--font);display:flex;align-items:center;gap:12px;padding:0 14px;cursor:pointer;box-shadow:0 6px 18px rgba(36,87,240,.45);margin-bottom:9px}
.si-btn span{flex:1;text-align:center} .si-btn .ic{width:17px;height:17px;flex:none} .si-btn .cv{width:13px;height:13px}
.si-btn.ghost{background:rgba(255,255,255,.02);border:1px solid #2a5ff5;box-shadow:inset 0 0 12px rgba(36,87,240,.18)}
.si-btn.sm{height:34px;font-size:11.5px;margin:8px 0 0;gap:6px;padding:0 10px}
.si-fine{text-align:center;font-size:10.5px;color:#aab3c0;line-height:1.4;margin:4px 6px 0}
.si-ring{width:54px;height:54px;border-radius:50%;border:1.6px solid #2f7bff;margin:14px auto 8px;display:grid;place-items:center;color:#4b8dff;box-shadow:0 0 18px rgba(47,123,255,.35),inset 0 0 12px rgba(47,123,255,.2);flex:none}
.si-ring .ic{width:24px;height:24px} .si-ring.ok{border-color:#22c55e;color:#4ade80;box-shadow:0 0 18px rgba(34,197,94,.4)}
.si-h{text-align:center;font-size:15px;font-weight:600;margin:0 0 12px;color:#f3f6fa}
.si-dots{display:flex;justify-content:center;gap:15px;margin-bottom:6px} .si-dots i{width:24px;height:24px;border-radius:50%;border:1.6px solid #2f7bff;transition:background .15s}
.si-dots i.on{background:#2f7bff;box-shadow:0 0 10px rgba(47,123,255,.7)} .si-dots.ok i{background:#22c55e;border-color:#22c55e;box-shadow:0 0 10px rgba(34,197,94,.6)} .si-dots.bad i{border-color:#ef4444}
.si-dots.shake{animation:siShake .45s}
@keyframes siShake{0%,100%{transform:translateX(0)}15%,55%{transform:translateX(-9px)}35%,75%{transform:translateX(9px)}90%{transform:translateX(-3px)}}
.si-msg{text-align:center;font-size:10.5px;min-height:15px;margin:0 0 8px;display:flex;gap:4px;justify-content:center;align-items:center} .si-msg .ic{width:12px;height:12px}
.si-msg.hint{color:#6b7686;letter-spacing:.04em} .si-msg.bad{color:#f87171} .si-msg.ok{color:#4ade80}
.si-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 2px} .si-pad.locked{opacity:.35}
.si-pad button{height:35px;border-radius:7px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#1b1f27,#14171d);color:#f1f4f8;font:500 16px 'Barlow',var(--font);cursor:pointer}
.si-pad button:active{background:#2a5ff5} .si-pad button:disabled{cursor:not-allowed} .si-pad .bk .ic{width:19px;height:19px}
.si-links{text-align:center;margin-top:12px;font-size:11px;display:flex;flex-direction:column;gap:6px} .si-links a{color:#d6dde7;cursor:pointer} .si-links a.u{color:#3d86ff;text-decoration:underline}
.si-ex{text-align:center;font-size:11px;color:#d6dde7;line-height:1.4;margin:0 4px 10px}
.si-flag{font-size:10px;color:#fecaca;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.4);border-radius:7px;padding:5px 7px;margin:0 0 8px;display:flex;gap:5px} .si-flag .ic{width:12px;height:12px;flex:none;margin-top:1px}
.si-cbox{border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.025)}
.si-crow{display:flex;align-items:center;gap:10px;padding:9px 10px;font-size:11.5px;color:#eef2f7} .si-crow+.si-crow{border-top:1px solid rgba(255,255,255,.08)}
.si-crow>.ic{width:16px;height:16px;color:#4b8dff;flex:none} .si-crow span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.si-crow button,.si-note button{background:none;border:0;color:#4b8dff;cursor:pointer;padding:2px;flex:none} .si-crow button .ic,.si-note button .ic{width:14px;height:14px}
.si-nlab{font-size:9.5px;letter-spacing:.08em;color:#aab3c0;margin:10px 2px 4px}
.si-note{display:flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 10px;font-size:11px;color:#e6ebf1;line-height:1.4;background:rgba(255,255,255,.025)} .si-note span{flex:1}
.si-sent{margin-top:8px;font-size:11px;color:#a7f3c0;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.4);border-radius:8px;padding:8px;display:flex;gap:6px;align-items:center} .si-sent .ic{width:14px;height:14px;flex:none}
.si-strip{margin-top:16px;border:1px solid rgba(59,123,255,.55);border-radius:12px;padding:10px 16px;display:flex;align-items:center;gap:10px;background:rgba(8,14,26,.75);box-shadow:inset 0 0 18px rgba(36,87,240,.18),0 0 18px rgba(36,87,240,.12)}
.si-strip>div{flex:1;display:flex;align-items:center;gap:10px}
.si-sic{width:50px;height:50px;border-radius:50%;border:1.5px solid #2f7bff;display:grid;place-items:center;color:#dbe6ff;flex:none;box-shadow:0 0 12px rgba(47,123,255,.3)} .si-sic .ic{width:24px;height:24px}
.si-strip span{font-size:12px;color:#e6ebf1;line-height:1.3} .si-strip b{display:block;font-size:14px;letter-spacing:.06em;color:#f3f6fa}
.si-arr{color:#3d86ff;font-size:26px;flex:none;margin:0 2px}
.si-right{display:flex;flex-direction:column;gap:10px}
.si-logo{display:flex;flex-direction:column;align-items:center;margin:0 0 4px} .si-logo .apx-tag{letter-spacing:.32em;font-size:11px;margin-top:4px}
.si-card{display:flex;gap:16px;align-items:center;border:1px solid rgba(59,123,255,.55);border-radius:12px;padding:12px 16px;background:rgba(8,14,26,.75);box-shadow:inset 0 0 18px rgba(36,87,240,.2),0 0 16px rgba(36,87,240,.12)}
.si-cic{flex:none;width:62px;display:grid;place-items:center;color:#2f7bff;filter:drop-shadow(0 0 8px rgba(47,123,255,.6))} .si-cic .ic{width:52px;height:52px;stroke-width:1.4}
.si-card h3{margin:0 0 4px;font-size:15.5px;letter-spacing:.05em;color:#3d86ff;font-weight:600}
.si-card ul{margin:0;padding-left:14px;font-size:12.5px;color:#e6ebf1;line-height:1.5}
.si-kit{width:100%;border-radius:10px;margin-top:2px;box-shadow:0 10px 30px rgba(0,0,0,.6)}
/* finder standalone page */
.si-fgrid{display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:center;max-width:1100px;margin:20px auto 0}
.si-logo.l{align-items:flex-start}
.si-fcopy h1{font-family:'Barlow Semi Condensed','Barlow',var(--display);font-size:60px;letter-spacing:.05em;margin:18px 0 8px;line-height:1} .si-fcopy h1 span{color:#2f7bff}
.si-fcopy .lead{font-size:17px;color:#d6dde7;line-height:1.5;max-width:560px}
.si-fl{list-style:none;padding:0;margin:18px 0;display:flex;flex-direction:column;gap:12px}
.si-fl li{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(59,123,255,.4);border-radius:10px;padding:10px 14px;background:rgba(8,14,26,.7)}
.si-fl .ic{width:26px;height:26px;color:#3d86ff;flex:none} .si-fl span{font-size:13.5px;color:#cfd6e0;line-height:1.4} .si-fl b{display:block;color:#f3f6fa;font-size:14.5px}
.si-fmeta{font-size:12px;color:#8a95a5;margin-bottom:12px}
.si-facts{display:flex;gap:10px} .si-facts .apx-btn{width:auto;padding:0 16px;height:36px} .si-facts .ic{width:14px;height:14px;vertical-align:-2px}
.si-finder .sc-col{align-items:center}
/* mobile */
.apx-m .si-grid,.apx-m .si-fgrid{display:block} .apx-m .si-top{text-align:center;padding:0 12px} .apx-m .si-top h1{font-size:30px} .apx-m .si-top p{font-size:11px}
.apx-m .si-phones{justify-content:flex-start!important} .apx-m .si-strip{flex-wrap:wrap;margin:12px} .apx-m .si-strip>div{flex:1 1 45%} .apx-m .si-arr{display:none}
.apx-m .si-right{padding:12px} .apx-m .si-fcopy{padding:0 16px} .apx-m .si-fcopy h1{font-size:36px} .apx-m .si-finder .apx-phone{zoom:1!important}

.si-logo .apx-logo{transform:scale(.92)} .si-right .si-logo{margin-top:-4px}
.si-crow span,.si-note span{text-align:left} .si-cic{width:54px} .si-cic .ic{width:48px;height:48px} .si-card{gap:12px} .si-card h3{font-size:15px;letter-spacing:.03em}

/* ===================== STAFF APP — Kit Activation (js/staff.js) ===================== */
.deck-ka .d3-top .sc-h1{font-size:42px} .deck-ka .sc-sub b{color:#3d86ff;font-weight:600}
.ka-ph .apx-body{padding:4px 10px 8px;font-size:11px}
.ka-ph .av.xs{width:22px;height:22px} .ka-ph .av.sm{width:32px;height:32px} .ka-ph .av.md{width:44px;height:44px} .ka-ph .av.lg{width:54px;height:54px} .ka-ph .av.xl{width:78px;height:78px;border:2px solid #2f7bff;box-shadow:0 0 18px rgba(47,123,255,.45)}
.ka-bar{flex:none;display:flex;align-items:center;gap:8px;padding:3px 12px 7px;border-bottom:1px solid rgba(255,255,255,.07);min-height:30px}
.ka-brand{display:flex;align-items:center;gap:5px;font-size:11px} .ka-brand b{letter-spacing:.04em} .ka-brand i{font-style:normal;color:#3d86ff;font-size:9px;border:1px solid #2f7bff;border-radius:4px;padding:0 3px;margin-left:2px}
.ka-t{flex:1;font-size:12.5px;text-align:center} .ka-brand+.ka-t{display:none} .ka-brand{flex:1}
.ka-back{cursor:pointer;color:#cfe0ff} .ka-back .ic{width:16px;height:16px}
.ka-me{cursor:pointer;margin-left:auto} .ka-me.lock{color:#6b7686} .ka-me.lock .ic{width:14px;height:14px}
.ka-h{text-align:center;font-size:15px;margin:4px 0 4px;color:#f3f6fa;line-height:1.25}
.ka-p{font-size:10.5px;color:#c4ccd7;line-height:1.45;margin:4px 2px 10px} .ka-p.c{text-align:center} .ka-p b{color:#fff}
.ka-fine{font-size:9.5px;color:#7d8899;text-align:center;margin:10px 4px 0;line-height:1.4} .ka-fine a{color:#5b9bff;cursor:pointer}
.ka-ph .apx-btn{height:32px;font-size:11.5px;display:flex;align-items:center;justify-content:center;gap:6px} .ka-ph .apx-btn .ic{width:14px;height:14px}
.ka-ph .apx-btn.danger{border-color:#ef4444;color:#fca5a5} .ka-ph .apx-btn:disabled{opacity:.4;cursor:not-allowed}
.ka-badge{margin:6px 0 4px}
.ka-or{display:flex;align-items:center;gap:6px;color:#7d8899;font-size:9.5px;margin:8px 0} .ka-or:before,.ka-or:after{content:'';flex:1;height:1px;background:rgba(255,255,255,.1)}
.ka-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ka-grid a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px 6px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.03);cursor:pointer;text-align:center}
.ka-grid a:hover{border-color:#2f7bff} .ka-grid b{font-size:10.5px;margin-top:2px} .ka-grid small{font-size:8.5px;color:#8a95a5;line-height:1.15}
.ka-who{display:flex;gap:9px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:7px 9px;background:rgba(255,255,255,.03);margin:4px 0}
.ka-who b{display:block;font-size:12px} .ka-who small{font-size:9.5px;color:#8a95a5} .ka-who.c{justify-content:center;border:0;background:none;margin:6px 0 4px} .ka-who .ka-lk{width:14px;height:14px;margin-left:auto;color:#3d86ff}
.ka-lbl{text-align:center;font-size:10px;color:#8a95a5;letter-spacing:.08em;margin:2px 0 6px;text-transform:uppercase}
.ka-dots{gap:13px} .ka-dots i{width:18px;height:18px}
.ka-pad{gap:6px} .ka-pad button{height:31px;font-size:15px}
.ka-link{display:block;text-align:center;color:#5b9bff;font-size:10.5px;margin-top:8px;cursor:pointer;text-decoration:underline}
.ka-hero{display:flex;flex-direction:column;align-items:center;gap:3px;margin:14px 0 10px;text-align:center} .ka-hero b{font-size:16px;margin-top:6px} .ka-hero span{color:#3d86ff;font-size:12px} .ka-hero em{font-style:normal;font-size:10px;color:#8a95a5}
.ka-ok{font-size:11px;color:#a7f3c0;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.4);border-radius:8px;padding:7px;display:flex;gap:6px;align-items:center;margin-bottom:10px} .ka-ok .ic{width:14px;height:14px}
.ka-deny{width:62px;height:62px;border-radius:50%;margin:12px auto 8px;display:grid;place-items:center;color:#f87171;border:1.6px solid #ef4444;box-shadow:0 0 22px rgba(239,68,68,.35)} .ka-deny .ic{width:30px;height:30px}
.ka-locked{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;margin-top:120px;color:#8a95a5} .ka-locked>.ic{width:36px;height:36px;color:#3d86ff} .ka-locked b{color:#eef2f7;font-size:14px} .ka-locked span{font-size:11px} .ka-locked .apx-btn{width:60%;margin-top:6px}
.ka-prof{display:flex;gap:11px;align-items:center;margin:6px 0 10px} .ka-prof b{display:block;font-size:14px} .ka-prof span{display:block;color:#3d86ff;font-size:11px} .ka-prof em{font-style:normal;font-size:9.5px;color:#8a95a5}
.ka-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ka-stats a{border:1px solid rgba(59,123,255,.45);border-radius:9px;padding:7px 4px;text-align:center;background:rgba(36,87,240,.08);cursor:pointer}
.ka-stats b{display:block;font-size:20px;font-family:'Barlow Semi Condensed','Barlow',var(--display);color:#fff} .ka-stats span{font-size:8.5px;color:#aab3c0;line-height:1.2;display:block}
.ka-earn{display:flex;align-items:center;gap:8px;margin-top:7px;padding:7px 9px;border-radius:8px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.3);font-size:10px;color:#cfe9d8;cursor:pointer}
.ka-earn>.ic{width:15px;height:15px;color:#4ade80;flex:none} .ka-earn span{flex:1} .ka-earn b{color:#4ade80} .ka-earn .cv{width:11px;height:11px}
.ka-sec{font-size:9.5px;letter-spacing:.1em;color:#8a95a5;text-transform:uppercase;margin:10px 1px 5px}
.ka-qa{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.ka-qa a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;border-radius:9px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);cursor:pointer;text-align:center}
.ka-qa .ic{width:20px;height:20px;color:#3d86ff} .ka-qa span{font-size:8.5px;line-height:1.15;color:#dfe5ee} .ka-qa a:first-child{background:linear-gradient(180deg,#2d63f7,#1d45d0);border-color:#2d63f7} .ka-qa a:first-child .ic{color:#fff}
.ka-act{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)} .ka-act>.ic{width:15px;height:15px;color:#3d86ff;flex:none}
.ka-act div{flex:1;min-width:0} .ka-act b{display:block;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ka-act small{font-size:9px;color:#8a95a5;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ka-act em{font-style:normal;font-size:9px;color:#8a95a5;flex:none}
.ka-search{display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:0 8px;background:rgba(255,255,255,.04);height:30px;margin:2px 0 6px} .ka-search .ic{width:13px;height:13px;color:#8a95a5;flex:none}
.ka-q{flex:1;min-width:0;background:none;border:0;color:#eef2f7;font:inherit;font-size:10.5px;outline:none}
.ka-chips{display:flex;gap:4px;margin-bottom:5px;flex-wrap:nowrap} .ka-chips button{flex:none;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#cfd6e0;border-radius:20px;padding:3px 7px;font:inherit;font-size:9.5px;cursor:pointer}
.ka-chips button.on{background:#2457f0;border-color:#2f7bff;color:#fff} .ka-chips i{font-style:normal;opacity:.7} .ka-chips.t button{font-size:9px;padding:2px 7px}
.ka-count{font-size:9px;color:#8a95a5;margin:2px 1px 4px}
.ka-row{display:flex;gap:8px;align-items:center;padding:7px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);margin-bottom:5px;cursor:pointer} .ka-row:hover{border-color:#2f7bff}
.ka-row .g{flex:1;min-width:0} .ka-row b{display:block;font-size:11px} .ka-row small{display:block;font-size:8.8px;color:#8a95a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ka-ti{width:28px;height:28px;border-radius:8px;background:rgba(36,87,240,.15);display:grid;place-items:center;color:#5b9bff;flex:none} .ka-ti .ic{width:15px;height:15px} .ka-ti.lg{width:36px;height:36px} .ka-ti.lg .ic{width:19px;height:19px}
.ka-st{flex:none;font-size:8.5px;padding:2px 6px;border-radius:10px;background:rgba(255,255,255,.08);color:#cfd6e0;font-weight:600;letter-spacing:.02em}
.ka-st.ok{background:rgba(34,197,94,.15);color:#4ade80} .ka-st.pend{background:rgba(245,158,11,.15);color:#fbbf24} .ka-st.bad{background:rgba(239,68,68,.15);color:#f87171} .ka-st.off{background:rgba(148,163,184,.15);color:#94a3b8}
.ka-dh{display:flex;gap:9px;align-items:center;margin:4px 0 8px} .ka-dh div{flex:1} .ka-dh b{display:block;font-size:13px} .ka-dh small{font-size:9.5px;color:#8a95a5}
.ka-card{border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.03);padding:2px 9px;margin-bottom:6px}
.ka-kv{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 0;font-size:10.5px} .ka-kv+.ka-kv{border-top:1px solid rgba(255,255,255,.06)}
.ka-kv span{display:flex;align-items:center;gap:5px;color:#8a95a5;flex:none} .ka-kv span .ic{width:12px;height:12px;color:#3d86ff} .ka-kv b{text-align:right;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ka-kv b.sm,.ka-kv .sm{font-size:9.5px}
.ka-tag{display:flex;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);margin-bottom:4px}
.ka-tag>.ic{width:16px;height:16px;color:#3d86ff;flex:none} .ka-tag div{flex:1;min-width:0} .ka-tag b{display:block;font-size:10.5px} .ka-tag small{font-size:9px;color:#8a95a5} .ka-tag.dim{opacity:.75}
.ka-tag button{flex:none;border:1px solid #ef4444;color:#fca5a5;background:none;border-radius:6px;font:inherit;font-size:9px;padding:3px 6px;cursor:pointer} .ka-tag button.pri{border-color:#2f7bff;color:#cfe0ff;background:#2457f0}
.ka-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px} .ka-btns .apx-btn{font-size:10.5px}
.ka-log{display:flex;gap:8px;font-size:9.5px;padding:3px 0;color:#c4ccd7} .ka-log em{font-style:normal;color:#8a95a5;width:40px;flex:none}
.ka-step{display:flex;justify-content:space-between;margin:2px 0 10px;position:relative} .ka-step:before{content:'';position:absolute;left:12px;right:12px;top:9px;height:1px;background:rgba(255,255,255,.15)}
.ka-step span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:8.5px;color:#7d8899;position:relative;z-index:1}
.ka-step i{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:9.5px;background:#11151c;border:1px solid rgba(255,255,255,.2)}
.ka-step .on{color:#fff} .ka-step .on i{background:#2457f0;border-color:#2f7bff;box-shadow:0 0 10px rgba(47,123,255,.6)} .ka-step .done{color:#4ade80} .ka-step .done i{background:#14532d;border-color:#22c55e}
.ka-inv{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:8px;border:1px solid rgba(59,123,255,.4);background:rgba(36,87,240,.08);font-size:10px;color:#aab3c0} .ka-inv>.ic{width:16px;height:16px;color:#3d86ff}
.ka-inv span{flex:1} .ka-inv b{display:block;color:#fff;font-size:12px} .ka-inv em{font-style:normal;font-size:9.5px}
.ka-scan{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:14px 6px 12px} .ka-scan b{font-size:12.5px} .ka-scan small{font-size:9.5px;color:#8a95a5}
.ka-nfc{width:68px;height:68px;border-radius:50%;border:1.6px solid #2f7bff;display:grid;place-items:center;color:#5b9bff;position:relative;margin-bottom:8px;box-shadow:0 0 20px rgba(47,123,255,.35)} .ka-nfc .ic{width:32px;height:32px}
.ka-nfc i{position:absolute;inset:-1px;border-radius:50%;border:1.5px solid #2f7bff;opacity:0} .tapping .ka-nfc i{animation:kaPulse 1.2s infinite} .tapping .ka-nfc i+i{animation-delay:.4s}
@keyframes kaPulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.7);opacity:0}}
.ka-okline{font-size:10.5px;color:#a7f3c0;display:flex;gap:5px;align-items:center;margin-bottom:6px} .ka-okline .ic{width:13px;height:13px}
.ka-ch{display:flex;gap:8px;align-items:flex-start;padding:7px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);margin-bottom:5px;cursor:pointer}
.ka-ch>i{width:13px;height:13px;border-radius:50%;border:1.5px solid #6b7686;flex:none;margin-top:1px} .ka-ch.on{border-color:#2f7bff;background:rgba(36,87,240,.12)} .ka-ch.on>i{border-color:#2f7bff;background:radial-gradient(circle,#3d86ff 45%,transparent 50%)}
.ka-ch b{display:block;font-size:10.5px} .ka-ch small{display:block;font-size:9px;color:#8a95a5}
.ka-f{margin-top:5px} .ka-f label{display:block;font-size:9px;color:#8a95a5;margin-bottom:2px} .ka-f2{display:grid;grid-template-columns:1fr 1.25fr;gap:5px}
.ka-in{width:100%;height:27px;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#eef2f7;font:inherit;font-size:10px;padding:0 7px;outline:none} .ka-in:focus{border-color:#2f7bff}
.ka-nav{display:grid;grid-template-columns:.8fr 1.2fr;gap:6px;margin-top:10px}
.ka-next{display:flex;gap:7px;align-items:flex-start;font-size:10px;color:#c4ccd7;margin-bottom:5px} .ka-next span{width:16px;height:16px;border-radius:50%;background:#2457f0;display:grid;place-items:center;font-size:9px;flex:none;color:#fff}
.ka-done{width:56px;height:56px;border-radius:50%;margin:4px auto 6px;display:grid;place-items:center;background:rgba(34,197,94,.15);border:1.6px solid #22c55e;color:#4ade80;box-shadow:0 0 20px rgba(34,197,94,.4)} .ka-done .ic{width:28px;height:28px}
.ka-foot{text-align:center;font-size:12px;color:#8a95a5;margin:8px 0 0} .ka-foot a{color:#5b9bff;cursor:pointer}
.ka-invgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0} .ka-invgrid span{font-size:12px;padding:6px;border:1px solid var(--line,#253247);border-radius:6px;text-align:center}
.apx-m .deck-ka .d3-top .sc-h1{font-size:26px}
.ka-chips{overflow-x:auto;scrollbar-width:none} .ka-chips::-webkit-scrollbar{display:none} .ka-chips button{padding:3px 6px;font-size:9px}

/* ===================== PRIVATE SPIFF REWARDS + $-free leaderboards ===================== */
.ka-qa{grid-template-columns:repeat(3,1fr)}
.lb-private{cursor:pointer;border-color:rgba(59,123,255,.5)!important} .lb-private .val{color:#cfe0ff}
.lb-card h3 .right{font-weight:500}
.lb-row{display:flex;align-items:center;gap:10px;padding:8px 8px;border-radius:10px;cursor:pointer;border:1px solid transparent}
.lb-row:hover{background:rgba(255,255,255,.03)} .lb-row.you{background:rgba(36,87,240,.14);border-color:rgba(59,123,255,.6);box-shadow:0 0 14px rgba(36,87,240,.25)}
.lb-rk{width:26px;text-align:center;font-weight:700;color:#8a95a5;flex:none} .lb-rk.gold{font-size:16px}
.lb-row .grow{display:flex;flex-direction:column;gap:5px;min-width:0} .lb-row .grow b{font-size:13.5px}
.lb-you{font-style:normal;font-size:10px;background:#2457f0;color:#fff;border-radius:8px;padding:1px 6px;margin-left:4px;vertical-align:1px}
.lb-bar{position:relative;height:6px;border-radius:4px;background:rgba(255,255,255,.08);display:block} .lb-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:linear-gradient(90deg,#1e46d2,#3d86ff)}
.lb-bar s{position:absolute;top:-3px;bottom:-3px;width:2px;background:#fbbf24;border-radius:1px;text-decoration:none}
.lb-v{font-family:var(--display);font-size:18px;text-align:right;flex:none;min-width:44px} .lb-v small{display:block;font-size:9px;color:#8a95a5;font-family:var(--font);font-weight:500}
.lb-stand{display:flex;align-items:center;gap:12px} .lb-stand span{flex:1} .lb-stand a{cursor:pointer;color:#cfe0ff;display:flex;gap:5px;align-items:center;white-space:nowrap} .lb-stand .ic{width:14px;height:14px}
/* staff app versions */
.ka-ph .lb-card{padding:8px 6px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08);margin:0}
.ka-ph .lb-card h3{font-size:9.5px;margin:0 0 4px;letter-spacing:.05em;display:flex;gap:4px;align-items:center} .ka-ph .lb-card h3 .ic{width:12px;height:12px} .ka-ph .lb-card h3 .right{display:none}
.ka-ph .lb-row{gap:6px;padding:5px 4px} .ka-ph .lb-row .av{width:24px;height:24px} .ka-ph .lb-row .grow b{font-size:10.5px} .ka-ph .lb-rk{width:16px;font-size:10px} .ka-ph .lb-v{font-size:13px;min-width:28px} .ka-ph .lb-v small{font-size:7.5px}
.ka-ph .lb-bar{height:4px} .ka-ph .lb-card .foot-note{font-size:8.5px;margin-top:4px;color:#7d8899} .ka-ph .lb-you{font-size:8px;padding:0 4px}
.kr-priv{display:flex;gap:5px;align-items:center;font-size:9px;color:#cfe0ff;background:rgba(36,87,240,.14);border:1px solid rgba(59,123,255,.45);border-radius:7px;padding:5px 7px;margin:2px 0 8px} .kr-priv .ic{width:11px;height:11px;flex:none}
.kr-bal{text-align:center;padding:10px 6px;border-radius:11px;background:radial-gradient(120% 90% at 50% 0,rgba(34,197,94,.22),rgba(8,14,26,.6));border:1px solid rgba(34,197,94,.45);margin-bottom:7px}
.kr-bal span{display:block;font-size:9.5px;color:#a7f3c0;letter-spacing:.06em;text-transform:uppercase} .kr-bal b{display:block;font-family:'Barlow Semi Condensed','Barlow',var(--display);font-size:34px;color:#fff;line-height:1.1}
.kr-bal em{font-style:normal;font-size:9px;color:#aab3c0} .kr-bal.sm{padding:6px} .kr-bal.sm b{font-size:24px}
.kr-minis{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:7px} .kr-minis div{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:5px;text-align:center;background:rgba(255,255,255,.03)}
.kr-minis span{display:block;font-size:8.5px;color:#8a95a5} .kr-minis b{font-size:13px}
.kr-tier{display:flex;gap:6px;align-items:center;font-size:9.5px;color:#fde68a;margin-bottom:7px} .kr-tier .ic{width:12px;height:12px;color:#fbbf24;flex:none}
.kr-opt{display:flex;gap:8px;align-items:center;padding:5px 2px} .kr-opt>.ic{width:15px;height:15px;color:#3d86ff;flex:none} .kr-opt b{display:block;font-size:10.5px} .kr-opt small{font-size:9px;color:#8a95a5}
.kr-h{display:flex;gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:10px} .kr-h>span{width:36px;color:#8a95a5;font-size:9px;flex:none}
.kr-h div{flex:1;min-width:0} .kr-h b{display:block;font-size:10.5px} .kr-h small{font-size:9px;color:#8a95a5} .kr-h em{font-style:normal;font-weight:600} .kr-h em.g{color:#4ade80} .kr-h em.p{color:#fbbf24}
.kr-amts{display:flex;gap:5px;flex-wrap:wrap} .kr-amts button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#e6ebf1;border-radius:7px;padding:6px 9px;font:inherit;font-size:10.5px;cursor:pointer} .kr-amts button.on{background:#2457f0;border-color:#2f7bff}
.kr-stand{display:flex;gap:8px;align-items:center;padding:7px 8px;border-radius:9px;background:rgba(36,87,240,.14);border:1px solid rgba(59,123,255,.55);margin-bottom:7px} .kr-stand b{display:block;font-size:11px} .kr-stand small{font-size:9.5px;color:#cfe0ff}

/* ===================== GM & MANAGEMENT PLATFORM (js/mgmt.js) ===================== */
.mg{display:flex;min-height:calc(100vh - var(--top));background:#03060b}
.mg-side{width:214px;flex:none;background:linear-gradient(180deg,#060b13,#03060a);border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;position:sticky;top:var(--top);height:calc(100vh - var(--top));overflow:auto}
.mg-logo{cursor:pointer;padding:0 6px 16px;border-bottom:1px solid var(--line);margin-bottom:12px}
.mg-logo small{display:block;font-size:7.5px;letter-spacing:.14em;color:var(--muted);margin-top:6px;font-weight:600}
.mg-side nav{display:flex;flex-direction:column;gap:2px}
.mg-side nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:#b8c3d3;cursor:pointer;font-size:13px;font-weight:500;border:1px solid transparent}
.mg-side nav a .ic{width:17px;height:17px;color:#7f8ea5}
.mg-side nav a:hover{background:rgba(30,144,255,.07);color:#fff}
.mg-side nav a.on{background:linear-gradient(90deg,rgba(30,144,255,.28),rgba(30,144,255,.06));border-color:rgba(30,144,255,.45);color:#fff;box-shadow:inset 3px 0 0 var(--blue)}
.mg-side nav a.on .ic{color:var(--blue2)}
.mg-sec{font-size:9.5px;letter-spacing:.16em;color:var(--dim);font-weight:700;padding:14px 10px 4px}
.mg-motto{margin-top:auto;padding:18px 10px 6px;font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.08em;line-height:1.4;color:#dbe4f0}
.mg-motto i{display:block;width:38px;height:3px;background:var(--blue);margin-top:10px;border-radius:2px}
.mg-main{flex:1;min-width:0;display:flex;flex-direction:column}
.mg-hero{position:relative;padding:14px 24px 22px;background:linear-gradient(90deg,#03060b 0%,rgba(3,6,11,.86) 38%,rgba(3,6,11,.35) 70%,rgba(3,6,11,.75)),url(../assets/vehicle.jpg) center 60%/cover;border-bottom:1px solid var(--line);min-height:150px}
.mg-bar{display:flex;justify-content:flex-end;gap:10px;align-items:center;flex-wrap:wrap}
.mg-bar>span{display:inline-flex;align-items:center;gap:7px;background:rgba(8,14,24,.8);border:1px solid var(--line);border-radius:10px;padding:6px 11px;font-size:12px;color:#cdd6e3}
.mg-bar .ic{width:15px;height:15px;color:var(--blue2)}
.mg-bar .me{cursor:pointer} .mg-bar .me b{display:flex;flex-direction:column;font-size:12px;line-height:1.15} .mg-bar .me small{font-weight:500;color:var(--muted);font-size:10.5px}
.mg-hero h1{font-size:34px;font-weight:800;margin-top:8px;letter-spacing:.005em} .mg-hero h1 span{color:var(--blue)}
.mg-hero p{color:#b9c4d4;margin:6px 0 0;max-width:620px;font-size:14px}
.mg-side-t{position:absolute;right:26px;bottom:16px;text-align:right;font-family:var(--display);font-weight:700;font-size:10px;letter-spacing:.14em;line-height:1.5;color:rgba(230,238,248,.75)}
.mg-body{padding:16px 20px 10px;display:flex;flex-direction:column;gap:14px}
.mg-foot{display:flex;justify-content:space-between;gap:12px;padding:12px 22px;border-top:1px solid var(--line);color:var(--muted);font-size:11.5px;flex-wrap:wrap;margin-top:auto}
.mg-foot span{display:inline-flex;align-items:center;gap:8px}
.mg-ks{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.mg-k{display:flex;gap:10px;align-items:flex-start;background:linear-gradient(180deg,#0b1220,#070c15);border:1px solid var(--line);border-radius:12px;padding:12px;min-width:0}
.mg-k[data-go],.mg-k[data-act]{cursor:pointer} .mg-k[data-go]:hover,.mg-k[data-act]:hover{border-color:var(--blue)}
.mg-k .i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none;background:rgba(30,144,255,.12);border:1px solid rgba(30,144,255,.35);color:var(--blue2)}
.mg-k .i .ic{width:19px;height:19px}
.mg-k small{display:block;font-size:10.5px;color:#a7b3c4;line-height:1.25;font-weight:600}
.mg-k b{display:block;font-size:24px;font-family:var(--display);font-weight:800;margin:3px 0 2px}
.mg-k i{font-style:normal;font-size:10px;color:var(--muted);margin-left:4px}
.mg-k.goal i{margin:0;display:block}
.mg-d{font-size:10.5px;color:var(--green);font-weight:700} .mg-d.dn{color:var(--red)}
.mg-c{background:linear-gradient(180deg,#0a111d,#060a12);border:1px solid var(--line);border-radius:14px;padding:14px;min-width:0}
.mg-c>h3{display:flex;align-items:flex-start;gap:9px;font-size:14px;margin-bottom:10px}
.mg-c>h3>.ic{color:var(--blue2);width:19px;height:19px;margin-top:1px}
.mg-c>h3>span:not(.mg-sel){flex:1;min-width:0} .mg-c>h3 small{display:block;font-family:var(--font);font-weight:500;font-size:11px;color:var(--muted);margin-top:2px;letter-spacing:0}
.mg-sel{font-size:11px;border:1px solid var(--line2);border-radius:8px;padding:4px 9px;color:#cbd5e2;white-space:nowrap;font-family:var(--font);font-weight:500}
.mg-r2{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px}
.mg-r3{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:14px}
.mg-r2.dept{grid-template-columns:1.7fr 1fr 1fr}
.mg-r4{display:grid;grid-template-columns:1fr 1fr 1.25fr .8fr;gap:14px}
.mg-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.mg-sf{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mg-dp{border:1px solid var(--line);border-radius:12px;padding:11px;cursor:pointer;background:rgba(8,14,24,.6)} .mg-dp:hover{border-color:var(--blue)}
.mg-dp h4{font-size:12.5px;display:flex;gap:7px;align-items:center;margin-bottom:8px} .mg-dp h4 .ic{width:16px;height:16px;color:var(--blue2)}
.mg-dk{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px} .mg-dk b{display:block;font-size:17px;font-family:var(--display)} .mg-dk small{font-size:10px;color:var(--muted)}
.mg-bars{display:flex;gap:10px;height:96px;align-items:flex-end;padding:4px 2px 0;border-bottom:1px solid var(--line)}
.mg-bars>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}
.mg-bars>div>span{flex:1;width:100%;display:flex;gap:3px;align-items:flex-end;justify-content:center}
.mg-bars i{width:12px;background:linear-gradient(180deg,#3aa0ff,#0b5cc9);border-radius:3px 3px 0 0} .mg-bars i.r{background:linear-gradient(180deg,#b7c3d3,#5b6779)}
.mg-bars em{font-style:normal;font-size:10px;color:var(--muted)}
.mg-leg{display:flex;gap:12px;font-size:10px;color:var(--muted);margin-top:5px} .mg-leg i{display:inline-block;width:9px;height:9px;border-radius:2px;background:#2a8bff;margin-right:4px;vertical-align:-1px} .mg-leg i.r{background:#9aa6b6}
.mg-ban{border-radius:10px;padding:10px 12px;margin-bottom:10px;font-size:12px;min-height:46px;display:flex;align-items:center;background-size:cover;background-position:center}
.mg-ban.v{background-image:linear-gradient(90deg,rgba(5,9,16,.92),rgba(5,9,16,.45)),url(../assets/vegas.jpg)}
.mg-ban.h{background-image:linear-gradient(90deg,rgba(5,9,16,.9),rgba(5,9,16,.3)),linear-gradient(160deg,#0b6f8f,#1aa0a8 40%,#e9b56a 80%,#f08c4a)}
.mg-ban.sm{min-height:38px;font-size:11.5px}
.mg-2{display:grid;grid-template-columns:1fr 1fr;gap:10px} .mg-2>div{min-width:0} .mg-2 h5{margin:0 0 6px;font-size:11.5px;display:flex;gap:6px;align-items:center;color:#cdd6e3} .mg-2 h5 .ic{width:14px;height:14px;color:var(--blue2)}
.mg-race{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.mg-race li{display:flex;align-items:center;gap:7px;padding:4px 6px;border-radius:8px;cursor:pointer;font-size:12px}
.mg-race li:hover{background:rgba(30,144,255,.08)} .mg-race li .av{width:24px;height:24px}
.mg-race li b{flex:1;font-weight:600;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .mg-race li em{font-style:normal;font-weight:700;color:#dbe4f0}
.rk{width:19px;height:19px;border-radius:50%;display:inline-grid;place-items:center;font-size:10px;font-weight:800;background:#1b2636;color:#cfd8e4;flex:none}
.rk.r1{background:linear-gradient(180deg,#f7d774,#c9962b);color:#2b1d00}.rk.r2{background:linear-gradient(180deg,#e6ebf1,#9aa6b6);color:#1b2330}.rk.r3{background:linear-gradient(180deg,#e6a46b,#a8602a);color:#2a1300}
.mg-st{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mg-st>div{border:1px solid var(--line);border-radius:10px;padding:9px;display:flex;flex-direction:column;gap:2px;background:rgba(8,14,24,.6)}
.mg-st>div span .ic{color:var(--blue2);width:17px;height:17px} .mg-st b{font-size:20px;font-family:var(--display)} .mg-st small{font-size:10.5px;color:var(--muted)}
.mg-st .top{cursor:pointer} .mg-st .top b{font-size:13px}
.mg-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mg-bk{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px} .mg-bk.four{grid-template-columns:repeat(4,1fr)}
.mg-bk>div{border:1px solid var(--line);border-radius:9px;padding:7px} .mg-bk b{display:block;font-size:17px;font-family:var(--display)} .mg-bk small{font-size:9.5px;color:var(--muted);line-height:1.2;display:block}
.mg-t{width:100%;border-collapse:collapse;font-size:11.5px} .mg-t th{text-align:left;color:var(--muted);font-weight:600;font-size:10.5px;padding:5px 6px;border-bottom:1px solid var(--line)}
.mg-t td{padding:5px 6px;border-bottom:1px solid rgba(70,140,230,.08)} .mg-t td .rk{margin-right:6px;width:17px;height:17px;font-size:9px}
.mg-t.big{font-size:12.5px} .mg-t.big td{padding:6px} .mg-t.big tr[data-act]{cursor:pointer} .mg-t.big tr[data-act]:hover td{background:rgba(30,144,255,.06)}
.mg-t tr.you td{background:rgba(36,87,240,.14)}
.mg-t .who{display:inline-flex;align-items:center;gap:8px} .mg-t .who .av{width:26px;height:26px}
.mg-t td.muted .ic{width:12px;height:12px;vertical-align:-2px}
.mg-tier{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;border:1px solid var(--line2);color:#cfd8e4} .mg-tier.t2{border-color:rgba(47,210,122,.5);color:var(--green);background:rgba(47,210,122,.08)}
.mg-pr{display:inline-block;width:110px;height:6px;border-radius:4px;background:#132033;vertical-align:middle;overflow:hidden} .mg-pr i{display:block;height:100%;background:linear-gradient(90deg,#1e90ff,#4aa8ff)} .mg-pr i.ok{background:linear-gradient(90deg,#1fb866,#2fd27a)}
.mg-pv{font-style:normal;font-size:11px;color:var(--muted);margin-left:7px}
.mg-trend{display:flex;align-items:center;gap:8px} .mg-trend svg{flex:1;min-width:0;height:auto} .mg-up b{display:block;color:var(--green);font-size:20px;font-family:var(--display)} .mg-up small{font-size:10.5px;color:var(--muted)}
.mg-jude{background:linear-gradient(180deg,rgba(255,79,94,.10),rgba(6,10,18,.95) 45%),#060a12;border-color:rgba(255,120,130,.32)}
.mg-jude>h3>.ic{color:#ff7a86}
.mg-j{display:flex;flex-direction:column;gap:8px}
.mg-j .big{border:1px solid rgba(255,120,130,.25);border-radius:12px;padding:10px;display:flex;flex-direction:column;justify-content:center}
.mg-j .big small{font-size:10.5px;color:var(--muted)} .mg-j .big b{font-size:32px;font-family:var(--display);font-weight:800;line-height:1.1} .mg-j .big span{font-size:11px;color:#ffb3ba}
.mg-j .mini{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0;background:none;border:0}
.mg-j .mini>div{display:flex;flex-direction:column;gap:2px;border:1px solid rgba(255,120,130,.18);border-radius:9px;padding:6px 7px;font-size:11.5px} .mg-j .mini small{color:var(--muted);font-size:11px} .mg-j .mini b{font-size:13px}
.mg-prog{display:flex;justify-content:space-between;font-size:11.5px;margin:10px 0 5px;color:#cdd6e3} .mg-prog em{font-style:normal;font-weight:700}
.mg-pbar{display:block;height:7px;border-radius:5px;background:#1a1420;overflow:hidden} .mg-pbar i{display:block;height:100%;background:linear-gradient(90deg,#ff5b6a,#ff9aa4)}
.mg-pbar.sm{height:5px;margin:4px 0;background:#132033} .mg-pbar.sm i{background:linear-gradient(90deg,#1e90ff,#4aa8ff)}
.mg-fine{font-size:10.5px;color:var(--muted);margin:8px 0 0;line-height:1.4}
.mg-rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:12px}
.mg-rules li{display:flex;gap:8px;align-items:flex-start} .mg-rules li span{width:20px;height:20px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:10.5px;font-weight:800;background:rgba(30,144,255,.15);border:1px solid rgba(30,144,255,.45);color:var(--blue2)}
.mg-tbig{border:1px solid var(--line2);border-radius:12px;padding:10px;text-align:center;background:rgba(30,144,255,.07)} .mg-tbig b{font-size:26px;font-family:var(--display);font-weight:800} .mg-tbig small{display:block;font-size:10.5px;color:var(--muted)}
.mg-tl{display:flex;flex-direction:column;margin-top:8px} .mg-tl>div{display:flex;justify-content:space-between;font-size:11.5px;padding:4px 0;border-bottom:1px solid rgba(70,140,230,.08)} .mg-tl span{color:var(--muted)} .mg-tl b .ic{width:12px;height:12px;vertical-align:-2px}
.mg-eng{display:grid;grid-template-columns:repeat(5,1fr);gap:6px} .mg-eng>div{border:1px solid var(--line);border-radius:9px;padding:7px;display:flex;flex-direction:column;gap:1px} .mg-eng .ic{width:15px;height:15px;color:var(--blue2)} .mg-eng b{font-size:14px;font-family:var(--display)} .mg-eng small{font-size:9px;color:var(--muted);line-height:1.2}
.mg-mbtns{display:flex;flex-direction:column;gap:7px} .mg-mbtns .btn{justify-content:flex-start}
.mg-cnt{margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;align-items:center;gap:8px} .mg-cnt .ic{color:var(--blue2)} .mg-cnt b{font-size:22px;font-family:var(--display)} .mg-cnt small{font-size:10.5px;color:var(--muted)}
.mg-next{border:1px dashed var(--line2);border-radius:16px;padding:40px;text-align:center;max-width:720px;margin:20px auto} .mg-next>span .ic{width:40px;height:40px;color:var(--blue2)} .mg-next h2{margin:10px 0 6px} .mg-next p{color:var(--muted)} .mg-next .mg-btns{justify-content:center}
.mg-embed>.page-head:first-child,.mg-embed>.head:first-child{display:none}
/* slide-1 landing */
.mg-land{position:relative;min-height:calc(100vh - var(--top));padding:28px 34px 26px;overflow:hidden;background:#02050a}
.mg-lbg{position:absolute;inset:0;background:radial-gradient(900px 420px at 80% 0%,rgba(30,144,255,.16),transparent 60%),linear-gradient(180deg,rgba(2,5,10,.2),#02050a 70%),url(../assets/rrs-gray.webp) right -40px top -60px/58% auto no-repeat;opacity:.9;pointer-events:none}
.mg-land>*{position:relative}
.mg-lhead h1{font-size:46px;font-weight:800;margin-top:18px;letter-spacing:.01em} .mg-lhead h1 span{color:var(--blue)}
.mg-lhead .a{font-size:18px;color:#dbe4f0;margin:8px 0 4px;max-width:640px} .mg-lhead .b{color:var(--muted);max-width:620px;margin:0}
.mg-lgrid{display:grid;grid-template-columns:250px 1fr 1.45fr 1fr;gap:16px;margin-top:24px;align-items:center}
.mg-lfeat{display:flex;flex-direction:column;gap:10px}
.mg-lfeat a{display:flex;align-items:center;gap:12px;cursor:pointer;color:#e6edf6;padding:8px;border-radius:10px} .mg-lfeat a:hover{background:rgba(30,144,255,.08)}
.mg-lfeat a span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(30,144,255,.55);box-shadow:0 0 14px rgba(30,144,255,.3);color:var(--blue2);flex:none} .mg-lfeat b{font-size:13.5px}
.mg-mon{border:1px solid var(--line2);border-radius:16px;padding:14px;background:linear-gradient(180deg,#0b1322,#060a12);box-shadow:0 20px 50px rgba(0,0,0,.55),0 0 0 6px #0a0f17,0 0 0 7px #1f2a3a}
.mg-mon.c{transform:scale(1.02);cursor:pointer} .mg-mon h4{font-size:14px;margin-bottom:10px}
.mg-mon .t{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px} .seg{display:inline-flex;border:1px solid var(--line2);border-radius:8px;overflow:hidden;font-size:10.5px} .seg i{font-style:normal;padding:3px 9px;color:var(--muted)} .seg i.on{background:var(--blue);color:#fff}
.mg-mon table{width:100%;border-collapse:collapse;font-size:12px} .mg-mon th{text-align:left;color:var(--muted);font-size:10.5px;padding:5px;border-bottom:1px solid var(--line)} .mg-mon td{padding:7px 5px;border-bottom:1px solid rgba(70,140,230,.08)} .mg-mon tr[data-go]{cursor:pointer} .mg-mon tr[data-go]:hover td{background:rgba(30,144,255,.07)}
.mg-mk{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px} .mg-mk.four{grid-template-columns:repeat(4,1fr);margin:0 0 6px}
.mg-mk>div{border:1px solid var(--line);border-radius:9px;padding:7px} .mg-mk b{display:block;font-size:18px;font-family:var(--display)} .mg-mk small{display:block;font-size:10px;color:var(--muted)}
.mg-mon svg{width:100%;height:auto}
.mg-don{display:flex;gap:12px;align-items:center} .mg-don svg{width:96px;flex:none} .mg-don>div{display:flex;flex-direction:column;gap:5px;font-size:11.5px} .mg-don i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px}
.mg-lcta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:26px}
.mg-ltag{text-align:center;margin-top:22px;font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:.04em} .mg-ltag span{color:var(--blue)} .mg-ltag small{display:block;font-family:var(--font);font-weight:500;font-size:12px;color:var(--muted);letter-spacing:.06em;margin-top:4px}
@media (max-width:1300px){ .mg-ks{grid-template-columns:repeat(3,1fr)} .mg-r2,.mg-r2.dept{grid-template-columns:1fr 1fr} .mg-r2>.x-sf,.mg-r2>.x-perf{grid-column:1/-1} .mg-r3,.mg-r4{grid-template-columns:1fr 1fr} .mg-lgrid{grid-template-columns:1fr 1fr} }
@media (max-width:820px){ .mg-j .mini{grid-template-columns:1fr} .mg{flex-direction:column} .mg-side{width:100%;height:auto;position:static;padding:8px} .mg-side nav{flex-direction:row;overflow-x:auto} .mg-side nav a{white-space:nowrap} .mg-logo,.mg-sec,.mg-motto{display:none}
  .mg-ks{grid-template-columns:1fr 1fr} .mg-r2,.mg-r2.dept,.mg-r3,.mg-r4,.mg-sf,.mg-2,.mg-lgrid{grid-template-columns:1fr} .mg-hero h1{font-size:26px} .mg-side-t{display:none} .mg-lhead h1{font-size:32px} .mg-land{padding:20px 16px}
  .mg-t.big{display:block;overflow-x:auto} .mg-eng{grid-template-columns:repeat(3,1fr)} .mg-j{flex-direction:column} .mg-mon.c{transform:none} }

.mg-logo .wm{font-size:12.5px;letter-spacing:.2em} .mg-logo .logo{gap:7px}
.mg-cf{margin-top:10px;display:flex;justify-content:flex-end}
@media (max-width:820px){ .mg-embed .grid{grid-template-columns:1fr!important} .mg-embed .span2{grid-column:auto!important} .mg-embed .state-flow{flex-wrap:wrap} .mg-body{padding:12px 10px}
  .mg-lhead .apx-logo{transform:scale(.62);transform-origin:left center} .mg-lhead .apx-logo .wm{white-space:nowrap} }
@media (max-width:820px){ .mg-embed,.mg-embed .card,.mg-embed .grid>*{min-width:0} .mg-embed .tbl{display:block;overflow-x:auto} .mg-embed h3{flex-wrap:wrap} }
.mg-2 .mg-race li{gap:5px;padding:4px 3px;font-size:11.5px} .mg-2 .mg-race li .av{width:20px;height:20px} .mg-2 .rk{width:17px;height:17px;font-size:9.5px}
.mg-trend>svg,.mg-trend>div:first-child{flex:1 1 65%;width:65%}

/* ===================== GM batch 2 (js/mgmt2.js) ===================== */
.mg-note{display:flex;gap:10px;align-items:flex-start;border:1px solid rgba(242,193,78,.35);background:rgba(242,193,78,.07);border-radius:12px;padding:10px 14px;font-size:12.5px;color:#e8dcc0}
.mg-note .ic{color:var(--gold);width:18px;height:18px;flex:none;margin-top:1px}
.mg-ks.eight{grid-template-columns:repeat(8,1fr)} .mg-ks.eight .mg-k b{font-size:20px} .mg-ks.eight .mg-k .i{width:30px;height:30px}
.mg-r2.sales{grid-template-columns:1.9fr 1fr} .mg-r2.cp3{grid-template-columns:1.4fr 1fr}
.mg-r5{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}
.mg-r3.an{grid-template-columns:1.2fr 1fr 1fr} .mg-r3.an2,.mg-r3.an3{grid-template-columns:1fr 1fr 1fr}
.mg-r3.rw{grid-template-columns:1.45fr 1.05fr .9fr} .mg-r3.rw2{grid-template-columns:1fr 1fr 1fr}
.mg-r3.cp{grid-template-columns:1.25fr 1fr 1fr} .mg-r3.cp2{grid-template-columns:1fr 1.15fr 1fr}
.mg-r3.op{grid-template-columns:1fr 1fr .62fr} .mg-r3.op2{grid-template-columns:1fr 1fr 1.2fr}
.mg-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#64748b;margin-right:6px;vertical-align:1px} .mg-dot.on{background:var(--green);box-shadow:0 0 6px rgba(47,210,122,.7)} .mg-dot.off{background:var(--red)}
.mg-ctl{display:grid;grid-template-columns:1fr 1fr;gap:8px} .mg-ctl .btn{justify-content:flex-start;font-size:12px;padding:9px 10px}
.mg-set>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid rgba(70,140,230,.08)}
.mg-set>div>span{display:flex;gap:9px;align-items:flex-start} .mg-set>div>span .ic{color:var(--blue2);width:16px;height:16px;margin-top:2px;flex:none}
.mg-set b{font-size:12.5px;display:block} .mg-set small{display:block;font-weight:400;color:var(--muted);font-size:10.5px}
.input.sm{padding:5px 8px;font-size:12px;width:auto;min-width:110px;height:auto}
.mg-bk.five{grid-template-columns:repeat(5,1fr)}
.mg-qa{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.mg-don.big svg{width:150px} .mg-don.big>div{flex:1;gap:6px} .mg-don.big span{display:flex;align-items:center;gap:6px} .mg-don.big span b{margin-left:auto} .mg-don.big span em{font-style:normal;color:var(--muted);width:34px;text-align:right}
.mg-fun{display:flex;flex-direction:column;gap:6px;align-items:center}
.mg-fun>div{width:var(--w);display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:linear-gradient(90deg,#0d4fb3,#2f8bff);font-size:12px;clip-path:polygon(0 0,100% 0,97% 100%,3% 100%)}
.mg-fun b{font-size:15px;font-family:var(--display);min-width:52px} .mg-fun span{flex:1} .mg-fun em{font-style:normal;font-weight:700}
.mg-hl{margin-top:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid var(--line2);border-radius:10px;padding:8px 10px;cursor:pointer;font-size:12px;background:rgba(30,144,255,.08)} .mg-hl .ic{color:var(--gold);width:16px} .mg-hl em{font-style:normal;color:var(--muted)}
.mg-bk .click{cursor:pointer} .mg-bk>div .ic{width:16px;height:16px;color:var(--blue2);display:block;margin-bottom:3px}
.mg-quote{font-size:12px;font-style:italic;color:#c9d3e1;margin:10px 0 0;border-left:3px solid var(--blue);padding-left:10px} .mg-quote span{display:block;font-style:normal;color:var(--muted);font-size:11px;margin-top:3px}
.mg-thumb{width:34px;height:26px;border-radius:6px;object-fit:cover;flex:none}
.mg-sw{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;cursor:pointer;color:#cfd8e4} .mg-sw i{width:26px;height:14px;border-radius:8px;background:#2a3446;position:relative} .mg-sw i:after{content:'';position:absolute;left:2px;top:2px;width:10px;height:10px;border-radius:50%;background:#9aa6b6;transition:.15s}
.mg-sw.on i{background:#1f9d5c} .mg-sw.on i:after{left:14px;background:#fff} .mg-sw.sch i{background:#1e6fd9} .mg-sw.sch i:after{left:8px;background:#fff}
.mg-acts{white-space:nowrap} .mg-acts a{display:inline-flex;flex-direction:column;align-items:center;font-size:9.5px;color:#9fb0c6;margin-right:8px;cursor:pointer} .mg-acts a .ic{width:15px;height:15px;color:var(--blue2)} .mg-acts a:hover{color:#fff}
.mg-ic{cursor:pointer;color:var(--blue2)} .mg-ic .ic{width:16px;height:16px}
.mg-chk{display:flex;flex-direction:column;gap:6px} .mg-chk label{display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer} .mg-chk em{margin-left:auto;font-style:normal;color:var(--muted);font-size:11px}
.cb{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--line2);display:grid;place-items:center;flex:none} .cb.on{background:var(--blue);border-color:var(--blue)} .cb .ic{width:12px;height:12px;color:#fff}
.mg-push{display:grid;grid-template-columns:1fr 1fr;gap:10px} .mg-push>div:last-child{display:flex;flex-direction:column;gap:6px} .mg-push .input.sm{width:100%}
.mg-gb{display:flex;gap:12px;align-items:flex-end;border-bottom:1px solid var(--line);padding-top:6px}
.mg-gb>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%} .mg-gb>div>span{flex:1;width:100%;display:flex;gap:3px;align-items:flex-end;justify-content:center} .mg-gb i{flex:1;max-width:16px;border-radius:3px 3px 0 0;min-height:2px} .mg-gb em{font-style:normal;font-size:10px;color:var(--muted)}
.mg-cp{display:grid;grid-template-columns:1.15fr 1.25fr .9fr .75fr;gap:14px}
.mg-who{display:flex;gap:14px;align-items:center} .av.xl{width:84px;height:84px;font-size:26px}
.mg-who h2{font-size:20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap} .mg-who p{margin:5px 0 0;font-size:12.5px;color:#c8d2df;display:flex;gap:7px;align-items:center} .mg-who p .ic{width:15px;height:15px;color:var(--blue2)}
.mg-pill{font-family:var(--font);font-size:10.5px;font-weight:600;color:var(--green);border:1px solid rgba(47,210,122,.45);border-radius:999px;padding:2px 8px;display:inline-flex;gap:4px;align-items:center} .mg-pill .ic{width:12px;height:12px}
.mg-veh{display:flex;gap:12px;align-items:center;cursor:pointer} .mg-veh img{width:46%;max-width:240px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))} .mg-veh h3{font-size:15px;margin-bottom:4px} .mg-veh p{margin:2px 0;font-size:11.5px;color:#b8c3d3}
.mg-team{display:flex;flex-direction:column;gap:8px;justify-content:center} .mg-team>div{display:flex;gap:9px;align-items:center} .mg-team span{display:flex;flex-direction:column;line-height:1.2} .mg-team small{font-size:10px;color:var(--blue2)} .mg-team b{font-size:12.5px} .mg-team em{font-style:normal;font-size:11px;color:var(--muted)}
.mg-rb{display:flex;gap:10px;align-items:center;justify-content:center;text-align:center} .mg-rb>.ic{width:44px;height:44px;color:var(--blue2);filter:drop-shadow(0 0 10px rgba(30,144,255,.6))} .mg-rb small{display:block;font-size:11px;color:var(--muted)} .mg-rb b{display:block;font-size:30px;font-family:var(--display);font-weight:800} .mg-rb span{display:block;font-size:11px;color:#c8d2df;margin-bottom:8px}
.mg-k.warn{border-color:rgba(255,155,61,.4)} .mg-k.warn .i{background:rgba(255,155,61,.12);border-color:rgba(255,155,61,.4);color:var(--orange)} .mg-k.warn b{font-size:18px}
.mg-t td small{font-size:10px} .mg-t td .who .ic{width:14px;height:14px} .mg-t tr.click{cursor:pointer} .mg-t tr.click:hover td{background:rgba(30,144,255,.06)}
.mg-rec{display:grid;grid-template-columns:1.1fr 1fr;gap:10px} .mg-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px} .mg-tools .btn{justify-content:flex-start;font-size:11px;padding:7px 8px;background:rgba(30,144,255,.14)}
.mg-recent{border:1px solid var(--line2);border-radius:10px;padding:10px;font-size:12px} .mg-recent small{color:var(--muted);display:block;margin-bottom:6px} .mg-recent b{display:flex;gap:6px;align-items:center;color:var(--green)} .mg-recent p{margin:6px 0;color:#c8d2df} .mg-recent em{font-size:10.5px;color:var(--muted)}
.mg-nt{display:grid;grid-template-columns:96px 1fr auto;gap:10px;font-size:12px;padding:6px 0;border-bottom:1px solid rgba(70,140,230,.08)} .mg-nt span{color:var(--muted)} .mg-nt p{margin:0} .mg-nt em{color:var(--muted);font-size:11px}
.mg-qk>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .mg-qk .btn{font-size:12px}
.mg-tag{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:6px;white-space:nowrap;background:rgba(30,144,255,.16);color:#9cc8ff;border:1px solid rgba(30,144,255,.35)}
.mg-tag.ok{background:rgba(47,210,122,.12);color:var(--green);border-color:rgba(47,210,122,.4)} .mg-tag.bad{background:rgba(255,79,94,.12);color:#ff8c96;border-color:rgba(255,79,94,.4)} .mg-tag.warn{background:rgba(242,193,78,.12);color:var(--gold);border-color:rgba(242,193,78,.4)}
.mg-oc h5{margin:10px 0 4px;font-size:12.5px;display:flex;gap:6px;align-items:center;color:#9cc8ff} .mg-oc h5:first-child{margin-top:0} .mg-oc h5 .ic{width:15px;height:15px}
.mg-oc>div{font-size:12px;display:flex;gap:8px;padding:2px 0;color:#c8d2df} .mg-oc>div b{min-width:46px;font-size:14px;color:#fff} .mg-oc>div.g b{color:var(--green);min-width:auto}
@media (max-width:1300px){ .mg-ks.eight{grid-template-columns:repeat(4,1fr)} .mg-r2.sales,.mg-r2.cp3,.mg-r5,.mg-r3.an,.mg-r3.an2,.mg-r3.an3,.mg-r3.rw,.mg-r3.rw2,.mg-r3.cp,.mg-r3.cp2,.mg-r3.op,.mg-r3.op2{grid-template-columns:1fr 1fr} .mg-cp{grid-template-columns:1fr 1fr} .mg-r2.sales>.x-perf,.mg-r3.rw>.x-camp,.mg-r3.op>.x-trd,.mg-r3.op>.x-war{grid-column:1/-1} }
@media (max-width:820px){ .mg-ks.eight{grid-template-columns:1fr 1fr} .mg-r2.sales,.mg-r2.cp3,.mg-r5,.mg-r3.an,.mg-r3.an2,.mg-r3.an3,.mg-r3.rw,.mg-r3.rw2,.mg-r3.cp,.mg-r3.cp2,.mg-r3.op,.mg-r3.op2,.mg-cp,.mg-rec,.mg-push{grid-template-columns:1fr} .mg-bk.five{grid-template-columns:repeat(2,1fr)} .mg-qk>div{grid-template-columns:1fr 1fr} .mg-c .mg-t{display:block;overflow-x:auto} .mg-veh{flex-direction:column} .mg-veh img{width:80%} .mg-nt{grid-template-columns:1fr} }
.mg-side nav a{padding:7px 10px} .mg-motto{padding-top:12px}
.x-camp .mg-t td:nth-child(4){white-space:nowrap} .mg-c>h3 .mg-hb{white-space:nowrap}
.mg-t.op td{vertical-align:top} .mg-t small.d{display:block;font-size:10.5px} .mg-t.op .mg-tag{white-space:normal;display:inline-block}
.x-hist .mg-t td:first-child,.x-tl .mg-t td:first-child,.x-docs .mg-t td:nth-child(3),.x-led .mg-t td:first-child{white-space:nowrap}
.mg-r3.cp2{grid-template-columns:1fr 1.35fr 1fr} .mg-tools .btn{text-align:left;line-height:1.2}
.mg-r3.rw{grid-template-columns:1.7fr 1fr .85fr} .x-camp .mg-acts a{margin-right:5px} .x-camp .mg-thumb{width:28px;height:22px} .x-camp .mg-t.big td{padding:5px 4px}

/* ===================== Customer hub home — vertical list menu (js/hubmenu.js) ===================== */
.hm-head{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 12px;border-bottom:1px solid rgba(70,140,230,.14);margin-bottom:6px}
.hm-logo{display:inline-flex;align-items:center;gap:8px} .hm-logo b{font-family:var(--font);font-weight:500;font-size:19px;letter-spacing:.01em;color:#f2f6fb}
.hm-bell{position:relative;cursor:pointer;color:#e9eff7;display:grid;place-items:center;width:30px;height:30px} .hm-bell .ic{width:22px;height:22px}
.hm-bell i{position:absolute;top:3px;right:4px;width:8px;height:8px;border-radius:50%;background:#ff3b4a;box-shadow:0 0 6px rgba(255,59,74,.8)}
.hm-veh{cursor:pointer;padding:0 4px 4px} .hm-veh img{display:block;width:84%;margin:0 auto -2px;filter:drop-shadow(0 12px 14px rgba(0,0,0,.7))}
.hm-veh b{display:block;font-size:14.5px;font-weight:600;letter-spacing:.02em;color:#f2f6fb;margin-top:4px} .hm-veh small{display:block;font-size:12px;color:#c3ccd8;line-height:1.4}
.hm-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.hm-list a{display:flex;align-items:center;gap:14px;padding:11px 14px;border-radius:10px;background:#141a24;border:1px solid rgba(255,255,255,.05);color:#eef2f8;cursor:pointer;transition:.15s}
.hm-list a:hover{border-color:rgba(30,144,255,.55);background:#18202d}
.hm-list a>.ic{width:22px;height:22px;color:#dfe6ef;flex:none} .hm-list a span{flex:1;font-size:14.5px;line-height:1.2} .hm-list a .cv{width:16px;height:16px;color:#c3ccd8}
.hm-list a.hi{background:linear-gradient(180deg,#1f55e8,#1442c9);border-color:#3b74ff;box-shadow:0 6px 22px rgba(30,90,255,.45);padding:9px 14px}
.hm-list a.hi>.ic,.hm-list a.hi .cv{color:#fff} .hm-list a.hi small{display:block;font-size:12px;color:#d6e2ff;margin-top:2px}
.hm-sec{font-size:10px;letter-spacing:.2em;color:var(--dim);font-weight:700;margin:16px 4px 6px}
.hm-more{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.hm-more a{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;background:#0f141c;border:1px solid rgba(255,255,255,.05);color:#c9d3e0;font-size:12px;cursor:pointer;line-height:1.2}
.hm-more a:hover{border-color:rgba(30,144,255,.5);color:#fff} .hm-more a .ic{width:16px;height:16px;color:var(--blue2);flex:none}
.hm-veh img{width:70%} .hm-list a{padding:10px 14px} .hm-appt:not(:empty){margin-top:12px}
.hm-veh img{margin:-14px auto -6px;width:66%} .hm-list{gap:5px} .hm-list a{padding:9px 14px}

/* ---- GM Reports Dashboard (mgfin.js) ---- */
.tag{display:inline-block;width:max-content;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:999px;vertical-align:middle}
.tag.a{background:rgba(34,197,94,.16);color:#4ade80;border:1px solid rgba(34,197,94,.35)} .tag.p{background:rgba(59,130,255,.16);color:#8ec5ff;border:1px dashed rgba(59,130,255,.55)}
.fin-chips{display:flex;flex-wrap:wrap;gap:4px}
.fin-chips button{font:inherit;font-size:11.5px;padding:5px 9px;border-radius:8px;border:1px solid var(--line);background:#0b1422;color:#cbd5e1;cursor:pointer}
.fin-chips button:hover{border-color:#3b82ff} .fin-chips button.on{background:#2563eb;border-color:#3b82ff;color:#fff}
.fin-chips.g{margin-left:4px}
/* St. Jude donor wall */
.mg-wall{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px;padding:10px;border:1px solid rgba(255,120,130,.3);border-radius:12px;background:rgba(255,79,94,.06)}
.mg-wall .wb{display:flex;flex-direction:column;gap:4px} .mg-wall .wb b{font-size:13px} .mg-wall .wb small{font-size:11px;color:var(--muted)}
.mg-wall .badge{display:inline-flex;align-items:center;gap:5px;width:max-content;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#ff9aa3;background:rgba(255,79,94,.14);border:1px solid rgba(255,120,130,.4);padding:3px 8px;border-radius:999px}
.mg-wall .badge .ic{width:12px;height:12px}
.mg-wall .wp{background:linear-gradient(180deg,#2a2320,#1a1512);border:1px solid #4a3c30;border-radius:8px;padding:7px}
.mg-wall .wp em{display:block;font-style:normal;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#d8c3a5;text-align:center;margin-bottom:5px}
.mg-wall .pl{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.mg-wall .pl span{font-size:9px;text-align:center;padding:4px 3px;border-radius:3px;background:linear-gradient(180deg,#c9b48f,#9c8564);color:#2a2016;font-weight:700;line-height:1.2;display:flex;align-items:center;justify-content:center;min-height:30px}
.mg-wall .pl span.you{background:linear-gradient(180deg,#ffe08a,#e0a83a);box-shadow:0 0 0 1px #fff3c4,0 0 10px rgba(255,200,80,.55)}
@media (max-width:700px){.mg-wall{grid-template-columns:1fr}}

.fin-ch i.pj{background:transparent;border:1px dashed #8ec5ff;border-bottom:0;position:absolute;bottom:0;left:0;width:100%;max-width:none;opacity:.8} .fin-ch .ri{position:relative;width:28%;max-width:16px;height:100%;display:flex;align-items:flex-end} .fin-ch .ri i.r{width:100%;max-width:none}

.mg-hero.rpt{background:linear-gradient(90deg,#02060d 0%,rgba(2,6,13,.92) 30%,rgba(2,6,13,.35) 62%,rgba(2,6,13,.55) 100%),url(../assets/dealership-strip.webp) right center/auto 100% no-repeat,#02060d;min-height:142px;box-shadow:inset 0 -1px 0 rgba(59,130,255,.35)}
.mg-hero.rpt h1{font-size:36px} .mg-hero.rpt .mg-side-t{color:#e6eef8;text-shadow:0 1px 6px #000}
.rp-per{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#060b14}
.rp-per>span{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#a7b3c4;text-transform:uppercase;letter-spacing:.06em} .rp-per>span .ic{width:14px;height:14px;color:var(--blue2)}
.rp-per>em{font-style:normal;font-size:11.5px;color:#9fb3c8;margin-left:auto}
.rp-per #rpSelTop{display:none}
.rp-sel{font:inherit;font-size:11.5px;padding:5px 8px;border-radius:8px;background:#0b1422;color:#e6eef8;border:1px solid #2b4c7e;margin-left:auto;flex:none;cursor:pointer}
.rp-ks .mg-k{background:linear-gradient(180deg,#0b1730,#060c18);border-color:rgba(59,130,255,.32);box-shadow:inset 0 1px 0 rgba(147,197,253,.08)}
.rp-ks .mg-k b{font-size:21px} .rp-ks .mg-k .i{background:rgba(37,99,235,.22);border-color:rgba(96,165,250,.5)}
.rp-ks .mg-k .rp-sub{display:block;font-style:normal;font-size:10px;color:#93a4bb;margin-top:3px}
.rp-ks .mg-k.rp-txt b{font-size:14.5px;line-height:1.2;font-family:var(--font);margin-top:5px}
.mg-d.eq{color:#93a4bb}
.mg-c.rp{background:linear-gradient(180deg,#0a1528,#050b16);border-color:rgba(59,130,255,.30);box-shadow:0 0 0 1px rgba(37,99,235,.06),0 8px 24px rgba(0,0,0,.25)}
.mg-c.rp>h3{align-items:center} .mg-c.rp>h3>.ic{background:rgba(37,99,235,.22);border-radius:7px;padding:3px;width:24px;height:24px}
.rp-r1{display:grid;grid-template-columns:1.75fr 1fr 1fr 1fr;gap:12px}
.rp-r2{display:grid;grid-template-columns:1fr 1.15fr 1.15fr;gap:12px}
.rp-r3{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.mg-r3.ex3{grid-template-columns:1fr 1fr 1fr}
.rp-h2{display:flex;align-items:baseline;gap:9px;font-size:18px;margin:10px 0 -2px;padding-top:12px;border-top:1px solid var(--line);scroll-margin-top:70px} .rp-h2 .ic{width:18px;height:18px;color:var(--blue2);align-self:center} .rp-h2 small{font-size:11.5px;color:var(--muted);font-weight:500}
/* chart */
.rp-ch{position:relative;height:250px;padding-left:30px}
.rp-ch .ax,.rp-ch .gr{position:absolute;top:14px;bottom:36px} .rp-ch .ax{left:0;width:26px} .rp-ch .gr{left:30px;right:0;pointer-events:none}
.rp-ch .ax span{position:absolute;right:0;transform:translateY(50%);font-size:9.5px;color:#7f8ea3} .rp-ch .gr i{position:absolute;left:0;right:0;border-top:1px solid rgba(148,163,184,.12)}
.rp-ch .gs{position:absolute;left:30px;right:0;top:14px;bottom:0;display:flex;gap:6px}
.rp-ch .g{flex:1;display:flex;flex-direction:column;min-width:0;cursor:pointer;border-radius:6px}
.rp-ch .g:hover,.rp-ch .g.on{background:rgba(59,130,255,.08)} .rp-ch .g.on strong{color:#8ec5ff}
.rp-ch .bars{position:relative;flex:1;display:flex;align-items:flex-end;justify-content:center;gap:3px}
.rp-ch .bars b{position:relative;width:24%;max-width:22px;border-radius:3px 3px 0 0}
.rp-ch .bars b.r{background:linear-gradient(180deg,#3b82f6,#1d4ed8)} .rp-ch .bars b.c{background:linear-gradient(180deg,#bfdbfe,#7fb0f5)} .rp-ch .bars b.p{background:linear-gradient(180deg,#5eead4,#14b8a6)}
.rp-ch .bars b.pj{position:absolute;bottom:0;left:calc((100% - 72% - 6px)/2);width:24%;max-width:22px;border:1px dashed #93c5fd;border-bottom:0;background:rgba(59,130,255,.08)}
.rp-ch .g.mtd .bars b:not(.pj){opacity:.8}
.rp-ch .bars em{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:2px;font-style:normal;font-size:9px;font-weight:700;color:#e6eef8;white-space:nowrap;text-shadow:0 1px 2px #000;z-index:1}
.rp-ch .bars b.c em{color:#cfe2ff} .rp-ch .bars b.p em{color:#99f6e4} .rp-ch .bars b.pj em{color:#93c5fd;bottom:100%}
.rp-ch em .k{display:none} .rp-ch.many em{font-size:8.5px}
.rp-ch .g strong{height:18px;line-height:18px;text-align:center;font-size:11px;margin-top:2px} .rp-ch .g strong small{font-size:8.5px;color:#8ec5ff}
.rp-ch .g>small{height:16px;text-align:center;font-size:9.5px;color:#93a4bb}
.rp-leg{justify-content:center;margin-top:6px}
/* formula / annual */
.rp-fl>div,.rp-an>div,.rp-fee>div{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:5px 0;color:#cbd5e1} .rp-fl b,.rp-an b,.rp-fee b{color:#fff;white-space:nowrap}
.rp-fl .t{border-top:1px solid var(--line);margin-top:3px;padding-top:7px} .rp-fl .t b{color:#5eead4}
.rp-big{text-align:center;margin:10px 0 6px;padding:10px 6px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rp-big span{display:block;font-size:15px;font-weight:700} .rp-big b{display:block;font-family:var(--display);font-size:38px;line-height:1.1;color:#2dd4bf;text-shadow:0 0 18px rgba(45,212,191,.35);margin:2px 0} .rp-big small{font-size:12px;color:#cbd5e1}
.rp-fee>div{font-size:11.5px;padding:3px 0} .rp-fee i{font-style:normal;color:var(--muted);font-size:10px} .rp-fee .n{font-weight:700;border-top:1px dashed rgba(148,163,184,.3);padding-top:5px} .rp-fee .n b{color:#4ade80;font-size:14px} .rp-fee .q{color:#8ec5ff;font-size:10.5px} .rp-fee .q b{color:#8ec5ff}
.rp-an>div{border-bottom:1px solid rgba(148,163,184,.08)} .rp-an .g b{color:#2dd4bf;font-size:15px} .rp-an .n b{color:#4ade80;font-size:15px} .rp-an .n{font-weight:700}
.rp-call{display:flex;gap:10px;align-items:center;margin-top:10px;padding:10px;border:1px solid rgba(59,130,255,.35);border-radius:10px;background:linear-gradient(90deg,rgba(37,99,235,.18),rgba(37,99,235,.04))}
.rp-call>.ic{width:30px;height:30px;color:#60a5fa;flex:none} .rp-call b{display:block;font-size:11.5px;letter-spacing:.06em;color:#93c5fd} .rp-call small{display:block;font-size:11px;color:#cbd5e1;margin-top:2px}
.rp-call.sm>.ic{width:24px;height:24px} .rp-call.sm small{font-style:italic}
/* consignment */
.rp-chk{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.rp-chk li{display:flex;gap:9px;align-items:flex-start} .rp-chk li>.ic{width:19px;height:19px;color:#fff;background:#2563eb;border-radius:50%;padding:2px;flex:none;margin-top:1px}
.rp-chk b{display:block;font-size:12.5px;font-weight:600} .rp-chk small{display:block;font-size:10.5px;color:#93a4bb}
.rp-tag{text-align:center;font-style:italic;font-size:11.5px;color:#60a5fa;margin:12px 0 0;padding-top:9px;border-top:1px solid var(--line)}
/* mix */
.rp-mix{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
.rp-ml{display:flex;flex-direction:column;gap:12px} .rp-ml>div{display:grid;grid-template-columns:14px auto;column-gap:8px;cursor:pointer} .rp-ml i{width:13px;height:13px;border-radius:50%;margin-top:3px;grid-row:span 2}
.rp-ml b{font-size:15px} .rp-ml span{font-size:12px;color:#cbd5e1} .rp-ml>div:hover b{color:#8ec5ff}
/* snapshot */
.rp-t{width:100%;border-collapse:collapse;font-size:12px}
.rp-t th{text-align:left;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#93a4bb;padding:5px 6px;background:rgba(37,99,235,.12)} .rp-t th:not(:first-child),.rp-t td:not(:first-child){text-align:right;white-space:nowrap}
.rp-t td{padding:5px 6px;border-top:1px solid rgba(148,163,184,.08)} .rp-t tr.gp td{color:#2dd4bf;font-weight:700} .rp-t tr.np td{color:#4ade80;font-weight:800;font-size:13.5px;border-top:1px solid rgba(74,222,128,.35)}
/* takeaways */
.rp-tk{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.rp-tk li{display:flex;gap:10px;align-items:center;padding:6px 8px;border:1px solid rgba(59,130,255,.2);border-radius:9px;background:rgba(37,99,235,.06)}
.rp-tk span{width:24px;height:24px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px;background:#2563eb;color:#fff} .rp-tk p{margin:0;font-size:11.5px;line-height:1.35;color:#dbe4ee}
/* more */
.rp-links{display:flex;flex-direction:column;gap:6px}
.rp-links a{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;cursor:pointer;background:#08101d} .rp-links a:hover{border-color:#3b82ff}
.rp-links a>.ic{width:17px;height:17px;color:var(--blue2);flex:none} .rp-links a>.ic:last-child{margin-left:auto;color:var(--muted)}
.rp-links b{display:block;font-size:12.5px} .rp-links small{display:block;font-size:10.5px;color:#93a4bb}
@media (max-width:1280px){.rp-r1{grid-template-columns:1.4fr 1fr 1fr} .rp-r1 .co{grid-column:1/-1} .rp-ks{grid-template-columns:repeat(4,1fr)}}
@media (max-width:900px){.rp-r1,.rp-r2,.rp-r3,.mg-r3.ex3{grid-template-columns:1fr} .rp-ks{grid-template-columns:repeat(2,1fr)!important}
  .rp-per .fin-chips{display:none} .rp-per #rpSelTop{display:block;margin-left:0} .rp-per>em{margin-left:0;width:100%}
  .rp-ch em .f{display:none} .rp-ch em .k{display:inline} .rp-ch .bars em{font-size:8px} .rp-ch{height:230px}
  .mg-hero.rpt{background:linear-gradient(180deg,rgba(2,6,13,.55),rgba(2,6,13,.95)),url(../assets/dealership-strip.webp) center/cover} .mg-hero.rpt h1{font-size:26px} .rp-big b{font-size:32px}}
.rp-t td i.fl{display:block;font-style:normal;font-size:9.5px;color:var(--muted)}
.rp-ch .g.mtd b.c em,.rp-ch .g.mtd b.p em{display:none}

/* ================= Performance Manager (js/pm.js, js/pm2.js) ================= */
.mg-hero.pmh{background:linear-gradient(90deg,#02060d 0%,rgba(2,6,13,.9) 34%,rgba(2,6,13,.3) 66%,rgba(2,6,13,.55)),url(../assets/dealership-strip.webp) right center/auto 100% no-repeat,#02060d;box-shadow:inset 0 -1px 0 rgba(59,130,255,.35)}
.pm .mg-side{width:224px}
.pm-scope{display:flex;gap:9px;align-items:center;margin:0 4px 10px;padding:8px 10px;border:1px solid rgba(59,130,255,.35);border-radius:10px;background:rgba(37,99,235,.1)} .pm-scope .ic{width:18px;height:18px;color:var(--blue2);flex:none} .pm-scope small{display:block;font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em} .pm-scope b{font-size:12px}
.pm-cnt{margin-left:auto;font-style:normal;font-size:10px;font-weight:800;background:#ef4444;color:#fff;border-radius:999px;padding:1px 7px}
.pm-sw select{background:transparent;border:0;color:#e6eef8;font:inherit;font-size:12px;cursor:pointer;max-width:260px} .pm-sw select option{background:#0b1422}
.mg-ks.pm6{grid-template-columns:repeat(6,1fr)}
.pmk{background:linear-gradient(180deg,#0b1730,#060c18)!important;border-color:rgba(59,130,255,.32)!important} .pmk b{font-size:24px}
.mg-c.pmc{background:linear-gradient(180deg,#0a1528,#050b16);border-color:rgba(59,130,255,.28)}
.mg-c.pmc>h3{align-items:center} .mg-c.pmc>h3>.ic{background:rgba(37,99,235,.22);border-radius:7px;padding:3px;width:24px;height:24px}
.pm-more{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:#8ec5ff;cursor:pointer;white-space:nowrap;font-family:var(--font)} .pm-more .ic{width:13px;height:13px} .pm-more:hover{color:#fff}
.mg-c.pmc>h3 .rp-sel{margin-left:auto}
.pm-r1{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:12px}
.pm-r3{display:grid;grid-template-columns:1.05fr 1fr .95fr 1.1fr;gap:12px}
.pm-r2{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.pm-r2b{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;align-items:start}
.up{color:#4ade80} .dn{color:#f87171}
/* portfolio */
.pm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.pm-store{border:1px solid rgba(59,130,255,.28);border-radius:14px;padding:13px;background:linear-gradient(180deg,#0b1730,#060c18);cursor:pointer;display:flex;flex-direction:column;gap:10px;border-left:4px solid #22c55e}
.pm-store.warn{border-left-color:#f59e0b} .pm-store.bad{border-left-color:#ef4444} .pm-store:hover{border-color:#3b82ff;transform:translateY(-1px)}
.pm-store header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start} .pm-store header b{font-size:15px} .pm-store header small{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.pm-live{font-style:normal;font-weight:800;color:#4ade80;font-size:9.5px;letter-spacing:.06em}
.pm-health{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:54px;padding:4px 8px;border-radius:10px;border:1px solid}
.pm-health b{font-size:18px;font-family:var(--display);line-height:1} .pm-health small{font-size:9px;text-transform:uppercase;letter-spacing:.05em}
.pm-health.ok{border-color:rgba(34,197,94,.5);color:#4ade80;background:rgba(34,197,94,.08)} .pm-health.warn{border-color:rgba(245,158,11,.5);color:#fbbf24;background:rgba(245,158,11,.08)} .pm-health.bad{border-color:rgba(239,68,68,.5);color:#f87171;background:rgba(239,68,68,.08)}
.mg-t .pm-health{flex-direction:row;gap:5px;min-width:0;padding:2px 7px;display:inline-flex} .mg-t .pm-health b{font-size:13px}
.pm-sk{display:grid;grid-template-columns:repeat(4,1fr);gap:6px} .pm-sk>div{background:rgba(8,14,24,.7);border:1px solid var(--line);border-radius:9px;padding:7px} .pm-sk small{display:block;font-size:9.5px;color:var(--muted)} .pm-sk b{display:block;font-size:19px;font-family:var(--display)} .pm-sk i{font-style:normal;font-size:9.5px;color:#93a4bb}
.pm-sf{display:flex;align-items:center;gap:10px} .pm-sf>a{margin-left:auto;font-size:11.5px;color:#8ec5ff;display:inline-flex;align-items:center;gap:2px} .pm-sf>a .ic{width:13px;height:13px}
.pm-reo{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap} .pm-reo .ic{width:13px;height:13px}
.pm-reo.ok{background:rgba(34,197,94,.12);color:#4ade80} .pm-reo.warn{background:rgba(245,158,11,.14);color:#fbbf24} .pm-reo.bad{background:rgba(239,68,68,.15);color:#f87171} .pm-reo.info{background:rgba(59,130,255,.15);color:#8ec5ff}
.pm-al{display:flex;gap:4px} .pm-al i{width:9px;height:9px;border-radius:50%} .pm-al i.bad{background:#ef4444} .pm-al i.warn{background:#f59e0b} .pm-al i.info{background:#22c55e}
.pm-sev{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:999px}
.pm-sev.bad{background:rgba(239,68,68,.16);color:#f87171;border:1px solid rgba(239,68,68,.4)} .pm-sev.warn{background:rgba(245,158,11,.16);color:#fbbf24;border:1px solid rgba(245,158,11,.4)} .pm-sev.info{background:rgba(34,197,94,.14);color:#4ade80;border:1px solid rgba(34,197,94,.4)}
.pm-stt{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:6px;background:rgba(148,163,184,.14);color:#cbd5e1}
.pm-stt.open{background:rgba(239,68,68,.12);color:#fca5a5} .pm-stt.assigned{background:rgba(59,130,255,.16);color:#8ec5ff} .pm-stt.snoozed{background:rgba(148,163,184,.16);color:#cbd5e1} .pm-stt.resolved{background:rgba(34,197,94,.14);color:#4ade80} .pm-stt.orderplaced,.pm-stt.processing{background:rgba(45,212,191,.14);color:#5eead4}
.pm-alist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pm-alist li{display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:rgba(8,14,24,.7);cursor:pointer} .pm-alist li:hover{border-color:#3b82ff}
.pm-alist .ai{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none} .pm-alist .ai .ic{width:15px;height:15px}
.pm-alist li.bad .ai{background:rgba(239,68,68,.18);color:#f87171} .pm-alist li.warn .ai{background:rgba(245,158,11,.18);color:#fbbf24} .pm-alist li.info .ai{background:rgba(34,197,94,.16);color:#4ade80}
.pm-alist b{display:block;font-size:12px} .pm-alist small{display:block;font-size:10.5px;color:var(--muted)} .pm-alist li>div{flex:1;min-width:0}
.pm-alist em{font-style:normal;font-size:11px;font-weight:800;padding:3px 8px;border-radius:7px;white-space:nowrap} .pm-alist em.dn{background:rgba(239,68,68,.85);color:#fff} .pm-alist em.up{background:rgba(34,197,94,.85);color:#fff} .pm-alist em.nt{border:1px solid var(--line2);color:#cbd5e1}
/* store dashboard */
.pm-dk{grid-template-columns:repeat(4,1fr)!important} .pm-dk b{font-size:16px!important}
.pm-ct small{display:flex;justify-content:space-between;font-size:10.5px;color:#cbd5e1;font-weight:600} .pm-ct .lg{display:inline-flex;gap:6px;align-items:center;font-weight:500;color:var(--muted)} .pm-ct .lg i{width:8px;height:8px;border-radius:2px;display:inline-block} .pm-ct .lg i.b{background:#2f7bff} .pm-ct .lg i.l{background:#e6eef8;border-radius:50%}
.pm-svg{width:100%;height:auto}
.pm-fun{display:grid;grid-template-columns:.85fr 1.3fr;gap:10px;align-items:center}
.pm-fl b{display:block;font-size:30px;font-family:var(--display)} .pm-fl small{display:block;font-size:11px;color:#cbd5e1;margin-bottom:3px}
.pm-fl .cone{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:10px} .pm-fl .cone i{height:24px;background:linear-gradient(90deg,#1d4ed8,#60a5fa);clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);box-shadow:0 0 14px rgba(59,130,255,.5)}
.pm-fl .cone i:nth-child(1){width:100%} .pm-fl .cone i:nth-child(2){width:78%} .pm-fl .cone i:nth-child(3){width:58%} .pm-fl .cone i:nth-child(4){width:40%}
.pm-fun ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pm-fun li{display:grid;grid-template-columns:18px 1fr auto;column-gap:7px;align-items:center;padding:7px 8px;border:1px solid var(--line);border-radius:9px;background:rgba(8,14,24,.7);cursor:pointer;font-size:11.5px} .pm-fun li:hover{border-color:#3b82ff}
.pm-fun li .ic{width:16px;height:16px;color:var(--blue2)} .pm-fun li b{font-size:14px} .pm-fun li .mg-d{grid-column:3;font-size:9.5px;text-align:right}
.pm-cg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px} .pm-cg>div{border:1px solid var(--line);border-radius:9px;padding:7px;background:rgba(8,14,24,.7);cursor:pointer} .pm-cg>div:hover{border-color:#3b82ff}
.pm-cg .ic{width:16px;height:16px;color:var(--blue2)} .pm-cg b{display:block;font-size:17px;font-family:var(--display)} .pm-cg small{display:block;font-size:10px;color:#cbd5e1;line-height:1.2} .pm-cg .mg-d{font-size:9.5px}
.pm-et{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:8px;border:1px solid var(--line);border-radius:10px;padding:7px} .pm-et small{font-size:10.5px;color:#cbd5e1;font-weight:600}
.pm-eg{text-align:center;max-width:100px} .pm-eg b{display:block;font-size:24px;color:#4ade80;font-family:var(--display)} .pm-eg b.dn{color:#f87171} .pm-eg small{font-size:10px;color:var(--muted)}
.pm-vf{position:relative} .pm-vk{display:grid;grid-template-columns:repeat(4,1fr);gap:6px} .pm-vk>div{border:1px solid var(--line);border-radius:9px;padding:7px;background:rgba(8,14,24,.75);text-align:center}
.pm-vk .ic{width:18px;height:18px;color:var(--blue2)} .pm-vk b{display:block;font-size:15px;font-family:var(--display)} .pm-vk small{display:block;font-size:9.5px;color:#cbd5e1;line-height:1.2}
.mg-c.pmc.vf{background:linear-gradient(180deg,rgba(5,11,22,.86),rgba(5,11,22,.97)),url(../assets/vegas.jpg) center/cover}
.pm-vf .mg-pbar{margin-top:10px} .pm-vl{display:flex;justify-content:space-between;font-size:10.5px;color:#cbd5e1;margin-top:4px}
.pm-te{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:9px;padding:8px;border:1px solid var(--line);border-radius:10px;background:rgba(8,14,24,.75)} .pm-te>.ic{width:18px;height:18px;color:#4ade80} .pm-te small{flex-basis:100%;font-size:10.5px;color:var(--muted)}
.pm-os{display:flex;align-items:center;gap:9px;margin-top:8px;padding:8px 9px;border:1px solid rgba(59,130,255,.35);border-radius:10px;background:rgba(37,99,235,.1);cursor:pointer} .pm-os>.ic{width:22px;height:22px;color:var(--blue2);flex:none} .pm-os b{display:block;font-size:12px} .pm-os small{display:block;font-size:10.5px;color:var(--muted)} .pm-os em{margin-left:auto;font-style:normal;font-weight:800;font-size:13px;padding:4px 9px;border-radius:8px;border:1px solid #3b82ff;white-space:nowrap}
.pm-ik{display:grid;grid-template-columns:repeat(4,1fr);gap:6px} .pm-ik.five{grid-template-columns:repeat(5,1fr)} .pm-ik>div{border:1px solid var(--line);border-radius:9px;padding:7px;background:rgba(8,14,24,.7);text-align:center} .pm-ik b{display:block;font-size:18px;font-family:var(--display)} .pm-ik small{font-size:9.5px;color:#cbd5e1}
.pm-dos{margin-top:9px} .pm-dos span{font-size:12px} .pm-dos span b{font-size:18px;font-family:var(--display)} .pm-dos .mg-pbar{position:relative;margin:5px 0 3px} .pm-dos .mg-pbar em{position:absolute;top:-3px;bottom:-3px;width:2px;background:#f59e0b} .pm-dos small{font-size:10.5px;color:var(--muted)}
.pm-dos.warn span b{color:#fbbf24} .pm-dos.bad span b{color:#f87171} .pm-dos.ok span b{color:#4ade80} .pm-dos.warn .mg-pbar i{background:#f59e0b} .pm-dos.bad .mg-pbar i{background:#ef4444}
.pm-rec{display:flex;gap:9px;align-items:flex-start;margin:9px 0 4px;padding:9px;border-radius:10px;border:1px solid rgba(245,158,11,.45);background:rgba(245,158,11,.08)} .pm-rec>.ic{width:19px;height:19px;color:#fbbf24;flex:none} .pm-rec b{display:block;font-size:12.5px;color:#fde68a} .pm-rec small{display:block;font-size:10.5px;color:#cbd5e1;margin-top:2px}
.pm-rec.ok{border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.07)} .pm-rec.ok>.ic{color:#4ade80} .pm-rec.ok b{color:#bbf7d0}
.pm-ts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px} .pm-ts>div{border:1px solid var(--line);border-radius:9px;padding:7px 5px;text-align:center;background:rgba(8,14,24,.7);cursor:pointer;min-width:0} .pm-ts>div:hover{border-color:#3b82ff}
.pm-ts .ic{width:18px;height:18px;color:var(--blue2)} .pm-ts b{display:block;font-size:13px;line-height:1.2;overflow-wrap:anywhere} .pm-ts small{display:block;font-size:9.5px;color:var(--muted);line-height:1.2}
.pm-2t{display:grid;grid-template-columns:1fr 1fr;gap:8px} .pm-2t tr[data-go]{cursor:pointer} .pm-2t tr[data-go]:hover td{background:rgba(30,144,255,.06)}
.mg-t tr[data-go]{cursor:pointer} .mg-t tr[data-go]:hover td{background:rgba(30,144,255,.06)}
/* alerts list + detail */
.pm-filt{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px}
.pm-filt label{display:flex;flex-direction:column;gap:3px} .pm-filt small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.pm-filt select,.pm-form select,.pm-rpt-h select{font:inherit;font-size:12px;padding:6px 8px;border-radius:8px;background:#0b1422;color:#e6eef8;border:1px solid #2b4c7e}
.pm-sevc{display:flex;gap:4px;flex-wrap:wrap} .pm-sevc button{font:inherit;font-size:11.5px;padding:6px 10px;border-radius:8px;border:1px solid var(--line);background:#0b1422;color:#cbd5e1;cursor:pointer}
.pm-sevc button.on{background:#2563eb;color:#fff;border-color:#3b82ff} .pm-sevc button.high.on{background:#b91c1c;border-color:#ef4444} .pm-sevc button.med.on{background:#b45309;border-color:#f59e0b} .pm-sevc button.low.on{background:#15803d;border-color:#22c55e}
.pm-crumb{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)} .pm-crumb a{color:#8ec5ff;cursor:pointer;display:inline-flex;align-items:center;gap:4px} .pm-crumb a .ic{width:13px;height:13px} .pm-crumb b{color:#e6eef8}
.pm-ah{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#081120;border-left:4px solid #ef4444} .pm-ah.warn{border-left-color:#f59e0b} .pm-ah.info{border-left-color:#22c55e}
.pm-ah>div:first-child{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .pm-own{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:#cbd5e1} .pm-own .ic{width:13px;height:13px}
.pm-ad{display:grid;grid-template-columns:1.45fr 1fr;gap:12px;align-items:start} .pm-adl,.pm-adr{display:flex;flex-direction:column;gap:12px;min-width:0}
.pm-tr{margin:0;font-size:13px;line-height:1.5;color:#dbe4ee}
.pm-mg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .pm-mg>div{border:1px solid rgba(59,130,255,.28);border-radius:12px;padding:11px;background:linear-gradient(180deg,#0b1730,#060c18)}
.pm-mg small{display:block;font-size:10.5px;color:var(--muted)} .pm-mg b{display:block;font-size:26px;font-family:var(--display);margin:3px 0} .pm-mg i{font-style:normal;font-size:10.5px;color:#93a4bb}
.pm-acts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px} .pm-acts li{display:flex;gap:8px;align-items:flex-start;padding:7px 9px;border:1px solid var(--line);border-radius:9px;cursor:pointer;font-size:12.5px}
.pm-acts li .ic{width:17px;height:17px;color:#8ec5ff;flex:none} .pm-acts li.on{border-color:rgba(34,197,94,.45);background:rgba(34,197,94,.07)} .pm-acts li.on .ic{color:#4ade80}
.pm-nf{display:flex;flex-direction:column;gap:6px;align-items:flex-end;margin-bottom:8px} .pm-nf textarea{width:100%}
.pm-notes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto} .pm-notes li{border-left:2px solid #3b82ff;padding:4px 9px;font-size:12px} .pm-notes small{margin-left:6px;color:var(--muted);font-size:10.5px} .pm-notes p{margin:3px 0 0;color:#dbe4ee}
.pm-flag{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;color:#fbbf24;background:rgba(245,158,11,.13);border:1px solid rgba(245,158,11,.4);border-radius:999px;padding:1px 8px;vertical-align:middle} .pm-flag .ic{width:11px;height:11px}
.pm-ok{font-size:11px;color:#4ade80}
.pm-st tr.low td{background:rgba(245,158,11,.05)} .pm-st th.srt{cursor:pointer} .pm-st th.srt.on{color:#8ec5ff} td.up{color:#4ade80} td.dn{color:#f87171}
.pm-spark{display:inline-flex;align-items:flex-end;gap:2px;height:20px} .pm-spark i{width:6px;background:#3b82ff;border-radius:2px 2px 0 0}
.pm-hb{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:7px} .pm-hb li{display:grid;grid-template-columns:150px 1fr 30px;gap:8px;align-items:center;font-size:12px} .pm-hb small{display:block;font-size:10px;color:var(--muted)} .pm-hb b{text-align:right}
.pm-h5{font-size:12px;margin:12px 0 6px;color:#cbd5e1} .pm-h4{font-size:13px;margin:16px 0 6px}
.pm-form{display:flex;flex-direction:column;gap:9px;margin:10px 0} .pm-form.two{display:grid;grid-template-columns:1fr 1fr} .pm-form label{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:#cbd5e1;font-weight:600} .pm-form .input{font-weight:400}
.pm-tg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px} .pm-tg li{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:9px;cursor:pointer;font-size:12.5px}
/* profile + coaching */
.pm-ph{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;border:1px solid rgba(59,130,255,.28);border-radius:14px;background:linear-gradient(180deg,#0b1730,#060c18)}
.pm-pa{display:flex;gap:14px;align-items:center} .pm-pa h2{font-size:22px;display:flex;align-items:center;gap:8px;flex-wrap:wrap} .pm-pa small{color:var(--muted);font-size:12px} .pm-pa .av.xl{width:72px;height:72px;font-size:22px}
.pm-cb .btn{display:inline-flex;align-items:center;gap:6px}
.pm-goal{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px} .pm-goal>div{border:1px solid var(--line);border-radius:9px;padding:8px} .pm-goal small{display:block;font-size:10px;color:var(--muted)} .pm-goal b{display:block;font-size:16px;margin:2px 0} .pm-goal i{font-style:normal;font-size:10.5px;color:#93a4bb}
.pm-ses{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px} .pm-ses li{display:flex;gap:9px;align-items:center;padding:7px 9px;border:1px solid rgba(59,130,255,.3);border-radius:9px} .pm-ses .ic{width:18px;height:18px;color:var(--blue2)} .pm-ses b{display:block;font-size:12px} .pm-ses small{font-size:10.5px;color:var(--muted)}
.pm-hist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px} .pm-hist li{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(8,14,24,.6)}
.pm-hist .i{width:30px;height:30px;border-radius:50%;background:rgba(37,99,235,.2);display:grid;place-items:center;flex:none} .pm-hist .i .ic{width:15px;height:15px;color:#8ec5ff} .pm-hist b{font-size:12.5px} .pm-hist small{color:var(--muted);font-size:10.5px} .pm-hist p{margin:3px 0 0;font-size:12.5px;color:#dbe4ee} .pm-hist em{display:inline-flex;gap:4px;align-items:center;font-style:normal;font-size:11px;color:#fbbf24;margin-top:4px} .pm-hist em .ic{width:12px;height:12px}
.pm-draft{white-space:pre-wrap;font-family:var(--font);font-size:12px;background:#0b1422;border:1px solid var(--line);border-radius:9px;padding:10px;color:#dbe4ee}
.modal .pm-form textarea{width:100%;font-family:var(--font)}
/* reports + print */
.pm-rpt-h{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap} .pm-rpt-h label{display:flex;flex-direction:column;gap:3px;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.pm-rk{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:10px} .pm-rk>div{border:1px solid var(--line);border-radius:10px;padding:8px} .pm-rk small{display:block;font-size:10px;color:var(--muted)} .pm-rk b{font-size:18px;font-family:var(--display)}
.mg-t tfoot td{font-weight:800;border-top:1px solid rgba(148,163,184,.3)}
.pm-print{padding:18px;background:#e9edf3;min-height:calc(100vh - var(--top))} .pm-pbar{display:flex;gap:8px;justify-content:center;margin-bottom:14px}
.pm-doc{max-width:1060px;margin:0 auto;background:#fff;color:#0f172a;border-radius:8px;padding:28px 34px;box-shadow:0 6px 30px rgba(0,0,0,.15)}
.pm-doc header{display:flex;gap:16px;align-items:center;border-bottom:2px solid #1d4ed8;padding-bottom:12px;margin-bottom:14px} .pm-doc h1{font-size:20px;color:#0f172a} .pm-doc header p{margin:2px 0 0;color:#475569;font-size:12px}
.pm-doc .mg-t{color:#0f172a;font-size:11.5px} .pm-doc .mg-t th{color:#475569;border-bottom:1px solid #cbd5e1} .pm-doc .mg-t td{border-bottom:1px solid #e2e8f0} .pm-doc .pm-rk>div{border-color:#cbd5e1} .pm-doc .pm-rk small,.pm-doc .mg-fine{color:#475569} .pm-doc .pm-h4{color:#1d4ed8}
.pm-doc .wm-c,.pm-doc .wm-d{color:#0f172a}
@media print{ #topbar,.no-print,.demo-badge,#toast-root{display:none!important} .pm-print{padding:0;background:#fff} .pm-doc{box-shadow:none;max-width:none;padding:0} body{background:#fff} }
@media (max-width:1300px){ .mg-ks.pm6{grid-template-columns:repeat(3,1fr)} .pm-r1{grid-template-columns:1fr 1fr} .pm-r1>.sf{grid-column:1/-1} .pm-r3{grid-template-columns:1fr 1fr} .pm-rk{grid-template-columns:repeat(3,1fr)} }
@media (max-width:900px){ .mg-ks.pm6{grid-template-columns:1fr 1fr} .pm-r1,.pm-r2,.pm-r2b,.pm-r3,.pm-ad,.pm-fun,.pm-2t,.pm-mg,.pm-form.two,.pm-goal{grid-template-columns:1fr} .pm-sk,.pm-ts,.pm-vk,.pm-ik,.pm-ik.five{grid-template-columns:repeat(2,1fr)} .pm-cg{grid-template-columns:repeat(2,1fr)}
  .pm .mg-side{width:100%} .pm-scope{display:none} .pm-grid{grid-template-columns:1fr} .pm-rk{grid-template-columns:repeat(2,1fr)} .mg-c.pmc{overflow-x:auto} .pm-at,.pm-pt,.pm-st{min-width:640px} .pm-hb li{grid-template-columns:110px 1fr 28px}
  .mg-hero.pmh{background:linear-gradient(180deg,rgba(2,6,13,.55),rgba(2,6,13,.95)),url(../assets/dealership-strip.webp) center/cover} .pm-sw select{max-width:200px} .pm-doc{padding:16px} .pm-mg b{font-size:20px} }
.pm-ac{display:inline-flex;gap:4px;flex-wrap:wrap} .pm-ac i{font-style:normal;font-size:10px;font-weight:800;padding:1px 6px;border-radius:999px} .pm-ac i.bad{background:rgba(239,68,68,.16);color:#f87171} .pm-ac i.warn{background:rgba(245,158,11,.16);color:#fbbf24} .pm-ac i.info{background:rgba(34,197,94,.14);color:#4ade80}
.pm-dk small{font-size:9.5px!important;line-height:1.2;display:block} @media (min-width:1301px){.pm-r3{grid-template-columns:1fr 1fr .9fr 1.2fr}}
.pm-r1>*,.pm-r2>*,.pm-r2b>*,.pm-r3>*,.pm-grid>*{min-width:0}
@media (max-width:900px){ .mg-c.pmc>h3{flex-wrap:wrap} .mg-c.pmc>h3>span{flex-basis:calc(100% - 40px)} .pm-more{margin-left:34px} .pm-2t .mg-t{font-size:11px} }
@media (max-width:900px){ .pm-print{padding:8px} .pm-doc{overflow-x:auto} .pm-doc header{flex-wrap:wrap} .pm-doc h1{font-size:16px} }
.pm-2t .mg-t{table-layout:fixed;width:100%} .pm-2t .mg-t th{white-space:normal} .pm-2t .mg-t th:first-child,.pm-2t .mg-t td:first-child{width:62%} .pm-2t .mg-t td:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* PM · Client Activity top-10 boxes */
.pm-perbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;font-size:12.5px;color:#9fb3cc}
.pm-perbar>span{display:flex;align-items:center;gap:6px;font-weight:600;color:#e6eef8}.pm-perbar>span svg{width:15px;height:15px}
.pm-perbar .rp-sel{margin-left:0}.pm-perbar small{color:#7f93ad}
.pm-cta{margin-top:14px;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
.pm-top{table-layout:fixed;width:100%}
.pm-top th:nth-child(1),.pm-top td:nth-child(1){width:34px}
.pm-top th:nth-child(n+3),.pm-top td:nth-child(n+3){width:64px;text-align:right}
.pm-act th:nth-child(7),.pm-act td:nth-child(7){width:150px;text-align:left}
.pm-top td{vertical-align:middle}
.pm-top td:nth-child(2) b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-top td:nth-child(2) small{display:block;font-size:10.5px;color:#7f93ad}
.pm-top tr.click{cursor:pointer}.pm-top tr.click:hover td{background:rgba(59,130,255,.08)}
.pm-tb{display:block;height:5px;border-radius:3px;background:#13233a;margin-top:4px;overflow:hidden}
.pm-tb i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#2f7bff,#5fb0ff)}
.pm-at{font-size:11.5px;color:#9fb3cc;white-space:normal!important;line-height:1.3}.pm-at b{color:#e6eef8}
.pm-lv{font-style:normal;font-size:9.5px;font-weight:700;color:#3ddc97;background:rgba(61,220,151,.12);border-radius:6px;padding:1px 5px;margin-left:6px}
.pm-foot{font-size:11px;color:#7f93ad;margin:8px 2px 0}
.pm-md3{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}
.pm-md3>div{background:#0b1422;border:1px solid #1f3554;border-radius:10px;padding:8px 10px}.pm-md3 small{display:block;font-size:10.5px;color:#7f93ad}.pm-md3 b{font-size:17px}
.pm-md-a{display:flex;align-items:center;gap:6px;font-size:13px;margin:4px 0}.pm-md-a svg{width:16px;height:16px;flex:none}
@media (max-width:1300px){.pm-cta{grid-template-columns:minmax(0,1fr)}}
@media (max-width:820px){.mg-c .mg-t.pm-top{display:table}}
@media (max-width:700px){
 .mg-c .mg-t.pm-top{display:table}
 .pm-top th,.pm-top td{padding-left:3px!important;padding-right:3px!important}
 .pm-top th:nth-child(1),.pm-top td:nth-child(1){width:24px}
 .pm-top .rk{transform:scale(.85)}
 .pm-top th:nth-child(n+3),.pm-top td:nth-child(n+3){width:44px;font-size:10.5px}
 .pm-top .mg-d{font-size:9.5px;padding:1px 2px;white-space:nowrap}
 .pm-top td:nth-child(2) b{font-size:12px}
 .pm-act th:nth-child(5),.pm-act td:nth-child(5){display:none}
 .pm-act th:nth-child(7),.pm-act td:nth-child(7){width:84px;font-size:10px}
 .pm-top th{white-space:normal;font-size:10.5px}
 .pm-md3{grid-template-columns:repeat(2,1fr)}
}
/* PM · Leads monthly */
.ld-c{margin-top:14px}.ld-svg{width:100%;height:auto;display:block}
.ld-bar{cursor:pointer}.ld-bar.off{opacity:.42}.ld-bar:hover{opacity:1}.ld-bar:hover rect:not([fill="transparent"]){filter:brightness(1.15)}
.ld-proj{fill:rgba(47,123,255,.08);stroke:#7fb0ff;stroke-width:1.2;stroke-dasharray:4 3}
.ld-pl{fill:#9fc3ff;font-size:10.5px;font-weight:600}.ld-tl{fill:#e6eef8;font-size:11px;font-weight:700}.ld-tl.in{fill:#fff;font-size:10px}
.ld-leg{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:11.5px;color:#9fb3cc;margin:2px 0 6px}.ld-leg span{display:flex;align-items:center;gap:6px}
.ld-leg i{width:11px;height:11px;border-radius:3px;display:inline-block}.ld-leg i.pj{border:1.2px dashed #7fb0ff;background:rgba(47,123,255,.08)}
.ld-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:middle}
.ld-r2{margin-top:14px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.ld-tw{overflow-x:auto}.ld-tab{min-width:640px}.ld-tab td,.ld-tab th{text-align:right;white-space:nowrap}.ld-tab td:first-child,.ld-tab th:first-child{text-align:left}
.ld-tab th{font-size:11px}.ld-tab small{display:block;font-size:10px;color:#7f93ad;font-weight:500}
.ld-tab tr.ctx td{opacity:.6}.ld-tab tr.sel td{background:rgba(47,123,255,.07)}
.ld-tab tfoot td{font-weight:700;border-top:1px solid #2b4c7e}
.ld-cl{cursor:pointer}.ld-cl:hover{color:#7fb0ff;text-decoration:underline}
.ld-src td{vertical-align:middle}.ld-src td:first-child{white-space:normal}.ld-src td:first-child small,.ld-src td small{display:block;font-size:10.5px;color:#7f93ad;font-weight:400}
.ld-src tr.click{cursor:pointer}.ld-src tr.click:hover td{background:rgba(59,130,255,.08)}
.ld-ic{display:inline-flex;vertical-align:middle;margin-right:6px}.ld-ic svg{width:16px;height:16px}
.ld-mini{margin-top:8px}.ld-mini small{display:flex;align-items:center;gap:5px;font-size:10.5px;color:#7f93ad}.ld-mini small i{width:8px;height:8px;border-radius:2px;display:inline-block}
.pmc.lead li{cursor:pointer}
.ld-mod{max-width:820px}.ld-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.ld-chips button{font:inherit;font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid #2b4c7e;background:#0b1422;color:#cfd8e4;cursor:pointer;display:flex;align-items:center;gap:6px}
.ld-chips button.on{background:#1d4ed8;border-color:#3b82ff;color:#fff}.ld-chips i{width:8px;height:8px;border-radius:50%}
.ld-lw{max-height:46vh;overflow:auto;border:1px solid #1f3554;border-radius:10px}
.ld-list{font-size:12px}.ld-list td small{display:block;font-size:10px;color:#7f93ad}.ld-list tr.live td{background:rgba(61,220,151,.07)}
.ld-stt{font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:999px;background:#1a2a40;color:#cfd8e4;white-space:nowrap}
.ld-stt.ok{background:rgba(61,220,151,.14);color:#3ddc97}.ld-stt.new{background:rgba(47,123,255,.18);color:#9fc3ff}
.ld-seg{display:flex;gap:6px}.ld-seg button{flex:1;font:inherit;font-size:12px;padding:8px 6px;border-radius:10px;border:1px solid var(--line2,#2b4c7e);background:transparent;color:inherit;cursor:pointer}.ld-seg button.on{background:#1d4ed8;border-color:#3b82ff;color:#fff}
@media (max-width:1300px){.ld-r2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){.ld-list{min-width:560px}.ld-mod .pm-md3{grid-template-columns:repeat(2,1fr)}}
/* ===== PM · Store Health Score & PM Scorecard ===== */
.pm-health.exc{border-color:rgba(34,197,94,.7);color:#86efac;background:rgba(34,197,94,.16)} .pm-health.risk{border-color:rgba(249,115,22,.6);color:#fb923c;background:rgba(249,115,22,.1)}
.pm-store.risk{border-left-color:#f97316} .pm-store.exc,.pm-store.ok{border-left-color:#22c55e}
.sc-b{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid;white-space:nowrap}
.sc-b.big{font-size:12px;padding:4px 12px}
.sc-b.exc,.sc-b.ok{color:#4ade80;border-color:rgba(34,197,94,.55);background:rgba(34,197,94,.12)} .sc-b.exc{color:#86efac;background:rgba(34,197,94,.2)}
.sc-b.warn{color:#facc15;border-color:rgba(234,179,8,.55);background:rgba(234,179,8,.1)} .sc-b.risk{color:#fb923c;border-color:rgba(249,115,22,.55);background:rgba(249,115,22,.1)} .sc-b.bad{color:#f87171;border-color:rgba(239,68,68,.55);background:rgba(239,68,68,.1)}
.sc-n{font-family:var(--display);font-size:16px}.sc-n.exc,.sc-n.ok{color:#4ade80}.sc-n.warn{color:#facc15}.sc-n.risk{color:#fb923c}.sc-n.bad{color:#f87171}
.pm-os em.sc-exc,.pm-os em.sc-ok{color:#4ade80}.pm-os em.sc-warn{color:#facc15}.pm-os em.sc-risk{color:#fb923c}.pm-os em.sc-bad{color:#f87171}
.sc-hd{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(220px,300px);gap:16px;align-items:center;padding:16px 18px;border:1px solid rgba(59,130,255,.3);border-left:5px solid #22c55e;border-radius:16px;background:linear-gradient(135deg,#0b1730,#060c18);margin-bottom:14px}
.sc-hd.warn{border-left-color:#eab308}.sc-hd.risk{border-left-color:#f97316}.sc-hd.bad{border-left-color:#ef4444}
.sc-hn small{font-size:10.5px;letter-spacing:.16em;color:#7fb0ff;font-weight:700}.sc-hn h2{margin:4px 0;font-size:24px;font-family:var(--display)}.sc-hn span{font-size:12px;color:#9fb3cc}
.sc-big{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:150px}.sc-big small{font-size:10.5px;letter-spacing:.18em;color:#9fb3cc;font-weight:700}
.sc-big b{font-family:var(--display);font-size:46px;line-height:1}.sc-big b i{font-style:normal;font-size:18px;color:#7f93ad}.sc-big em{font-style:normal;font-size:12px;color:#9fb3cc}
.sc-tools{display:flex;flex-direction:column;gap:8px;align-items:stretch}.sc-tools .rp-sel{margin:0}.sc-tools small{font-size:10.5px;color:#7f93ad;display:flex;gap:5px;align-items:flex-start;line-height:1.35}.sc-tools small svg{width:13px;height:13px;flex:none;margin-top:1px}
.sc-tiles{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:14px}
.sc-tile{border:1px solid #1f3554;border-radius:14px;padding:11px 12px;background:#0a1324;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:0}
.sc-tile:hover{border-color:#3b82ff;transform:translateY(-1px)}.sc-tile .i svg{width:18px;height:18px;color:#7fb0ff}.sc-tile small{font-size:11px;color:#9fb3cc;line-height:1.25;min-height:28px}
.sc-tile b{font-family:var(--display);font-size:26px;line-height:1}.sc-tile b i{font-style:normal;font-size:13px;color:#7f93ad}.sc-tile em{font-style:normal;font-size:10.5px;color:#7f93ad}
.sc-bar{height:6px;border-radius:4px;background:#13233a;overflow:hidden}.sc-bar i{display:block;height:100%;border-radius:4px}.sc-bar i.g{background:#22c55e}.sc-bar i.y{background:#eab308}.sc-bar i.o{background:#f97316}.sc-bar i.r{background:#ef4444}
.sc-ins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.sc-ins section{border:1px solid #1f3554;border-radius:14px;padding:12px 14px;background:#0a1324}.sc-ins h4{display:flex;gap:7px;align-items:center;margin:0 0 8px;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase}
.sc-ins h4 svg{width:16px;height:16px}.sc-ins .w h4{color:#4ade80}.sc-ins .n h4{color:#fb923c}.sc-ins .a h4{color:#7fb0ff}
.sc-ins ul,.sc-ins ol{margin:0;padding-left:18px;font-size:12.5px;line-height:1.45;display:flex;flex-direction:column;gap:5px}.sc-ins small{display:block;color:#7f93ad;font-size:10.5px}
.sc-plan{margin-bottom:14px}.sc-plan.miss{border-color:rgba(239,68,68,.5)}
.sc-req{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.35)}.sc-req>svg{width:22px;height:22px;color:#f87171;flex:none}.sc-req div{flex:1}.sc-req small{display:block;color:#9fb3cc;font-size:11.5px}
.sc-pl-h{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:8px;font-size:12.5px}.sc-pl-h span{display:flex;gap:6px;align-items:center}.sc-pl-h svg{width:15px;height:15px}
.sc-pl-h label{display:flex;gap:6px;align-items:center;font-size:12px}.sc-pl-h select{font:inherit;font-size:12px;padding:4px 8px;border-radius:8px;background:#0b1422;color:#e6eef8;border:1px solid #2b4c7e}
.sc-fu{display:inline-block;font-style:normal;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:#1a2a40;color:#cfd8e4;white-space:nowrap}
.sc-fu.ok{background:rgba(34,197,94,.14);color:#4ade80}.sc-fu.warn{background:rgba(234,179,8,.14);color:#facc15}.sc-fu.bad{background:rgba(239,68,68,.14);color:#f87171}
.sc-acts td small{display:block;font-size:10px;color:#7f93ad}.sc-acts tr.done td{opacity:.6}.sc-acts tr.done td:nth-child(2){text-decoration:line-through}
.sc-ck{display:inline-flex;width:22px;height:22px;border-radius:6px;border:1px solid #2b4c7e;align-items:center;justify-content:center;cursor:pointer;color:transparent}.sc-ck svg{width:15px;height:15px}.sc-ck.on{background:#16a34a;border-color:#16a34a;color:#fff}
.sc-cads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}
.sc-cd{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:10px;border:1px solid}.sc-cd svg{width:16px;height:16px;flex:none;margin-top:1px}.sc-cd b{display:block;font-size:12.5px}.sc-cd small{font-size:11px;color:#9fb3cc}
.sc-cd.ok{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.06)}.sc-cd.ok svg{color:#4ade80}.sc-cd.bad{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.07)}.sc-cd.bad svg{color:#f87171}
.sc-wk{display:inline-flex;gap:3px;margin-left:5px;vertical-align:middle}.sc-wk i{width:10px;height:10px;border-radius:3px;background:#3a1d24;border:1px solid #7f1d1d}.sc-wk i.on{background:#16a34a;border-color:#16a34a}
.sc-ms{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sc-ms li{display:flex;gap:7px;align-items:flex-start;font-size:12px;padding:7px 8px;border-radius:10px;background:#0a1324;border:1px solid #1f3554}
.sc-ms li svg{width:15px;height:15px;flex:none;margin-top:2px}.sc-ms small{display:block;font-size:10.5px;color:#7f93ad}.sc-ms li.done svg{color:#4ade80}.sc-ms li.late{border-color:rgba(239,68,68,.5)}.sc-ms li.late svg{color:#f87171}.sc-ms li.next svg{color:#7fb0ff}
.sc-mod{max-width:860px}.sc-mod td small{display:block;font-size:10.5px;color:#7f93ad}.sc-how{display:flex;gap:8px;font-size:12.5px;background:#0b1422;border:1px solid #1f3554;border-radius:10px;padding:10px;margin-top:10px}.sc-how svg{width:16px;height:16px;flex:none;color:#7fb0ff}
.sc-fl{list-style:none;padding:0;margin:8px 0 0;font-size:12px;display:flex;flex-direction:column;gap:4px}.sc-fl li{display:flex;gap:6px;align-items:center;color:#fb923c}.sc-fl svg{width:14px;height:14px}
.sc-pm{border:1px solid rgba(59,130,255,.32);border-radius:16px;padding:16px 18px;background:linear-gradient(135deg,#0b1730,#060c18);margin-bottom:14px}
.sc-pmh{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:center}.sc-pmh small{font-size:10.5px;letter-spacing:.16em;color:#7fb0ff;font-weight:700}.sc-pmh h2{margin:2px 0;font-size:24px;font-family:var(--display)}.sc-pmh>span{font-size:12px;color:#9fb3cc;grid-column:1}
.sc-pmh .sc-big{grid-column:2;grid-row:1 / span 3}
.sc-comps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.sc-comp{border:1px solid #1f3554;border-radius:14px;padding:12px;background:#0a1324}.sc-comp.bad{border-color:rgba(239,68,68,.5)}.sc-comp>small{font-size:11px;color:#9fb3cc;font-weight:600}.sc-comp>b{display:block;font-family:var(--display);font-size:30px;margin-top:3px}.sc-comp>b i{font-style:normal;font-size:13px;color:#7f93ad}
.sc-comp>em{font-style:normal;font-size:11px;color:#7f93ad}.sc-comp p{margin:8px 0 0;font-size:12.5px}.sc-comp p small{display:block;font-size:11px;color:#7f93ad;margin-top:3px}
.sc-pf{display:inline-block;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px;margin-left:4px}.sc-pf.ok{background:#16a34a;color:#fff}.sc-pf.bad{background:#dc2626;color:#fff}
.sc-am{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px}.sc-am span{font-size:11.5px;color:#9fb3cc}.sc-am b{color:#e6eef8}
.sc-warn{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:11px 13px;border-radius:12px;border:1px solid rgba(234,179,8,.55);background:rgba(234,179,8,.09)}.sc-warn svg{width:20px;height:20px;color:#facc15;flex:none}.sc-warn b{display:block;color:#facc15}.sc-warn span{font-size:12.5px}
.sc-dbars{display:flex;flex-direction:column;gap:7px}.sc-dbars>div{display:grid;grid-template-columns:90px 1fr 30px;gap:8px;align-items:center;font-size:12.5px;cursor:pointer}.sc-dbars>div>div{height:14px;border-radius:5px;background:#13233a;overflow:hidden}.sc-dbars i{display:block;height:100%;border-radius:5px}
.sc-dbars .exc i,.sc-dbars .ok i{background:#22c55e}.sc-dbars .exc i{background:#4ade80}.sc-dbars .warn i{background:#eab308}.sc-dbars .risk i{background:#f97316}.sc-dbars .bad i{background:#ef4444}.sc-dbars b{text-align:right}
.sc-nl{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.sc-nl li{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:#0a1324;border:1px solid #1f3554;cursor:pointer}.sc-nl li>span{flex:1;min-width:0}.sc-nl small{display:block;font-size:11px;color:#7f93ad}
.sc-flt{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.sc-flt button{font:inherit;font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid #2b4c7e;background:#0b1422;color:#cfd8e4;cursor:pointer}.sc-flt button.on{background:#1d4ed8;border-color:#3b82ff;color:#fff}
.sc-tw{overflow-x:auto}.sc-tbl{min-width:860px}.sc-tbl th[data-act]{cursor:pointer;user-select:none}.sc-tbl th.on{color:#7fb0ff}.sc-tbl td small{display:block;font-size:10.5px;color:#7f93ad}.sc-tbl tr[data-go]{cursor:pointer}
.sc-adm .sc-lock{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid rgba(234,179,8,.5);background:rgba(234,179,8,.08);margin-bottom:14px}.sc-adm .sc-lock>svg{width:22px;height:22px;color:#facc15;flex:none}.sc-adm .sc-lock div{flex:1}.sc-adm .sc-lock small{display:block;font-size:12px;color:#9fb3cc}
.sc-adm.ceo .sc-lock{border-color:rgba(34,197,94,.5);background:rgba(34,197,94,.08)}.sc-adm.ceo .sc-lock>svg{color:#4ade80}
.sc-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;max-height:420px;overflow:auto}.sc-goals label{display:flex;align-items:center;gap:8px;font-size:12px}.sc-goals span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-goals input{width:80px}
.sc-sep{margin:22px 0 10px;padding-top:14px;border-top:1px solid #1f3554}
.sc-doc .sc-tiles{grid-template-columns:repeat(4,1fr)}.sc-doc .pm-r2{display:block}
@media (max-width:1300px){.sc-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.sc-hd{grid-template-columns:minmax(0,1fr) auto}.sc-tools{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:center}}
@media (max-width:900px){.sc-ins,.sc-comps{grid-template-columns:1fr}.sc-ms{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.sc-hd{grid-template-columns:1fr}.sc-big{align-items:flex-start}.sc-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-cads{grid-template-columns:1fr}.sc-ms{grid-template-columns:1fr}
 .sc-pmh{grid-template-columns:1fr}.sc-pmh .sc-big{grid-column:1;grid-row:auto;align-items:flex-start}.sc-goals{grid-template-columns:1fr}.sc-hn h2{font-size:20px}}
.sc-lp{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:8px;font-size:10px;background:rgba(59,130,255,.18);color:#9cc3ff;white-space:nowrap}
/* ---------- PM store contacts (pm6.js) ---------- */
.ct-strip{background:linear-gradient(180deg,rgba(20,34,56,.9),rgba(10,17,28,.9));border:1px solid var(--line2);border-radius:14px;padding:10px 14px;margin:0 0 14px}
.ct-top{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}
.ct-tg{display:flex;align-items:center;gap:10px;background:none;border:0;color:inherit;cursor:pointer;padding:2px 0;text-align:left;font:inherit}
.ct-tg>svg:first-child{width:18px;height:18px;color:#5aa2ff}.ct-tg>svg:last-child{width:14px;height:14px;opacity:.7;transition:transform .2s}
.ct-strip.open .ct-tg>svg:last-child{transform:rotate(180deg)}
.ct-tg span b{display:block;font-size:13px}.ct-tg span small{display:block;font-size:11px;color:var(--muted)}
.ct-avs{display:flex}.ct-avs .av{margin-left:-6px;border:2px solid #0b1422}.ct-avs .av:first-child{margin-left:0}
.av.sm{width:26px;height:26px;font-size:10px}.av.xl{width:64px;height:64px;font-size:20px}
.ct-strip.open .ct-avs{display:none}
.ct-acts{display:flex;gap:6px}
.ct-body{display:none;grid-template-columns:minmax(220px,1fr) 2.4fr;gap:14px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.ct-strip.open .ct-body{display:grid}
.ct-store{display:flex;flex-direction:column;gap:4px;font-size:12px;min-width:0}.ct-store b{font-size:13px}
.ct-store a,.ct-store span{color:#cfe2ff;text-decoration:none;display:inline-flex;align-items:center;gap:5px}.ct-store svg{width:13px;height:13px;color:#5aa2ff;flex:none}
.ct-store a:hover{text-decoration:underline}.ct-row{display:flex;flex-wrap:wrap;gap:4px 14px}.ct-ln{white-space:normal}
.ct-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ct-k{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:8px 10px;min-width:0}
.ct-k .av{width:40px;height:40px}.ct-kn{flex:1;min-width:0}.ct-kn b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-kn small{display:block;font-size:11px;color:var(--muted);line-height:1.3}
.ct-b{display:inline-flex;gap:5px;flex:none}
.ct-i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(47,123,255,.16);border:1px solid rgba(90,162,255,.35);color:#9cc3ff}
.ct-i svg{width:14px;height:14px}.ct-i:hover{background:#2f7bff;color:#fff}.ct-i.text{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.35);color:#86efac}.ct-i.mail{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.35);color:#fcd34d}
.ct-b.sm .ct-i{width:26px;height:26px}.ct-b.big .ct-i{width:38px;height:38px}.ct-b.big .ct-i svg{width:17px;height:17px}
.ct-ph{background:linear-gradient(135deg,#3a4a66,#1a2638)!important;border:1.5px dashed #6b7c99!important}
.ct-panel h2{margin-bottom:10px}.ct-sb{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr 2fr;gap:10px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:12px;font-size:12px}
.ct-sb small{display:block;color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}.ct-sb b{display:block}.ct-sb a{color:#9cc3ff;text-decoration:none;display:block}
.ct-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ct-card{display:flex;gap:12px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:12px;min-width:0}
.ct-card .av.xl{width:72px;height:72px;border-radius:14px}.ct-card .av.xl img{border-radius:13px}
.ct-cd{min-width:0;flex:1}.ct-cd>b{display:block;font-size:14px}.ct-cd>small{display:block;color:var(--muted);font-size:11.5px;margin-bottom:6px}
.ct-cd dl{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;font-size:11.5px;margin:0 0 8px}.ct-cd dt{color:var(--muted)}.ct-cd dd{margin:0;overflow-wrap:anywhere}
.ct-card.wide .ct-cd dl{grid-template-columns:auto 1fr auto 1fr}
.ct-log{list-style:none;padding:0;margin:0 0 8px;font-size:12px}.ct-log li{padding:5px 0;border-bottom:1px solid var(--line)}.ct-log small{display:block;color:var(--muted)}
.ct-q{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.ct-row-av{display:flex;align-items:center;gap:10px;margin:6px 0 2px}.ct-pa{display:flex;align-items:center;gap:5px;min-width:0}.ct-pa small{font-size:10.5px;line-height:1.15;color:var(--muted)}.ct-pa small b{display:block;color:#dbe7f7;font-size:11px;white-space:nowrap}
.ct-mini{margin-left:auto;width:28px;height:28px;border-radius:50%;border:1px solid rgba(90,162,255,.35);background:rgba(47,123,255,.16);color:#9cc3ff;display:grid;place-items:center;cursor:pointer}.ct-mini svg{width:13px;height:13px}
.ct-td{white-space:nowrap}.ct-td small{display:block;font-size:10.5px;color:var(--muted);margin-top:3px}
.ct-cm{margin:0 0 10px}
@media (max-width:1100px){.ct-body{grid-template-columns:1fr}.ct-sb{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.ct-keys,.ct-cards{grid-template-columns:1fr}.ct-acts{width:100%}.ct-acts .btn{flex:1}.ct-card.wide .ct-cd dl{grid-template-columns:auto 1fr}.ct-pa small{display:none}.ct-sb{grid-template-columns:1fr}}
.modal:has(.ct-panel){width:min(1080px,100%)}
.modal:has(.ct-q){width:min(640px,100%)}
.ct-panel .ct-card{flex-direction:column;align-items:flex-start}
.ct-panel .ct-sb{grid-template-columns:2fr 1fr 1fr 1.2fr 1.6fr}
@media (max-width:760px){.ct-panel .ct-sb{grid-template-columns:1fr 1fr}.ct-panel .ct-sb>div:first-child,.ct-panel .ct-sb>div:last-child{grid-column:1/-1}.ct-panel .ct-card{flex-direction:row}.ct-q .ct-k{flex-wrap:wrap}.ct-q .ct-kn{min-width:60%}}
.ct-body{grid-template-columns:minmax(210px,.85fr) 3fr}
.ct-keys .ct-kn b{white-space:normal;overflow:visible}
.ct-keys .ct-i{width:27px;height:27px}.ct-keys .ct-b{gap:4px}
@media (max-width:1100px){.ct-body{grid-template-columns:1fr}}
/* ---------- Sales Rep view (rep.js / rep2.js) ---------- */
.rp .mg-hero.rph{box-shadow:inset 0 -1px 0 rgba(59,130,255,.45)}
.rp-av{background:linear-gradient(135deg,#1e5fb8,#0b2a5c)!important;border:1.5px solid #3b8bff!important;color:#fff;font-weight:800}
.rp-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line2);border-radius:10px;font-size:12.5px;background:rgba(10,18,30,.7)}.rp-chip svg{width:14px;height:14px;color:#5aa2ff}
.rp-mgbar{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.35);color:#fcd34d;border-radius:10px;padding:8px 12px;font-size:12.5px;margin-bottom:12px;display:flex;gap:8px;align-items:center}.rp-mgbar svg{width:14px;height:14px}.rp-mgbar a{color:#fff;text-decoration:underline;cursor:pointer;margin-left:auto}
.rp-cnt{background:#ff8a1f!important}
.rp-ks .rpk{cursor:pointer;transition:transform .15s,box-shadow .15s}.rp-ks .rpk:hover{transform:translateY(-2px)}
.rpk.blu .i{color:#5aa2ff}.rpk.grn .i{color:#22c55e;background:rgba(34,197,94,.12)}.rpk.org .i{color:#ff8a1f;background:rgba(255,138,31,.12)}.rpk.red .i{color:#ef4444;background:rgba(239,68,68,.12)}.rpk.gry .i{color:#a3acbb;background:rgba(163,172,187,.1)}
.rpk.on{border-color:#3b8bff;box-shadow:0 0 0 1px #3b8bff,0 0 18px rgba(59,139,255,.35)}
.rpk i.sub{display:block;color:var(--muted);font-size:11px;font-style:normal}
.rp-d1{display:grid;grid-template-columns:1.25fr .8fr 1.15fr;gap:14px;margin-top:14px}.rp-d2{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin-top:14px}
.rp-m1{display:grid;grid-template-columns:1.75fr 1fr;gap:14px;margin-top:14px}.rp-m2{display:grid;grid-template-columns:1fr 1.3fr .9fr;gap:14px;margin-top:14px}
.rp-col{display:flex;flex-direction:column;gap:14px;min-width:0}.rp-col>.mg-c{margin:0}
.rp-mapw{position:relative;border-radius:12px;overflow:hidden;background:#02050b;border:1px solid #10203a}
.rp-map{width:100%;height:auto;display:block;max-height:620px}.rp-mapw.mini .rp-map{max-height:420px}
.rg-sea{fill:#02050b}.rg-s{fill:#070c15;stroke:#152238;stroke-width:.5}.rg-s.on{fill:#0b2a5c}
.rg-c{fill:#1a1f28;stroke:#0b0f16;stroke-width:.3}.rg-c.on{fill:url(#rpG);stroke:#1d4fa0;stroke-width:.25}
.rg-glow path{fill:none;stroke:#2f8bff;stroke-width:3.2;filter:url(#rpGlow);opacity:.95}
.rg-tl{fill:#5a6577;font-weight:800;letter-spacing:.04em;text-anchor:middle;pointer-events:none}.rg-tl.on{fill:#7cc0ff;text-shadow:0 0 8px #2f8bff}
.rg-city circle{fill:#e6eef8}.rg-city text{fill:#e6eef8;font-weight:700;paint-order:stroke;stroke:#02050b;stroke-width:2.2px;pointer-events:none}
.rp-pin{cursor:pointer;stroke:#02050b;transition:r .1s}.rp-pin.sold{fill:#22c55e}.rp-pin.hot{fill:#ff8a1f}.rp-pin.con{fill:#3b8bff}.rp-pin.risk{fill:#ef4444}.rp-pin.new{fill:#8a94a6}
.rp-pin:hover,.rp-pin.sel{stroke:#fff;filter:drop-shadow(0 0 4px #fff)}
.rp-tip{position:absolute;z-index:5;pointer-events:none;opacity:0;transform:translateY(-100%);background:rgba(6,12,22,.96);border:1px solid #2f6fd6;border-radius:10px;padding:8px 10px;width:200px;font-size:11.5px;box-shadow:0 0 18px rgba(47,111,214,.4);transition:opacity .12s}
.rp-tip.on{opacity:1}.rp-tip b{display:block;font-size:12.5px}.rp-tip small{display:block;color:var(--muted);margin-bottom:4px}.rp-tip dl{display:grid;grid-template-columns:auto 1fr;gap:1px 6px;margin:5px 0 0}.rp-tip dt{color:var(--muted)}.rp-tip dd{margin:0}
.rp-mapnote{position:absolute;left:8px;bottom:6px;font-size:10.5px;color:#8fa0b8;background:rgba(2,5,11,.7);padding:2px 8px;border-radius:6px}.rp-mapnote a{color:#7cc0ff;cursor:pointer}
.rp-mapbox{position:relative}
.rp-legend{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.rp-legend button{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.03);border:1px solid var(--line);color:#dbe7f7;border-radius:20px;padding:4px 10px;font-size:12px;cursor:pointer}
.rp-legend button i{width:10px;height:10px;border-radius:50%;box-shadow:0 0 6px currentColor}.rp-legend button b{color:#fff;margin-left:2px}.rp-legend button.on{border-color:#3b8bff;background:rgba(59,139,255,.16)}.rp-legend button.dim{opacity:.45}
.rp-filt{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;align-items:flex-end}.rp-filt label{display:flex;flex-direction:column;gap:2px;font-size:10.5px;color:var(--muted)}.rp-filt select{background:#0a1220;color:#e6eef8;border:1px solid var(--line2);border-radius:8px;padding:5px 6px;font-size:12px;max-width:150px}
.rp-brk ul{list-style:none;margin:0;padding:0}.rp-brk li{display:grid;grid-template-columns:14px 1fr auto 44px;gap:8px;align-items:center;padding:7px 4px;border-bottom:1px solid var(--line);cursor:pointer;font-size:13px}.rp-brk li:hover,.rp-brk li.on{background:rgba(59,139,255,.08)}
.rp-brk li i{width:11px;height:11px;border-radius:50%}.rp-brk li b{font-size:15px}.rp-brk li em{color:var(--muted);font-style:normal;text-align:right}
.rp-bt{display:flex;align-items:center;gap:8px;margin-bottom:6px}.rp-bt b{font-size:26px}.rp-bt small{color:var(--muted)}.rp-bt svg{width:20px;height:20px;color:#5aa2ff}
.rp-eng{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:center}
.rp-ring{position:relative;width:132px;height:132px}.rp-ring svg{width:100%;height:100%}.rp-ring .bg{fill:none;stroke:#13233b;stroke-width:11}.rp-ring .fg{fill:none;stroke:#22c55e;stroke-width:11;stroke-linecap:round;filter:drop-shadow(0 0 6px #22c55e)}
.rp-ring>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.rp-ring b{font-size:28px}.rp-ring small{font-size:10.5px;color:var(--muted);max-width:80px;line-height:1.2}
.rp-ms{display:flex;flex-direction:column;gap:8px}.rp-ms small{display:block;color:var(--muted);font-size:11px}.rp-ms b{font-size:20px}.rp-ms b.cur{color:#5aa2ff}
.rp-sbar{display:block;height:6px;border-radius:4px;background:#13233b;overflow:hidden;margin-top:4px}.rp-sbar i{display:block;height:100%;background:linear-gradient(90deg,#2f7bff,#5ad1ff)}
.rp-ins{margin:0;padding-left:18px;font-size:12.5px;line-height:1.5}.rp-ins li{margin-bottom:4px}.rp-ins b{color:#9cc3ff}
.rp-wk{border:1px solid var(--line);border-radius:10px;margin-bottom:8px;overflow:hidden}.rp-wh{display:flex;gap:8px;align-items:center;padding:6px 10px;background:linear-gradient(90deg,rgba(47,123,255,.3),rgba(47,123,255,.06));font-size:12px;flex-wrap:wrap}
.rp-wh b{font-size:13px}.rp-wh em{font-style:normal;color:#dbe7f7;flex:1;min-width:120px}.rp-wh i{font-style:normal;font-size:10px;font-weight:800;padding:2px 8px;border-radius:6px;letter-spacing:.04em}.rp-wh i.ok{background:#16a34a;color:#fff}.rp-wh i.prog{background:#2f7bff;color:#fff}.rp-wh i.up{background:rgba(147,197,253,.18);color:#bfdbfe}
.rp-wk ul{list-style:none;margin:0;padding:2px 0}.rp-wk li{display:grid;grid-template-columns:34px 48px 1.2fr 1.3fr;gap:6px;padding:4px 10px;font-size:12px;align-items:center;cursor:default}.rp-wk li[data-go]{cursor:pointer}.rp-wk li[data-go]:hover{background:rgba(59,139,255,.07)}
.rp-wk li .dw{color:var(--muted)}.rp-wk li .dn{display:flex;gap:5px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-wk li .dn svg{width:12px;height:12px;color:#5aa2ff;flex:none}
.rp-wk li .da{display:flex;gap:5px;align-items:center}.rp-wk li .da svg{width:12px;height:12px}.rp-wk li .da i{width:8px;height:8px;border-radius:50%;background:#6b7c99;display:inline-block}
.da.ok{color:#4ade80}.da.hot{color:#ff9a3d}.da.hot i{background:#ff8a1f!important}.da.info{color:#7cb6ff}.da.info i{background:#3b8bff!important}.da.now{color:#fcd34d}.da.mut{color:#c7d2e0}
.rp-wk li.now{background:rgba(250,204,21,.07)}
.rp-tt td small{color:var(--muted)}.rp-tt tr,.rp-rt tr[data-act]{cursor:pointer}
.rp-b{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;white-space:nowrap}.rp-b i{width:9px;height:9px;border-radius:50%}
.rp-b.sold{color:#4ade80}.rp-b.sold i{background:#22c55e}.rp-b.hot{color:#ff9a3d}.rp-b.hot i{background:#ff8a1f}.rp-b.con{color:#7cb6ff}.rp-b.con i{background:#3b8bff}.rp-b.risk{color:#f87171}.rp-b.risk i{background:#ef4444}.rp-b.new{color:#a3acbb}.rp-b.new i{background:#8a94a6}
.rp-sg{font-size:11px;padding:2px 7px;border-radius:6px;background:rgba(255,255,255,.06);white-space:nowrap}.rp-sg.hot{color:#ff9a3d}.rp-sg.sold{color:#4ade80}.rp-sg.con{color:#7cb6ff}.rp-sg.risk{color:#f87171}.rp-sg.new{color:#a3acbb}
.tmp{font-weight:700}.tmp.hot{color:#ff8a1f}.tmp.warm{color:#facc15}.tmp.cold{color:#7cb6ff}.tmp.customer{color:#4ade80}
.rp-pov{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;align-items:center}
.rp-fun{display:flex;flex-direction:column;align-items:center;gap:4px}.rp-fun div{width:var(--w);background:linear-gradient(180deg,var(--c),color-mix(in srgb,var(--c) 55%,#000));clip-path:polygon(0 0,100% 0,94% 100%,6% 100%);text-align:center;padding:5px 0 6px;cursor:pointer;color:#fff}
.rp-fun b{display:block;font-size:17px;line-height:1.1}.rp-fun small{font-size:10.5px;opacity:.95}
.rp-pk{display:flex;flex-direction:column;gap:10px}.rp-pk>div{border:1px solid var(--line);border-radius:10px;padding:10px;cursor:pointer;background:rgba(255,255,255,.02)}.rp-pk small{color:var(--muted);display:block}.rp-pk b{font-size:24px;display:block}.rp-pk i{font-size:10.5px;color:var(--muted);font-style:normal}
.rp-rt td.g{color:#4ade80}.rp-rt td.b{color:#7cb6ff}.rp-rt td.o{color:#ff9a3d}.rp-rt td.m{color:#a3acbb}.rp-rt tr.on td{background:rgba(59,139,255,.12)}
.rp-goals{display:flex;flex-direction:column;gap:10px}.rp-goals>div{display:grid;grid-template-columns:1fr auto 44px;gap:4px 8px;align-items:center;font-size:12.5px;cursor:pointer}.rp-goals>div>span:first-child{display:flex;gap:6px;align-items:center}.rp-goals svg{width:13px;height:13px;color:#5aa2ff}
.rp-goals em{font-style:normal;color:var(--muted);text-align:right}.rp-goals .mg-pbar{grid-column:1/-1}
.rp-qc{position:absolute;right:10px;top:10px;width:330px;max-width:calc(100% - 20px);background:rgba(6,12,22,.97);border:1px solid #2f6fd6;border-radius:14px;padding:12px;box-shadow:0 0 24px rgba(47,111,214,.45);z-index:6}
.rp-x{position:absolute;right:8px;top:8px;background:none;border:0;color:#9fb0c8;cursor:pointer}.rp-x svg{width:16px;height:16px}
.rp-qh b{display:block;font-size:15px;padding-right:20px}.rp-qh small{display:block;color:var(--muted);font-size:11.5px;margin:2px 0 4px}
.rp-qg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.rp-qg>div{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:8px;padding:6px 8px}.rp-qg small{display:block;color:var(--muted);font-size:10.5px}.rp-qg b{font-size:18px}.rp-qg b i{font-size:11px;color:var(--muted);font-style:normal}.rp-qg b.sm{font-size:12.5px}.rp-qg>div>i{font-size:10.5px;color:var(--muted);font-style:normal}
.rp-qrev{font-size:12px;margin:0 0 8px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.rp-qrev svg{width:13px;height:13px;color:#4ade80}.rp-qrev small{color:var(--muted)}.rp-qrev a{color:#7cc0ff;cursor:pointer}
.rp-qb{display:flex;flex-wrap:wrap;gap:6px}.rp-qb .btn{text-decoration:none}
.rp-qs{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px}.rp-qs small{color:var(--muted)}.rp-qs select{background:#0a1220;color:#fff;border:1px solid var(--line2);border-radius:8px;padding:4px 6px}
.rp-gp{margin-top:14px}.rp-qa{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.rp-qa>div{border:1px solid var(--line);border-radius:10px;padding:10px;background:rgba(255,255,255,.02);cursor:pointer}.rp-qa>div:hover{border-color:#3b8bff}.rp-qa small{display:block;color:#7cc0ff;font-size:11px;font-weight:700;margin-bottom:4px}.rp-qa b{font-size:12.5px;font-weight:600;line-height:1.4}
.rp-s2{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}
.rp-ul{list-style:none;margin:0;padding:0}.rp-ul li{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12.5px;cursor:pointer}.rp-ul li span,.rp-ul li small{grid-column:1;color:var(--muted)}.rp-ul li .btn{grid-row:1/3;grid-column:2;align-self:center}
.rp-srch{margin-bottom:10px}.rp-srch input{width:100%;max-width:520px}
.rp-dt td small{display:block;color:var(--muted);font-size:11px}
.rp-pf{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.rp-pfh{display:flex;gap:12px;align-items:center}.rp-pfh h2{font-size:22px;margin:0}.rp-pfh small{color:var(--muted);display:block;margin:2px 0 6px}
.rp-logo{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,#123a7a,#071a3d);border:1px solid #2f6fd6;color:#cfe2ff}
.rp-p2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.rp-dl{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;font-size:13px;margin:0 0 10px}.rp-dl dt{color:var(--muted)}.rp-dl dd{margin:0}.rp-dl dd.dn{color:#f87171}
.rp-pmln{font-size:12.5px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.3);border-radius:10px;padding:8px 10px;margin-top:10px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.rp-pmln svg{width:14px;height:14px;color:#4ade80}.rp-pmln a{color:#7cc0ff;cursor:pointer}
.rp-log{list-style:none;margin:0;padding:0}.rp-log li{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12.5px}.rp-log li[data-go]{cursor:pointer}.rp-log .i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(59,139,255,.12);color:#7cb6ff;flex:none}.rp-log .i svg{width:14px;height:14px}.rp-log p{margin:2px 0 0;color:#c7d2e0}.rp-log small{color:var(--muted)}
.rp-kanban{display:grid;grid-template-columns:repeat(8,minmax(180px,1fr));gap:10px;overflow-x:auto;padding-bottom:6px}
.rp-col-k{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:12px;padding:8px;min-width:180px}.rp-col-k h4{display:flex;justify-content:space-between;font-size:13px;margin:0}.rp-col-k>small{color:var(--muted);font-size:11px}
.rp-col-k.hot{border-top:3px solid #ff8a1f}.rp-col-k.sold{border-top:3px solid #22c55e}.rp-col-k.con{border-top:3px solid #3b8bff}.rp-col-k.risk{border-top:3px solid #ef4444}.rp-col-k.new{border-top:3px solid #8a94a6}
.rp-cards{display:flex;flex-direction:column;gap:6px;margin-top:8px;max-height:560px;overflow-y:auto}.rp-kc{background:#0a1322;border:1px solid var(--line2);border-radius:9px;padding:7px 8px;cursor:pointer;font-size:12px}.rp-kc b{display:block}.rp-kc small{color:var(--muted);font-size:10.5px}
.rp-kb{display:flex;gap:4px;margin-top:5px}.rp-kb button{background:rgba(59,139,255,.14);border:1px solid rgba(59,139,255,.35);color:#cfe2ff;border-radius:6px;font-size:10.5px;padding:2px 6px;cursor:pointer}.rp-more{font-size:11px;color:#7cc0ff;cursor:pointer}
.rp-ps{font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;background:rgba(255,255,255,.06)}.rp-ps.accepted,.rp-ps.completed{color:#4ade80}.rp-ps.viewed,.rp-ps.signed{color:#facc15}.rp-ps.sent,.rp-ps.delivered{color:#7cb6ff}.rp-ps.stalled,.rp-ps.declined,.rp-ps.voided{color:#f87171}
.rp-env-t{display:flex;gap:4px;flex-wrap:wrap}.rp-env-t span{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;color:var(--muted)}.rp-env-t span.ok{color:#4ade80}.rp-env-t svg{width:12px;height:12px}.rp-env-t i{width:10px;height:10px;border-radius:50%;border:1.5px solid #4b5b75;display:inline-block}.rp-env-t em{font-style:normal}
.rp-res{list-style:none;margin:0;padding:0}.rp-res li{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);cursor:pointer}.rp-res li>div{flex:1}.rp-res small{display:block;color:var(--muted);font-size:11.5px}.rp-res .i{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:rgba(59,139,255,.12);color:#7cb6ff}.rp-res svg{width:15px;height:15px}
.rp-pmap .rp-mapw{max-height:300px}
@media (max-width:1300px){.rp-d1{grid-template-columns:1fr 1fr}.rp-d1 .rp-sc{grid-column:1/-1}.rp-m2{grid-template-columns:1fr 1fr}.rp-m2>:last-child{grid-column:1/-1}.rp-qa{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.rp-d1,.rp-d2,.rp-m1,.rp-m2,.rp-s2,.rp-p2,.rp-pov{grid-template-columns:1fr}.rp-qc{position:static;width:auto;max-width:none;margin-top:10px}.rp-eng{grid-template-columns:120px 1fr}.rp-ring{width:118px;height:118px}.rp-qa{grid-template-columns:1fr}.rp-wk li{grid-template-columns:30px 44px 1fr;}.rp-wk li .da{grid-column:2/-1}.rp-filt select{max-width:none}.rp-filt label{flex:1 1 45%}}
.rpk>div{min-width:0}.rp-qg>div>i{display:block}.rp-sevp .sev-t{min-width:0}.rp-sevp .sev-c .sev-t{min-width:640px}
@media (max-width:600px){.rpk b{font-size:17px;overflow-wrap:anywhere}}
/* ---------- Store Potential Scorecard (pm7.js) ---------- */
.sev-f{background:rgba(47,123,255,.08);border:1px solid rgba(47,123,255,.3);border-radius:10px;padding:10px 12px;font-size:13.5px;margin-bottom:10px;line-height:1.5}.sev-f small{display:block;color:var(--muted);font-size:11.5px;margin-top:4px}
.sev-tt td,.sev-tt th{text-align:right}.sev-tt td:first-child,.sev-tt th:first-child{text-align:left}
.sev-ex{margin-top:10px;font-size:12.5px;line-height:1.5;border-left:3px solid #ff8a1f;padding:6px 10px;background:rgba(255,138,31,.06);border-radius:0 8px 8px 0}.sev-ex span{display:block;color:#c7d2e0;margin-top:3px}
.sev-ex .ok,.sev-t .ok,.sev-pt .ok,.sev-ks .ok{color:#4ade80}.sev-ex .bad,.sev-t .bad,.sev-pt .bad{color:#f87171}.sev-t .warn,.sev-pt .warn{color:#facc15}
.sev-t td small,.sev-pt td small{display:block;color:var(--muted);font-size:10.5px}.sev-t td.dn,.sev-pt td.dn{color:#f87171}
.sev-t{min-width:720px}.sev-pt{min-width:1100px}.sev-at{min-width:520px}.sev-at input{width:66px;padding:4px 5px}.sev-at td,.sev-at th{padding-left:4px;padding-right:4px}.sev-aw{max-height:460px;overflow:auto}
.sev-tot td{border-top:1px solid var(--line2);background:rgba(255,255,255,.02)}
.sev-bar{display:block;position:relative;height:5px;border-radius:3px;background:#13233b;margin-top:4px;min-width:80px;overflow:hidden}.sev-bar i{display:block;height:100%;background:#22c55e}.sev-bar.warn i{background:#facc15}.sev-bar.bad i{background:#ef4444}
.sev-call{display:flex;gap:10px;align-items:flex-start;border-radius:10px;padding:10px 12px;margin:0 0 12px;font-size:13px}.sev-call svg{width:18px;height:18px;flex:none;margin-top:2px}.sev-call small{display:block;color:#c7d2e0;font-size:12.5px;margin-top:2px;line-height:1.45}
.sev-call.bad{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.35)}.sev-call.bad svg{color:#f87171}.sev-call.ok{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.35)}.sev-call.ok svg{color:#4ade80}
.sev-hs{font-size:12.5px;margin:10px 0 0;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.sev-hs svg{width:14px;height:14px;color:#f472b6}.sev-hs a{color:#7cc0ff;cursor:pointer}
.sev-set{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px;font-size:12px;color:#c7d2e0;border-top:1px dashed var(--line2);padding-top:10px}.sev-set>svg{width:14px;height:14px;color:#fcd34d}.sev-set>span{flex:1;min-width:200px}
.sev-ovb{font-size:10px;font-weight:700;padding:1px 6px;border-radius:5px;background:rgba(250,204,21,.15);color:#fcd34d;margin-left:4px;white-space:nowrap}
.sev-ks .mg-k i.bad{color:#f87171}.sev-ks .mg-k i.warn{color:#facc15}
.rp-sev{border:1px solid rgba(47,123,255,.35);background:rgba(47,123,255,.06);border-radius:10px;padding:8px 10px;margin:0 0 8px}
.rp-sevh{display:flex;gap:6px;align-items:center;font-size:12px}.rp-sevh svg{width:13px;height:13px;color:#5aa2ff}.rp-sevh span{margin-left:auto;color:#9cc3ff;font-weight:700}
.rp-sevf{font-size:11.5px;color:#c7d2e0;margin:4px 0 6px}.rp-sevf i{font-style:normal;color:var(--muted);margin:0 2px}.rp-sevf b.t{color:#fff;font-size:13px}
.rp-sevm{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.rp-sevm span{display:flex;flex-direction:column}.rp-sevm small{color:var(--muted);font-size:10px}.rp-sevm b{font-size:14px}.rp-sevm b.ok{color:#4ade80}.rp-sevm b.dn{color:#f87171}.rp-sevm i{font-style:normal;font-size:10px;color:var(--muted)}
.rp-sevm.big{grid-template-columns:repeat(4,1fr);margin-top:10px;gap:10px}.rp-sevm.big span{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:9px;padding:8px}.rp-sevm.big b{font-size:19px}
.rp-sevp{margin-top:14px}
@media (max-width:600px){.rp-sevm.big{grid-template-columns:1fr 1fr}}
/* ---------- Pre-Visit Survey (rep3.js) ---------- */
.rp-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line2);margin:0 0 14px;overflow-x:auto}.rp-tabs a{display:inline-flex;gap:7px;align-items:center;padding:9px 14px;font-size:13px;font-weight:700;color:#9fb0c8;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}
.rp-tabs a svg{width:15px;height:15px}.rp-tabs a.on{color:#fff;border-bottom-color:#3b8bff;text-shadow:0 0 10px rgba(59,139,255,.6)}.rp-tabs a:hover{color:#fff}
.pv-badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:6px;white-space:nowrap;background:rgba(138,148,166,.15);color:#a3acbb;vertical-align:middle}.pv-badge svg{width:11px;height:11px}
.pv-badge.ip{background:rgba(255,138,31,.15);color:#ffb067}.pv-badge.done{background:rgba(34,197,94,.15);color:#4ade80}.pv-badge.big{font-size:12.5px;padding:5px 12px;border-radius:8px}
.rp-dt td .pv-badge{display:table;margin-top:3px}.pv-qlink{cursor:pointer;margin-left:4px}
.pv-head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:linear-gradient(90deg,rgba(47,123,255,.18),rgba(47,123,255,.03));border:1px solid rgba(59,139,255,.35);border-radius:12px;padding:12px 14px;margin-bottom:14px}
.pv-head>b{font-size:15px}.pv-prog{flex:1;min-width:200px;display:flex;flex-direction:column;gap:4px}.pv-prog small{color:#c7d2e0}
.pv>.mg-c{margin-bottom:14px}.pv h5{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#7cc0ff;margin:14px 0 8px}.pv h5 small{text-transform:none;letter-spacing:0;color:var(--muted);font-weight:500;margin-left:6px}
.pv label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#c7d2e0}.pv label small{color:var(--muted);font-size:10.5px}
.pv-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pv-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pv-g2{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.pv-calc{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:10px;margin-top:12px}.pv-calc>div{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.pv-calc small{display:block;color:var(--muted);font-size:11px}.pv-calc b{font-size:24px;display:block}.pv-calc i{font-style:normal;font-size:11px;color:var(--muted)}
.pv-calc .tot{border-color:#2f6fd6;background:rgba(47,123,255,.12);box-shadow:0 0 16px rgba(47,123,255,.25)}.pv-calc .tot b{color:#7cc0ff}
.pv-prog2{display:flex;gap:12px;align-items:center;margin-bottom:10px;font-size:13px}.pv-prog2 .mg-pbar{flex:1}
.pv-calls{display:flex;flex-direction:column;gap:8px}.pv-call{border:1px solid var(--line2);border-radius:10px;background:rgba(255,255,255,.02);position:relative}.pv-call:not(.open){cursor:pointer;padding:10px 40px 10px 12px}.pv-call:not(.open):hover{border-color:#3b8bff}
.pv-call.done{border-color:rgba(34,197,94,.35)}.pv-call.open{padding:12px 14px;border-color:#3b8bff}
.pv-cl{display:flex;gap:8px;align-items:center;font-size:12.5px;flex-wrap:wrap}.pv-cl svg{width:15px;height:15px;color:#4ade80}.pv-cl span{color:#c7d2e0}.pv-cl.todo span{color:var(--muted)}.pv-cl.todo i{width:20px;height:20px;border-radius:50%;border:1.5px solid #4b5b75;display:grid;place-items:center;font-size:10.5px;font-style:normal;color:#9fb0c8}
.pv-chev{position:absolute;right:12px;top:10px;color:#9fb0c8}.pv-chev svg{width:16px;height:16px}.pv-chev.up svg{transform:rotate(180deg)}
.pv-ch{display:flex;gap:10px;align-items:center;cursor:pointer;padding-right:30px}.pv-ch b{font-size:15px}.pv-ok{color:#4ade80;font-size:12px;display:inline-flex;gap:4px;align-items:center}.pv-ok svg{width:13px;height:13px}
.pv-q{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;padding:6px 0;border-bottom:1px dashed var(--line)}.pv-q>span:first-child{flex:1}.pv-q small{display:block;color:var(--muted);font-size:10.5px}
.pv-q.wide{flex-direction:column;align-items:stretch;border:0}.pv-q.wide>span:first-child{margin-bottom:4px}
.pv-seg{display:inline-flex;border:1px solid var(--line2);border-radius:8px;overflow:hidden;flex:none}.pv-seg button{background:transparent;border:0;color:#c7d2e0;padding:5px 11px;font-size:12px;cursor:pointer;border-right:1px solid var(--line2)}.pv-seg button:last-child{border-right:0}
.pv-seg button.on.y{background:#16a34a;color:#fff}.pv-seg button.on.n{background:#dc2626;color:#fff}.pv-seg button.on.p{background:#d97706;color:#fff}
.pv-ms{display:inline-flex;gap:5px;align-items:center;color:var(--muted);font-size:11.5px}.pv-n{width:70px;padding:5px 6px}.pv-ms select{width:auto;padding:5px}
.pv-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.pv-chips button{display:inline-flex;gap:4px;align-items:center;background:rgba(59,139,255,.12);border:1px solid rgba(59,139,255,.35);color:#cfe2ff;border-radius:16px;padding:4px 10px;font-size:11.5px;cursor:pointer}.pv-chips button svg{width:11px;height:11px}.pv-chips button.ghost{background:transparent;border-color:var(--line2);color:#9fb0c8}
.pv-path{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-bottom:6px;font-size:12.5px}.pv-path span{background:#0b2a5c;border:1px solid #2f6fd6;border-radius:6px;padding:2px 8px}.pv-path i{font-style:normal;color:#7cc0ff}.pv-path em{color:var(--muted);font-size:11.5px}
.pv-ta textarea{width:100%;resize:vertical;min-height:90px}
.pv-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pv-sum>div{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:10px;padding:9px 11px}.pv-sum small{display:block;color:var(--muted);font-size:11px;min-height:26px}.pv-sum b{font-size:20px;display:block}.pv-sum i{font-style:normal;font-size:11px;color:#9cc3ff}
.pv-opps{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:8px}.pv-opps label{flex-direction:row;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:7px 10px;cursor:pointer;font-size:12.5px}.pv-opps label.on{border-color:#3b8bff;background:rgba(59,139,255,.1);color:#fff}.pv-opps em{font-style:normal;font-size:10px;font-weight:700;color:#ffb067;background:rgba(255,138,31,.15);padding:1px 6px;border-radius:5px;margin-left:auto}
.pv-opps input{accent-color:#3b8bff;pointer-events:none}.pv .mg-fine a{color:#7cc0ff;cursor:pointer}
.pv-bar{display:flex;flex-wrap:wrap;gap:8px;position:sticky;bottom:8px;z-index:4;background:rgba(6,12,22,.94);border:1px solid #2f6fd6;border-radius:12px;padding:10px;box-shadow:0 0 18px rgba(47,111,214,.35)}
.pv-mini{margin-bottom:12px}
@media (max-width:900px){.pv-g3,.pv-g4{grid-template-columns:1fr 1fr}.pv-g2{grid-template-columns:1fr}.pv-calc{grid-template-columns:1fr 1fr}.pv-calc .tot{grid-column:1/-1}.pv-sum{grid-template-columns:1fr 1fr}.pv-opps{grid-template-columns:1fr}}
@media (max-width:480px){.pv-g3,.pv-g4{grid-template-columns:1fr}.pv-q{flex-wrap:wrap}.pv-bar{position:static}.pv-bar .btn{flex:1 1 100%}.rp-tabs .pv-badge{display:none}}
@media print{body.pv-printing .mg-side,body.pv-printing .mg-hero,body.pv-printing .pv-bar,body.pv-printing header,body.pv-printing nav,body.pv-printing .mg-foot,body.pv-printing .rp-tabs,body.pv-printing .pm-crumb,body.pv-printing .ct-strip,body.pv-printing #toast-root{display:none!important}body.pv-printing .pv *{color:#000!important;background:#fff!important;box-shadow:none!important;text-shadow:none!important}}
/* ---------- Sales Rep cadence (rep4.js) ---------- */
.rp-wks.cmp{max-height:1010px;overflow-y:auto;padding-right:2px}
.rp-wk li.trv{background:rgba(47,123,255,.07);font-weight:600}.rp-wk li.trv .dn{color:#cfe2ff}.rp-wk li.off .dn{color:#c7d2e0}.rp-wk li.off .dn svg{color:#a3acbb}
.rp-wk li.vis{padding-top:2px;padding-bottom:2px;font-size:11.5px}.rp-wk li.vis .tm{color:#7cc0ff;font-weight:700}.rp-wk li.vis .dn{padding-left:2px}.rp-wk li.vis.open .dn{color:var(--muted);font-style:italic}.rp-wk li.vis.open .dn svg{color:#facc15}
.rp-cadn{display:flex;gap:6px;align-items:flex-start}.rp-cadn svg{width:13px;height:13px;flex:none;margin-top:2px;color:#5aa2ff}
.rp-goals small{color:var(--muted);font-size:10.5px;margin-left:4px}
.rp-sug{display:flex;gap:10px;align-items:flex-start;background:rgba(47,123,255,.1);border:1px solid #2f6fd6;border-radius:10px;padding:10px 12px;margin-bottom:12px}.rp-sug svg{width:16px;height:16px;color:#7cc0ff;flex:none;margin-top:2px}.rp-sug small{display:block;color:#c7d2e0;font-size:12px;margin-top:2px}
.rp-cad{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.rp-cad label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#c7d2e0}.rp-cad select{background:#0a1220;color:#fff;border:1px solid var(--line2);border-radius:8px;padding:7px 6px}
.rp-cadw{margin-top:14px}
@media (max-width:900px){.rp-cad{grid-template-columns:repeat(3,1fr)}}
.rp-wk li.vis{grid-template-columns:34px 64px 1.2fr 1.3fr}.rp-wk li.vis .tm{white-space:nowrap}
.rp-wks.cmp li.vis{grid-template-columns:64px 1fr 1fr}.rp-wks.cmp li.vis>span:first-child{display:none}.rp-wks.cmp li.vis .da{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ===== Fulfillment & Inventory Manager (#/fm) — reuses the PM dashboard shell (.mg.pm) ===== */
.fm .mg-body>*+*{margin-top:12px}
.fm-r1{display:grid;grid-template-columns:1.3fr 1.2fr .62fr;gap:12px}
.fm-r3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.fm-r2c,.fm-r2p{display:grid;grid-template-columns:1.65fr 1fr;gap:12px;align-items:start}
.fm-r2i{display:grid;grid-template-columns:1.75fr .9fr;gap:12px;align-items:start}
.fm-r2s{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.fm-od{display:grid;grid-template-columns:1fr 1.25fr;gap:12px;align-items:start}
.fm-r1>*,.fm-r3>*,.fm-r2c>*,.fm-r2p>*,.fm-r2i>*,.fm-r2s>*,.fm-od>*{min-width:0}
.fm-od>div>*+*,.fm-r2p>div>*+*,.fm-r2i>div>*+*,.fm-r2s>div>*+*{margin-top:12px}
.fmk .fm-ks{display:block;font-style:normal;font-size:10px;color:#93a4bb;margin:3px 0 0}
.fm-hero,.mg-hero.fmh{min-height:150px}
.fm-site b{font-size:12px;font-weight:600;color:#dbe7f7}
.pm-cnt.info{background:#2563eb}
/* today strip */
.fm-today{display:grid;grid-template-columns:120px repeat(5,1fr);gap:8px;align-items:stretch}
.fm-tl{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;border:1px solid rgba(59,130,255,.45);border-radius:12px;padding:10px 12px;background:linear-gradient(135deg,rgba(37,99,235,.32),rgba(6,12,24,.9))}
.fm-tl .ic{width:20px;height:20px;color:#8ec5ff} .fm-tl b{font-family:var(--display);letter-spacing:.14em;font-size:15px} .fm-tl small{font-size:10.5px;color:#a9bdd6}
.fm-tq{border:1px solid var(--line);border-radius:12px;padding:9px 11px;background:linear-gradient(180deg,#0b1730,#060c18);cursor:pointer;min-width:0}
.fm-tq:hover{border-color:#3b82ff} .fm-tq small{display:flex;align-items:center;gap:5px;font-size:10.5px;color:#8ec5ff;font-weight:700;letter-spacing:.02em} .fm-tq small .ic{width:13px;height:13px}
.fm-tq b{display:block;font-size:14.5px;margin:4px 0 2px;font-family:var(--display);line-height:1.2} .fm-tq i{display:block;font-style:normal;font-size:10.5px;color:var(--muted);line-height:1.3}
.fm-tq.bad{border-color:rgba(239,68,68,.5)} .fm-tq.bad b{color:#fca5a5} .fm-tq.warn b{color:#fcd34d} .fm-tq.ok b{color:#86efac}
/* order flow */
.fm-flow{display:flex;align-items:stretch;gap:4px}
.fm-fs{flex:1;min-width:0;position:relative;border:1px solid rgba(59,130,255,.35);border-radius:11px;padding:9px 6px 8px;text-align:center;background:linear-gradient(180deg,#0c1a33,#070d19);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px}
.fm-fs:hover{border-color:#60a5fa} .fm-fs small{font-size:10.5px;color:#cbd5e1;font-weight:600;white-space:nowrap} .fm-fs b{font-size:24px;font-family:var(--display);line-height:1.1}
.fm-fs>.ic{width:24px;height:24px;color:#60a5fa;filter:drop-shadow(0 0 6px rgba(59,130,255,.6))} .fm-fs em{font-style:normal;font-size:11px;color:#cbd5e1;font-weight:700} .fm-fs .mg-pbar{width:80%;margin:2px 0 0}
.fm-fs.stack{border-color:#f59e0b;box-shadow:0 0 0 1px rgba(245,158,11,.35),0 0 18px rgba(245,158,11,.15)} .fm-fs.stack .mg-pbar i{background:linear-gradient(90deg,#f59e0b,#fbbf24)}
.fm-fs u{text-decoration:none;position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-size:8.5px;font-weight:800;letter-spacing:.06em;background:#f59e0b;color:#111;padding:1px 6px;border-radius:999px;white-space:nowrap;text-transform:uppercase}
.fm-ar{display:flex;align-items:center;color:#4b6a99} .fm-ar .ic{width:14px;height:14px}
.fm-note{font-size:11px;color:#b8c6d9;margin:9px 0 0;display:flex;gap:6px;align-items:flex-start;line-height:1.4} .fm-note .ic{width:14px;height:14px;flex:none;color:#60a5fa;margin-top:1px} .fm-note.bad{color:#fca5a5} .fm-note.bad .ic{color:#f87171}
.fm-sel{font:inherit;font-size:11.5px;padding:4px 6px;border-radius:7px;background:#0b1422;color:#e6eef8;border:1px solid #2b4c7e;max-width:100%}
.mg-c.pmc>h3 .fm-sel{margin-left:auto}
/* tables + pills */
.fm-t td,.fm-t th{white-space:nowrap} .fm-t tbody tr[data-go],.fm-t td[data-go]{cursor:pointer} .fm-t tbody tr:hover td{background:rgba(59,130,255,.06)}
.fm-t td small.fm-src,.fm-src{display:block;font-size:10px;margin-top:1px;white-space:normal}
.fm-late{color:#f87171!important;font-weight:700}
.fm-trk{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;color:#cfe2ff;letter-spacing:.02em} .fm-trk.big{font-size:13px}
.fm-s{display:inline-block;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:6px;white-space:nowrap;background:rgba(148,163,184,.16);color:#cbd5e1;border:1px solid transparent}
.fm-s.new,.fm-s.ordered{background:rgba(59,130,255,.18);color:#93c5fd}
.fm-s.awaitingapproval,.fm-s.dealerapproval,.fm-s.awaitingpickup,.fm-s.confirmed{background:rgba(245,158,11,.16);color:#fcd34d}
.fm-s.waitingonartwork,.fm-s.artworkneeded,.fm-s.artworksubmitted,.fm-s.requestreceived,.fm-s.manufacturing{background:rgba(168,85,247,.18);color:#d8b4fe}
.fm-s.waitingonmaterials,.fm-s.backordered{background:rgba(249,115,22,.18);color:#fdba74}
.fm-s.approved,.fm-s.materialsready{background:rgba(34,197,94,.12);color:#86efac;border-color:rgba(34,197,94,.35)}
.fm-s.inproduction,.fm-s.production{background:#1d4ed8;color:#fff}
.fm-s.qualitycontrol,.fm-s.qc{background:rgba(6,182,212,.18);color:#67e8f9}
.fm-s.readytoship,.fm-s.shipping{background:rgba(20,184,166,.2);color:#5eead4}
.fm-s.labelcreated{background:rgba(250,204,21,.16);color:#fde047}
.fm-s.shipped,.fm-s.pickedup,.fm-s.intransit{background:rgba(99,102,241,.22);color:#c7d2fe}
.fm-s.outfordelivery{background:rgba(14,165,233,.2);color:#7dd3fc}
.fm-s.delivered{background:rgba(34,197,94,.18);color:#4ade80}
.fm-s.delayed,.fm-s.exception{background:rgba(239,68,68,.2);color:#fca5a5}
.fm-s.onhold{background:rgba(148,163,184,.2);color:#e2e8f0}
.fm-car{display:inline-block;font-size:10px;font-weight:900;padding:2px 6px;border-radius:5px;letter-spacing:.02em;font-family:Arial,sans-serif}
.fm-car.ups{background:#4a2c12;color:#fbbf24} .fm-car.fedex{background:#fff;color:#4d148c} .fm-car.fedex b{color:#ff6200} .fm-car.usps{background:#1e3a8a;color:#fff}
.fm-pr{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:999px;white-space:nowrap} .fm-pr.rush{background:#dc2626;color:#fff} .fm-pr.high{background:rgba(239,68,68,.16);color:#fca5a5} .fm-pr.normal{background:rgba(59,130,255,.14);color:#93c5fd} .fm-pr.low{background:rgba(148,163,184,.16);color:#cbd5e1}
.fm-is{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;white-space:nowrap} .fm-is i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e}
.fm-is.ok{color:#4ade80} .fm-is.low{color:#fbbf24} .fm-is.low i{background:#f59e0b;box-shadow:0 0 6px #f59e0b} .fm-is.red{color:#f87171} .fm-is.red i{background:#ef4444;box-shadow:0 0 6px #ef4444}
.fm-pb{width:100%;min-width:70px;height:9px!important;margin:0!important} .fm-pt td:nth-child(2){width:45%}
/* quick actions */
.fm-qa{display:flex;flex-direction:column;gap:7px} .fm-qa .btn{justify-content:flex-start;width:100%;font-size:12.5px;padding:9px 11px;background:linear-gradient(180deg,#123068,#0b1d42);border-color:rgba(96,165,250,.45)} .fm-qa .btn.primary{background:linear-gradient(180deg,#2563eb,#1d4ed8)}
.fm-qa .btn .ic{width:16px;height:16px}
/* alerts + activity */
.fm-al li>.ic{width:14px;height:14px;color:#64748b;flex:none} .fm-al li.ok .ai,.fm-al li.info .ai{background:rgba(34,197,94,.16);color:#4ade80}
.fm-an{min-width:30px;text-align:center} .fm-an.bad{background:#dc2626!important;color:#fff} .fm-an.warn{background:#d97706!important;color:#fff} .fm-an.ok{background:#16a34a!important;color:#fff}
.fm-act{list-style:none;margin:0;padding:0;display:flex;flex-direction:column} .fm-act li{display:grid;grid-template-columns:62px 22px 1fr;gap:6px;align-items:start;padding:6px 2px;border-bottom:1px solid rgba(148,163,184,.08);cursor:pointer}
.fm-act li:hover{background:rgba(59,130,255,.06)} .fm-act span{font-size:10.5px;color:#93a4bb;padding-top:1px;white-space:nowrap} .fm-act i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(37,99,235,.2);color:#8ec5ff} .fm-act i .ic{width:12px;height:12px}
.fm-act b{display:block;font-size:11.5px;font-weight:600} .fm-act small{display:block;font-size:10.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fm-act li.live i{background:#16a34a;color:#fff} .fm-act li.live b::after{content:'NEW';font-size:8.5px;font-weight:800;margin-left:6px;background:#16a34a;color:#fff;border-radius:4px;padding:0 4px;vertical-align:1px}
/* chips + filters */
.fm-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px} .fm-chips button{font:inherit;font-size:11px;padding:4px 9px;border-radius:999px;border:1px solid var(--line2);background:#0a1322;color:#cbd5e1;cursor:pointer}
.fm-chips button b{margin-left:3px;color:#8ec5ff} .fm-chips button.on{background:#1d4ed8;border-color:#3b82ff;color:#fff} .fm-chips button.on b{color:#fff} .fm-chips .pm-reo a{cursor:pointer;margin-left:4px}
.fm-filt label{font-size:10.5px;color:var(--muted);font-weight:600} .fm-filt .fm-q{flex:1 1 240px;flex-direction:row;align-items:center;gap:6px;border:1px solid #2b4c7e;border-radius:8px;padding:0 8px;background:#0b1422}
.fm-filt .fm-q .ic{width:15px;height:15px;color:#60a5fa} .fm-filt .fm-q .input{border:0;background:transparent;padding:7px 0;width:100%;min-width:0}
.fm-filt .pm-reo a{cursor:pointer;margin-left:4px} .fm-acts{display:flex;gap:5px;flex-wrap:nowrap} .fm-acts .btn{white-space:nowrap}
tr.fm-new td:first-child{box-shadow:inset 3px 0 0 #22c55e} tr.fm-hl td{background:rgba(245,158,11,.12)!important} tr.fm-hl td:first-child{box-shadow:inset 3px 0 0 #f59e0b}
/* order detail */
.fm-oh{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid rgba(59,130,255,.35);border-radius:14px;padding:12px 14px;background:linear-gradient(90deg,#0c1a33,#060c18)}
.fm-oh>div:first-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .fm-oh small{font-size:10px;letter-spacing:.14em;color:#8ec5ff;font-weight:700} .fm-oh b{font-size:22px;font-family:var(--display)} .fm-oh .mg-btns{margin:0}
.fm-dl{display:grid;grid-template-columns:130px 1fr;gap:6px 12px;margin:0;font-size:12px} .fm-dl dt{color:var(--muted);font-weight:600;font-size:11px} .fm-dl dd{margin:0;min-width:0;overflow-wrap:anywhere} .fm-dl a{color:#8ec5ff}
.fm-tline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,1fr);gap:4px;position:relative}
.fm-tline li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;position:relative} .fm-tline li::before{content:'';position:absolute;top:13px;left:-50%;right:50%;height:2px;background:#1e2d45;z-index:0} .fm-tline li:first-child::before{display:none}
.fm-tline li.done::before{background:#3b82ff} .fm-tline i{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800;background:#0b1422;border:2px solid #2b4c7e;color:#94a3b8}
.fm-tline li.done i{background:#2563eb;border-color:#60a5fa;color:#fff} .fm-tline li.cur i{border-color:#f59e0b;color:#fbbf24;box-shadow:0 0 10px rgba(245,158,11,.4)} .fm-tline i .ic{width:14px;height:14px}
.fm-tline b{font-size:10.5px;line-height:1.2} .fm-tline small{font-size:9.5px;color:var(--muted);line-height:1.2}
.fm-shh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px} .fm-ev{list-style:none;margin:10px 0 0;padding:0 0 0 14px;border-left:2px solid #1e3a66} .fm-ev li{margin:0 0 6px;font-size:11.5px} .fm-ev li b{display:block} .fm-ev small{color:var(--muted);font-size:10.5px}
.fm-spec dd{font-weight:600}
/* custom workflow */
.fm-wf{display:flex;align-items:stretch;gap:2px;overflow-x:auto;padding:8px 0 2px} .fm-wf>span{display:flex;align-items:center;color:#4b6a99} .fm-wf>span .ic{width:12px;height:12px}
.fm-wf button{flex:1;min-width:86px;font:inherit;border:1px solid rgba(59,130,255,.35);border-radius:10px;background:linear-gradient(180deg,#0c1a33,#070d19);color:#e6eef8;padding:8px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}
.fm-wf button b{font-size:20px;font-family:var(--display)} .fm-wf button small{font-size:10px;color:#a9bdd6;line-height:1.15;text-align:center} .fm-wf button.on{border-color:#f59e0b;background:linear-gradient(180deg,#3a2a0a,#140e04)}
.fm-cow{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(8,1fr);gap:3px} .fm-cow li{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.fm-cow i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10.5px;font-weight:800;background:#0b1422;border:2px solid #2b4c7e;color:#94a3b8} .fm-cow i .ic{width:12px;height:12px}
.fm-cow li.done i{background:#2563eb;border-color:#60a5fa;color:#fff} .fm-cow li.cur i{border-color:#f59e0b;color:#fbbf24} .fm-cow span{font-size:9.5px;line-height:1.15;color:#cbd5e1}
.fm-cs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px} .fm-cs>div{border:1px solid var(--line);border-radius:9px;padding:7px;background:rgba(8,14,24,.7);min-width:0} .fm-cs small{display:block;font-size:10px;color:var(--muted)} .fm-cs b{display:block;font-size:11.5px;line-height:1.25}
.fm-cs b.ok,.fm-x.ok{color:#4ade80} .fm-cs b.warn,.fm-x.warn{color:#fbbf24} .fm-cs b.bad,.fm-x.bad{color:#f87171} .fm-cs b.info,.fm-x.info{color:#93c5fd} .fm-x{font-size:11px;font-weight:600}
.fm-tags{display:flex;gap:3px;flex-wrap:wrap;margin-top:2px} .fm-tags i{font-style:normal;font-size:9.5px;padding:0 5px;border-radius:4px;background:rgba(168,85,247,.15);color:#d8b4fe}
.fm-up{margin-top:10px} .fm-drop{display:flex;align-items:center;gap:10px;border:1.5px dashed #3b82ff;border-radius:11px;padding:10px 12px;cursor:pointer;background:rgba(37,99,235,.08);position:relative}
.fm-drop>.ic{width:24px;height:24px;color:#60a5fa;flex:none} .fm-drop b{display:block;font-size:12px} .fm-drop small{display:block;font-size:10.5px;color:var(--muted)} .fm-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.fm-files{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:5px} .fm-files li{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:5px 7px}
.fm-files img,.fm-ft{width:38px;height:38px;border-radius:6px;object-fit:cover;flex:none} .fm-ft{display:grid;place-items:center;background:#1e293b;font-size:9.5px;font-weight:800;color:#93c5fd} .fm-files div{flex:1;min-width:0} .fm-files b{display:block;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .fm-files small{font-size:10px;color:var(--muted)}
/* production floor */
.fm-stg{display:grid;grid-template-columns:repeat(5,1fr);gap:8px} .fm-sg{border:1px solid var(--line);border-radius:11px;padding:9px;background:rgba(8,14,24,.7);display:flex;flex-direction:column;gap:5px;min-width:0}
.fm-sg header{display:flex;align-items:center;gap:6px} .fm-sg header i{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:rgba(37,99,235,.22);color:#8ec5ff;flex:none} .fm-sg header .ic{width:14px;height:14px} .fm-sg header b{font-size:11px;line-height:1.2}
.fm-sn b{font-size:19px;font-family:var(--display)} .fm-sn small{font-size:10.5px;color:var(--muted);margin-left:3px} .fm-here{font-size:10px;color:#fbbf24;min-height:13px} .fm-sg .fm-sel{width:100%}
.fm-dots{display:inline-flex;gap:3px} .fm-dots i{width:9px;height:9px;border-radius:50%;background:#1e2d45;border:1px solid #2b4c7e} .fm-dots i.d{background:#3b82ff;border-color:#60a5fa} .fm-dots i.c{background:#f59e0b;border-color:#fbbf24;box-shadow:0 0 6px #f59e0b}
.fm-team{display:grid;grid-template-columns:1fr 1fr;gap:6px} .fm-team>div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto auto;column-gap:8px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:6px;min-width:0}
.fm-team .av{grid-row:1/4;width:34px;height:34px} .fm-team b{font-size:11.5px} .fm-team small{font-size:10px;color:var(--muted)} .fm-team em{font-style:normal;font-size:10.5px;color:#8ec5ff}
/* inventory */
.fm-lows{display:flex;flex-direction:column;gap:6px} .fm-low{display:flex;align-items:center;gap:10px;border:1px solid rgba(245,158,11,.45);border-radius:10px;padding:8px 10px;background:rgba(245,158,11,.07);cursor:pointer}
.fm-low.red{border-color:rgba(239,68,68,.55);background:rgba(239,68,68,.08)} .fm-low>.ic{width:18px;height:18px;color:#fbbf24;flex:none} .fm-low.red>.ic{color:#f87171} .fm-low div{flex:1;min-width:0} .fm-low b{display:block;font-size:12.5px} .fm-low small{font-size:11px;color:#cbd5e1}
.fm-lt{font-size:10px;font-weight:900;letter-spacing:.08em;padding:3px 8px;border-radius:6px;background:#d97706;color:#fff;white-space:nowrap} .fm-low.red .fm-lt{background:#dc2626}
/* shipping + label */
.fm-cars{display:flex;gap:8px;margin-top:8px} .fm-cars .fm-car{font-size:13px;padding:5px 10px}
.fm-print .fm-labels{display:flex;flex-wrap:wrap;gap:18px;justify-content:center} .fm-lst{display:flex;align-items:center;gap:6px;font-size:12px;color:#334155}
.fm-label{width:384px;min-height:576px;background:#fff;color:#000;border:2px solid #000;font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;box-shadow:0 6px 24px rgba(0,0,0,.18);page-break-after:always}
.fm-lh{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #000;padding:10px 12px} .fm-lh b{font-size:20px;font-weight:900} .fm-lh span{font-size:44px;font-weight:900;border:3px solid #000;width:58px;height:58px;display:grid;place-items:center}
.fm-lf{padding:8px 12px;font-size:11px;border-bottom:1px solid #000;line-height:1.35} .fm-lt2{padding:10px 12px 12px;font-size:12px;border-bottom:3px solid #000;line-height:1.4} .fm-lt2 b{font-size:15px} .fm-label small{display:block;font-size:9px;font-weight:800;letter-spacing:.1em;margin-bottom:2px}
.fm-lm{display:flex;justify-content:space-between;gap:6px;padding:6px 12px;font-size:10.5px;font-weight:700;border-bottom:1px solid #000;flex-wrap:wrap}
.fm-lb{padding:10px 12px;text-align:center;border-bottom:3px solid #000} .fm-lb b{display:block;font-family:ui-monospace,Menlo,monospace;font-size:14px;letter-spacing:.06em;margin-bottom:6px} .fm-bc{width:100%;height:70px;display:block}
.fm-lx{padding:8px 12px;font-size:10.5px;line-height:1.4;margin-top:auto} .fm-lx i{font-weight:800;color:#b91c1c}
/* modals + forms */
.fm-wide{grid-column:1/-1} .fm-chk{display:flex!important;flex-direction:row!important;align-items:center;gap:7px;font-weight:500!important;font-size:12px;cursor:pointer} .fm-chk input{width:15px;height:15px;accent-color:#2563eb}
.fm-cbx{border:1px solid var(--line2);border-radius:10px;padding:9px 10px;margin:8px 0} .fm-cbx>b{font-size:12px} .fm-cbx>div{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin-top:6px}
.fm-prev{border:1px solid rgba(59,130,255,.35);border-radius:10px;padding:8px 10px;background:rgba(37,99,235,.07);font-size:11.5px;margin:8px 0} .fm-prev small{display:flex;align-items:center;gap:5px;color:#a9bdd6} .fm-prev small .ic{width:13px;height:13px;color:#4ade80}
.fm-prev ul{margin:5px 0;padding-left:16px;columns:2;column-gap:16px} .fm-prev li{font-size:11px} .fm-prev li i{font-style:normal;color:#86efac;margin-left:3px} .fm-prev li.bad,.fm-prev li.bad i{color:#f87171}
.fm-num{width:72px;padding:5px 7px!important} .fm-set td{vertical-align:middle} .fm-tg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.fm-perf{font-size:11px} .fm-perf.ok b{color:#4ade80} .fm-perf.warn b{color:#fbbf24} .fm-perf.bad b{color:#f87171}
.fm-ps.delayed{border-color:#ef4444;color:#fca5a5} .fm-ps.backordered{border-color:#f97316;color:#fdba74} .fm-ps.intransit{border-color:#6366f1}
/* reports */
.fm-rh{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap} .fm-rh label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}
.fm-rg{display:grid;grid-template-columns:1fr 1fr;gap:12px} .fm-rg>*{min-width:0} .fm-rk{margin-bottom:8px} .fm-rk b{font-size:18px!important}
.fm-doc .fm-rg{grid-template-columns:1fr 1fr} .fm-doc .mg-c{background:#fff;border-color:#cbd5e1;color:#0f172a} .fm-doc .pm-ik>div{background:#f8fafc;border-color:#cbd5e1} .fm-doc .pm-ik small,.fm-doc .muted{color:#475569}
.fm-doc .fm-t td,.fm-doc .fm-t th{color:#0f172a;border-color:#e2e8f0} .fm-doc .mg-c>h3>.ic{color:#1d4ed8}
.stB-x,.pm-stt.inproduction{background:rgba(59,130,255,.16);color:#8ec5ff} .pm-stt.readytoship{background:rgba(20,184,166,.18);color:#5eead4} .pm-stt.shipped{background:rgba(99,102,241,.2);color:#c7d2fe} .pm-stt.received{background:rgba(34,197,94,.14);color:#4ade80}
@media print{ .fm-print{background:#fff} .fm-print .fm-labels{display:block} .fm-label{box-shadow:none;margin:0 auto 0} }
@media (max-width:1300px){ .fm-r1{grid-template-columns:1fr 1fr} .fm-r1>.qa{grid-column:1/-1} .fm-r1>.qa .fm-qa{flex-direction:row;flex-wrap:wrap} .fm-r1>.qa .fm-qa .btn{width:auto;flex:1 1 180px}
  .fm-r3{grid-template-columns:1fr 1fr} .fm-r3>:last-child{grid-column:1/-1} .fm-today{grid-template-columns:repeat(3,1fr)} .fm-tl{grid-column:1/-1;flex-direction:row;align-items:center;gap:8px;padding:7px 12px} .fm-stg{grid-template-columns:repeat(3,1fr)}
  .fm-r2c,.fm-r2p,.fm-r2i{grid-template-columns:1fr} }
@media (max-width:900px){ .fm-r1,.fm-r3,.fm-r2s,.fm-od,.fm-rg,.fm-doc .fm-rg{grid-template-columns:1fr} .fm-r3>:last-child{grid-column:auto} .fm-today{grid-template-columns:1fr 1fr} .fm-stg{grid-template-columns:1fr 1fr}
  .fm-flow{flex-wrap:wrap;gap:6px} .fm-fs{flex:1 1 30%} .fm-ar{display:none} .fm-tline{grid-template-columns:repeat(4,1fr);row-gap:12px} .fm-tline li:nth-child(5)::before{display:none} .fm-cow{grid-template-columns:repeat(4,1fr);row-gap:8px}
  .fm-cs{grid-template-columns:1fr 1fr} .fm-team{grid-template-columns:1fr} .fm-dl{grid-template-columns:110px 1fr} .fm-oh b{font-size:18px} .fm-cbx>div{grid-template-columns:1fr} .fm-prev ul{columns:1}
  .fm-low{flex-wrap:wrap} .fm-low .btn{margin-left:28px} .fm-label{width:100%;max-width:384px;min-height:0} .fm-lh b{font-size:16px} .fm-site b{font-size:11px} .fm-filt .fm-q{flex-basis:100%} }
.fm .mg-c.pmc{overflow-x:auto} .fm-t td{white-space:normal} .mg-t.big.fm-t td{white-space:nowrap} .fm-t .fm-s,.fm-t .fm-car,.fm-t .fm-is,.fm-t .fm-pr{white-space:nowrap}
.fm-r1 .fm-t,.fm-r3 .fm-t{font-size:11px} .fm-r1 .fm-t td,.fm-r3 .fm-t td,.fm-r1 .fm-t th,.fm-r3 .fm-t th{padding:5px 4px}
.fm-note>span{flex:1;min-width:0}
.fm-note{display:block} .fm-note>.ic{display:inline-block;vertical-align:-3px;margin-right:5px}
@media (min-width:1281px) and (max-width:1600px){ .roles button{padding:7px 8px;font-size:11.5px;gap:4px} .roles button .ic{width:14px;height:14px} .topbar .dealer{white-space:nowrap;padding-left:12px} .topbar .dealer b{font-size:11px} }
.fm-t td:first-child{white-space:nowrap}
@media (min-width:1281px) and (max-width:1600px){ .roles{gap:2px} .roles button{padding:7px 7px} }
.fm-print .pm-pbar{flex-wrap:wrap}
@media (min-width:1281px) and (max-width:1439px){ .topbar .dealer{display:none} }
.fm-tline li>div b,.fm-tline li>div small{display:block}
.fm-emp{display:flex;align-items:center;gap:8px} .fm-emp .av{width:30px;height:30px;flex:none}
.fm-t td.fm-nw{white-space:nowrap}

/* ================= Owner / CEO platform (js/ceo*.js) ================= */
.ceo .mg-side{width:218px}
.ceo .mg-side nav a{padding:9px 11px}
.ceo-me{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(59,130,255,.3);border-radius:12px;background:linear-gradient(180deg,#0b1730,#060c18);cursor:pointer}
.ceo-me .av{width:40px;height:40px} .ceo-me span{flex:1;min-width:0} .ceo-me small{display:block;font-size:10.5px;color:var(--muted)} .ceo-me b{font-size:14px} .ceo-me>.ic{width:14px;height:14px;color:var(--muted)}
.ceo-top{display:flex;align-items:flex-start;gap:16px;padding:14px 20px 4px;justify-content:space-between}
.ceo-tt{min-width:0} .ceo-tt h1{font-size:26px;font-weight:800;margin:2px 0 0} .ceo-tt h1 span{color:var(--blue)} .ceo-tt p{color:#b9c4d4;font-size:13px;margin:4px 0 0}
.ceo-hi{display:flex;align-items:center;gap:22px;flex-wrap:wrap} .ceo-hi h1{font-size:26px;font-weight:800} .ceo-hi p{color:#b9c4d4;font-size:13px;margin:3px 0 0}
.ceo-pri{font-size:12px;letter-spacing:.04em;padding:9px 14px}
.ceo-tools{display:flex;align-items:center;gap:12px;flex:none}
.ceo-search{display:flex;align-items:center;gap:8px;background:#0a1220;border:1px solid var(--line2);border-radius:999px;padding:7px 14px;width:300px}
.ceo-search .ic{width:15px;height:15px;color:var(--muted)} .ceo-search input{background:transparent;border:0;color:#e6eef8;font:inherit;font-size:12.5px;outline:none;width:100%}
.ceo-bell{position:relative;background:transparent;border:0;color:#cfd8e6;cursor:pointer;padding:4px} .ceo-bell .ic{width:22px;height:22px}
.ceo-bell em{position:absolute;top:-3px;right:-4px;background:#ef4444;color:#fff;font-style:normal;font-size:10px;font-weight:800;border-radius:999px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px}
.ceo-av{cursor:pointer} .ceo-av .av{width:38px;height:38px;border:2px solid rgba(59,130,255,.5)}
.ceo-body{padding-top:10px}
.ceo-bc{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);flex-wrap:wrap}
.ceo-bc a{color:#8ec5ff;cursor:pointer} .ceo-bc b{color:#e6eef8;font-weight:600} .ceo-bc i{font-style:normal;color:#4b5a70}
.ceo-back{display:inline-flex;align-items:center;gap:4px;background:#0b1424;border:1px solid var(--line2);color:#cfd8e6;border-radius:8px;padding:3px 9px;font-size:11.5px;cursor:pointer;margin-right:4px} .ceo-back .ic{width:13px;height:13px} .ceo-back:hover{border-color:var(--blue)}
.ceo-va{margin:6px 20px 0;padding:8px 12px;border-radius:10px;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.45);font-size:12.5px;display:flex;gap:8px;align-items:center;flex-wrap:wrap} .ceo-va .ic{width:15px;height:15px;color:#c084fc} .ceo-va a{color:#d8b4fe;cursor:pointer;text-decoration:underline;margin-left:auto}
/* KPI cards */
.ceo-ks{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px} .ceo-ks.six{grid-template-columns:repeat(6,minmax(0,1fr))} .ceo-ks.eight{grid-template-columns:repeat(4,minmax(0,1fr))}
.ceo-k{position:relative;display:flex;gap:10px;align-items:flex-start;background:linear-gradient(180deg,#0b1730,#060c18);border:1px solid rgba(59,130,255,.3);border-radius:12px;padding:12px;min-width:0;overflow:hidden}
.ceo-k[data-go]{cursor:pointer} .ceo-k[data-go]:hover{border-color:var(--blue);box-shadow:0 0 0 1px rgba(59,130,255,.25)}
.ceo-k .i{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none;background:rgba(37,99,235,.22);border:1px solid rgba(59,130,255,.4);color:#8ec5ff} .ceo-k .i .ic{width:20px;height:20px}
.ceo-k .t{min-width:0;flex:1;position:relative;z-index:1} .ceo-k small{display:block;font-size:11px;color:#a7b3c4;font-weight:600}
.ceo-k b{display:block;font-size:22px;font-family:var(--display);font-weight:800;margin:3px 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ceo-k b small{display:inline;font-size:12px;color:#cbd5e1;font-weight:600}
.ceo-k em{display:block;font-style:normal;font-size:10.5px;color:var(--muted)} .ceo-k i{font-style:normal;font-size:10px;color:var(--muted);margin-left:4px}
.ceo-spark{position:absolute;right:8px;bottom:8px;width:44%;height:34px;opacity:.95}
.ceo-pb{display:block;height:5px;background:#132038;border-radius:9px;overflow:hidden;margin-top:6px;max-width:220px} .ceo-pb i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:9px;margin:0} .ceo-pb.over i{background:linear-gradient(90deg,#f59e0b,#ef4444)}
.ceo-k.ceo-late{border-color:rgba(239,68,68,.55)} .ceo-k.ceo-fr.bad b{color:#f87171} .ceo-k.ceo-fr.warn b{color:#fbbf24} .ceo-k.ceo-fr.ok b{color:#4ade80}
.ceo-k.ceo-b-ok b{color:#4ade80} .ceo-k.ceo-b-warn b{color:#fbbf24} .ceo-k.ceo-b-risk b{color:#fb923c} .ceo-k.ceo-b-bad b{color:#f87171}
/* rows */
.ceo-r1{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(0,1fr);gap:12px}
.ceo-r2{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr) minmax(0,1fr);gap:12px}
.ceo-r3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1.1fr);gap:12px}
.ceo-r3.b{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1.1fr)}
.ceo-r2b{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ceo-c>h3{flex-wrap:nowrap} .ceo-date{font-style:normal;font-size:11px;color:var(--muted);margin-left:auto;white-space:nowrap}
.ceo-chip{font-size:11px;border:1px solid var(--line2);border-radius:8px;padding:3px 9px;color:#cbd5e2;cursor:pointer;margin-left:auto;white-space:nowrap;font-family:var(--font);font-weight:500}
.ceo-note{font-size:11px;color:var(--muted);margin:8px 0 0}
.ceo-t td,.ceo-t th{white-space:nowrap} .ceo-t td b{font-weight:600} .ceo-lnk{color:#8ec5ff}
.ceo-tw{overflow-x:auto}
.ceo-hb{display:inline-grid;place-items:center;min-width:30px;padding:2px 7px;border-radius:7px;font-weight:800;font-size:12px;border:1px solid}
.ceo-hb.ok{color:#4ade80;background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.45)} .ceo-hb.warn{color:#fbbf24;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.45)}
.ceo-hb.risk{color:#fb923c;background:rgba(249,115,22,.14);border-color:rgba(249,115,22,.5)} .ceo-hb.bad{color:#f87171;background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.5)} .ceo-hb.info{color:#8ec5ff;border-color:rgba(59,130,255,.4)}
.ceo-hb.big{font-size:18px;padding:3px 10px}
.ceo-band{font-size:10px;font-weight:700;margin-left:3px} .ceo-band.ok{color:#4ade80} .ceo-band.warn{color:#fbbf24} .ceo-band.risk{color:#fb923c} .ceo-band.bad{color:#f87171}
.ceo-risk{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:999px} .ceo-risk.ok{background:rgba(34,197,94,.14);color:#4ade80} .ceo-risk.warn{background:rgba(245,158,11,.16);color:#fbbf24} .ceo-risk.bad{background:rgba(239,68,68,.16);color:#f87171} .ceo-risk.info{background:rgba(59,130,255,.15);color:#8ec5ff} .ceo-risk.x{background:#1e293b;color:#94a3b8}
.ceo-st{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:rgba(34,197,94,.14);color:#4ade80} .ceo-st.launching{background:rgba(168,85,247,.16);color:#c084fc} .ceo-st.cancelled{background:#1e293b;color:#94a3b8}
.ceo-tag{display:inline-block;font-size:9.5px;font-weight:700;color:#8ec5ff;background:rgba(59,130,255,.14);border-radius:6px;padding:1px 6px;margin-left:6px;vertical-align:1px}
.ceo-trd .ic{width:16px;height:16px} .ceo-trd.up{color:#4ade80} .ceo-trd.dn{color:#f87171}
/* growth chart */
.ceo-gtools{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:-2px 0 6px}
.ceo-leg,.ceo-per{display:flex;gap:4px;flex-wrap:wrap}
.ceo-leg button,.ceo-per button{background:transparent;border:1px solid transparent;color:#94a3b8;font:inherit;font-size:11.5px;padding:3px 8px;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.ceo-leg button i{width:8px;height:8px;border-radius:50%;display:inline-block;opacity:.35} .ceo-leg button.on{color:#e6eef8} .ceo-leg button.on i{opacity:1}
.ceo-per button{border-color:var(--line2)} .ceo-per button.on{background:rgba(37,99,235,.25);border-color:rgba(59,130,255,.6);color:#fff}
.ceo-range{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:6px} .ceo-range label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px} .ceo-range .input{padding:4px 8px;font-size:12px;width:auto}
.ceo-gw{position:relative} .ceo-g{width:100%;height:230px;display:block}
.ceo-hit{fill:transparent;cursor:pointer} .ceo-hit:hover,.ceo-hit.on{fill:rgba(59,130,255,.07)}
.ceo-tip{position:absolute;top:6px;background:#0b1424;border:1px solid rgba(59,130,255,.5);border-radius:10px;padding:8px 26px 8px 10px;font-size:11.5px;min-width:180px;box-shadow:0 8px 24px rgba(0,0,0,.5);z-index:3}
.ceo-tip>b{display:block;margin-bottom:4px} .ceo-tip span{display:flex;align-items:center;gap:6px;color:#b9c4d4} .ceo-tip span i{width:8px;height:8px;border-radius:50%} .ceo-tip em{font-style:normal;margin-left:auto;color:#fff;font-weight:700;padding-left:10px}
.ceo-x{position:absolute;top:4px;right:4px;background:transparent;border:0;color:#94a3b8;cursor:pointer;padding:2px} .ceo-x .ic{width:14px;height:14px}
/* brief */
.ceo-bl{list-style:none;margin:0;padding:0} .ceo-bl li{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid rgba(70,140,230,.1);cursor:pointer;font-size:13px}
.ceo-bl li:hover{background:rgba(30,144,255,.06)} .ceo-bl li>.ic:first-child{width:17px;height:17px;color:#8ec5ff} .ceo-bl li.bad>.ic:first-child{color:#f87171} .ceo-bl li span{flex:1} .ceo-bl li>.ic:last-child{width:14px;height:14px;color:var(--muted)}
/* donut */
.ceo-don{display:flex;gap:12px;align-items:center} .ceo-donut{width:150px;height:150px;flex:none} .ceo-donut .b{fill:#fff;font-weight:800;font-size:14px;font-family:var(--display)} .ceo-donut .s{fill:#94a3b8;font-size:8.5px}
.ceo-don ul{list-style:none;margin:0;padding:0;flex:1;min-width:0} .ceo-don li{display:flex;align-items:center;gap:7px;font-size:11.5px;padding:4px 0;cursor:pointer} .ceo-don li i{width:9px;height:9px;border-radius:50%;flex:none}
.ceo-don li em{font-style:normal;color:var(--muted);margin-left:auto} .ceo-don li b{min-width:66px;text-align:right;font-weight:600}
/* sales org mini */
.ceo-so{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:10px;align-items:center}
.ceo-mapw{cursor:pointer;border-radius:10px;background:radial-gradient(circle at 60% 45%,#0f2a5a,#050b16 75%)} .ceo-mapw.big,.ceo-mapw.xl{cursor:default}
.ceo-tx{width:100%;height:auto;display:block} .ceo-tx.mini{max-height:190px}
.ceo-cty{stroke:#0b1a33;stroke-width:.35} .ceo-cty.w{fill:#1d4ed8;opacity:.62} .ceo-cty.e{fill:#2563eb;opacity:.9} .ceo-cty.dim{opacity:.18}
.ceo-ml{fill:#e6eef8;font-weight:800;text-anchor:middle;paint-order:stroke;stroke:#061226;stroke-width:3px;letter-spacing:.04em}
.ceo-dot{stroke:#e6f0ff;stroke-width:.7;cursor:pointer;filter:drop-shadow(0 0 2px rgba(147,197,253,.8))} .ceo-dot:hover{stroke-width:1.6}
.ceo-fun{display:flex;flex-direction:column;gap:4px} .ceo-fun>small{font-size:11px;color:#cbd5e1;font-weight:700;margin-bottom:2px}
.ceo-fun>div{display:flex;align-items:center;gap:8px;cursor:pointer} .ceo-fun>div span{width:var(--w);display:block;color:#fff;font-size:11.5px;font-weight:600;padding:5px 9px;border-radius:5px} .ceo-fun>div b{margin-left:auto;font-size:13px}
.ceo-fun.big>div span{padding:8px 12px;font-size:13px} .ceo-fun.big>div b{font-size:16px}
/* PM cards */
.ceo-pms{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.ceo-pm{border:1px solid rgba(59,130,255,.28);border-radius:12px;padding:10px;background:rgba(6,12,24,.6);cursor:pointer} .ceo-pm:hover{border-color:var(--blue)}
.ceo-pm header{display:flex;gap:9px;align-items:center;margin-bottom:6px;min-width:0} .ceo-pm header .av{width:38px;height:38px;flex:none} .ceo-pm header span{min-width:0;flex:1} .ceo-pm header b{display:block;font-size:13px} .ceo-pm header small{display:block;font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ceo-pm dl{display:grid;grid-template-columns:1fr auto;gap:3px 8px;margin:0;font-size:11.5px} .ceo-pm dt{color:#b9c4d4} .ceo-pm dd{margin:0;text-align:right;font-weight:700}
.ceo-pms .ceo-pm:nth-child(3){display:none}
.ceo-pmg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .ceo-pm.big{padding:14px} .ceo-pm.big header .av{width:52px;height:52px} .ceo-pm.big header b{font-size:15px}
.ceo-pmk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px} .ceo-pmk>div{background:rgba(8,14,24,.7);border:1px solid var(--line);border-radius:9px;padding:7px} .ceo-pmk small{display:block;font-size:9.5px;color:var(--muted)} .ceo-pmk b{font-size:17px;font-family:var(--display)} .ceo-pmk b.warn{color:#fbbf24}
/* mini tiles */
.ceo-mini6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .ceo-mini8{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ceo-mini6>div,.ceo-mini8>div{display:flex;gap:7px;align-items:flex-start;background:rgba(8,14,24,.7);border:1px solid var(--line);border-radius:9px;padding:8px;cursor:pointer;min-width:0} .ceo-mini6>div:hover,.ceo-mini8>div:hover{border-color:var(--blue)}
.ceo-mini6 .ic,.ceo-mini8 .ic{width:18px;height:18px;color:#8ec5ff;flex:none;margin-top:2px} .ceo-mini6 span,.ceo-mini8 span{min-width:0} .ceo-mini6 small,.ceo-mini8 small{display:block;font-size:9.5px;color:var(--muted);line-height:1.2}
.ceo-mini6 b,.ceo-mini8 b{display:block;font-size:16px;font-family:var(--display)} .ceo-mini6 i{font-style:normal;font-size:9.5px;color:var(--muted)}
.ceo-all{list-style:none;margin:0;padding:0} .ceo-all li{display:flex;align-items:center;gap:8px;padding:6px 2px;border-bottom:1px solid rgba(70,140,230,.08);font-size:11.5px;cursor:pointer} .ceo-all li:hover{background:rgba(30,144,255,.06)}
.ceo-all li>i{width:7px;height:7px;border-radius:50%;flex:none;background:#3b82ff} .ceo-all li>i.bad{background:#ef4444} .ceo-all li>i.warn{background:#f59e0b} .ceo-all li>i.ok{background:#22c55e} .ceo-all li span{flex:1;min-width:0}
.ceo-sv{font-style:normal;font-size:9.5px;font-weight:800;padding:2px 8px;border-radius:6px;white-space:nowrap} .ceo-sv.bad{background:rgba(239,68,68,.18);color:#f87171} .ceo-sv.warn{background:rgba(245,158,11,.18);color:#fbbf24} .ceo-sv.ok{background:rgba(34,197,94,.18);color:#4ade80} .ceo-sv.info{background:rgba(59,130,255,.18);color:#8ec5ff}
/* search dropdown + results */
.ceo-dd{position:absolute;z-index:60;width:380px;max-width:calc(100vw - 16px);background:#0b1424;border:1px solid rgba(59,130,255,.5);border-radius:12px;padding:6px;box-shadow:0 14px 40px rgba(0,0,0,.6)}
.ceo-dd a{display:flex;gap:9px;align-items:center;padding:7px 8px;border-radius:8px;cursor:pointer} .ceo-dd a:hover{background:rgba(30,144,255,.12)} .ceo-dd .ic{width:16px;height:16px;color:#8ec5ff;flex:none} .ceo-dd b{display:block;font-size:12.5px} .ceo-dd small{display:block;font-size:10.5px;color:var(--muted)} .ceo-dd a.all{border-top:1px solid var(--line);margin-top:4px;color:#8ec5ff;font-size:12px} .ceo-dd p{padding:8px;margin:0}
.ceo-res{list-style:none;margin:0;padding:0} .ceo-res li{display:flex;gap:10px;align-items:center;padding:10px 6px;border-bottom:1px solid var(--line);cursor:pointer} .ceo-res li:hover{background:rgba(30,144,255,.06)} .ceo-res .ic{width:17px;height:17px;color:#8ec5ff} .ceo-res span{flex:1} .ceo-res small{display:block;color:var(--muted);font-size:11px}
/* bell panel */
.ceo-bellbg{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:70}
.ceo-bellp{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:92vw;background:#070d18;border-left:1px solid rgba(59,130,255,.4);z-index:71;overflow:auto;padding:14px;animation:ceoSl .18s ease-out}
@keyframes ceoSl{from{transform:translateX(30px);opacity:.4}to{transform:none;opacity:1}}
.ceo-bellp header{display:flex;align-items:center;gap:8px;margin-bottom:6px;position:relative;padding-right:26px} .ceo-bellp header b{flex:1;display:flex;gap:6px;align-items:center} .ceo-bellp header .ic{width:17px;height:17px}
.ceo-bellp h4{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 0 4px} .ceo-bellp h4 em{font-style:normal;color:#8ec5ff}
.ceo-bellp ul{list-style:none;margin:0;padding:0} .ceo-bellp li{display:flex;gap:8px;align-items:center;padding:8px 6px;border-radius:8px;cursor:pointer} .ceo-bellp li:hover{background:rgba(30,144,255,.08)}
.ceo-bellp li>i{width:7px;height:7px;border-radius:50%;background:#3b82ff;flex:none} .ceo-bellp li.rd>i{background:transparent;border:1px solid #475569} .ceo-bellp li.rd b{font-weight:500;color:#b9c4d4} .ceo-bellp li span{flex:1;min-width:0} .ceo-bellp li small{display:block;font-size:10.5px;color:var(--muted)} .ceo-bellp li>.ic{width:13px;height:13px;color:var(--muted)}
.ceo-bellp>.pm-more{margin-top:14px}
/* priorities */
.ceo-pr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.ceo-c.bad{border-top:3px solid #ef4444} .ceo-c.warn{border-top:3px solid #f59e0b} .ceo-c.ok{border-top:3px solid #22c55e}
.ceo-pl{list-style:none;margin:0;padding:0} .ceo-pl li{display:flex;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)} .ceo-pl li>.ic{width:17px;height:17px;color:#8ec5ff;flex:none} .ceo-pl li span{flex:1;min-width:0} .ceo-pl li small{display:block;font-size:11px;color:var(--muted)} .ceo-pl li .btn{flex:none;white-space:nowrap}
.ceo-pl li.dn span{opacity:.5;text-decoration:line-through}
.ceo-ck{width:20px;height:20px;border-radius:6px;border:1px solid var(--line2);background:transparent;display:grid;place-items:center;cursor:pointer;flex:none;padding:0;color:transparent} .ceo-ck .ic{width:13px;height:13px} .ceo-ck.on{background:#22c55e;border-color:#22c55e;color:#04120a}
/* network */
.ceo-fbar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.ceo-chips{display:flex;gap:6px;flex-wrap:wrap} .ceo-chips.solo{align-items:center}
.ceo-chips button{background:#0a1220;border:1px solid var(--line2);color:#cbd5e1;border-radius:999px;padding:5px 12px;font:inherit;font-size:12px;cursor:pointer} .ceo-chips button em{font-style:normal;color:var(--muted);margin-left:3px} .ceo-chips button.on{background:rgba(37,99,235,.3);border-color:rgba(59,130,255,.7);color:#fff}
.ceo-s2{display:flex;align-items:center;gap:6px;min-width:260px} .ceo-s2 .ic{width:15px;height:15px;color:var(--muted)} .ceo-s2 .input{padding:6px 10px;font-size:12.5px}
.ceo-nt th.srt{cursor:pointer;user-select:none} .ceo-nt th.srt.on{color:#8ec5ff} .ceo-nt tr.x td{opacity:.55}
/* dealer detail */
.ceo-dh{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap;background:linear-gradient(90deg,#0b1730,#060c18);border:1px solid rgba(59,130,255,.3);border-radius:14px;padding:14px}
.ceo-dt h2{font-size:22px;margin:4px 0 2px} .ceo-dt p{margin:0;font-size:12.5px;color:#b9c4d4} .ceo-dt a{color:#8ec5ff;cursor:pointer}
.ceo-dm{display:flex;gap:8px;flex-wrap:wrap} .ceo-dm>div{background:rgba(8,14,24,.7);border:1px solid var(--line);border-radius:10px;padding:8px 12px;min-width:110px} .ceo-dm>div[data-go]{cursor:pointer} .ceo-dm>div[data-go]:hover{border-color:var(--blue)}
.ceo-dm small{display:block;font-size:10px;color:var(--muted)} .ceo-dm b{display:block;font-size:14px;margin-top:2px} .ceo-dm i{display:block;font-style:normal;font-size:10px;color:var(--muted)}
.ceo-who{display:flex!important;align-items:center;gap:6px} .ceo-who .av{width:24px;height:24px}
.ceo-tabs{margin:2px 0} .ceo-tabs a{cursor:pointer}
.ceo-hl{list-style:none;margin:0;padding:0} .ceo-hl li{display:grid;grid-template-columns:20px 1fr auto 120px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);cursor:pointer;font-size:12.5px} .ceo-hl .ic{width:16px;height:16px;color:#8ec5ff}
.ceo-nl{list-style:none;margin:0;padding:0} .ceo-nl li{padding:8px 0;border-bottom:1px solid var(--line);font-size:12.5px} .ceo-nl small{display:block;color:var(--muted);font-size:10.5px;margin-bottom:2px} .ceo-nl.big li{padding:10px 0}
.ceo-flag{display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:10px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.4);font-size:12.5px} .ceo-flag .ic{width:16px;height:16px;color:#f87171}
.ceo-priv{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:rgba(59,130,255,.08);border:1px solid rgba(59,130,255,.35);font-size:12.5px} .ceo-priv .ic{width:16px;height:16px;color:#8ec5ff;flex:none;margin-top:1px}
.ceo-h4{font-size:12px;margin:0 0 6px;color:#cbd5e1} .ceo-h4 em{font-style:normal;color:var(--muted)}
.ceo-calls{list-style:none;margin:0;padding:0;max-height:360px;overflow:auto} .ceo-calls li{display:grid;grid-template-columns:28px 1fr auto;gap:4px 8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:12px} .ceo-calls small{grid-column:2/-1;color:var(--muted);font-size:11px} .ceo-calls em{font-style:normal;font-weight:700;font-size:11px}
.ceo-cts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ceo-ct{display:flex;gap:12px;background:linear-gradient(180deg,#0b1730,#060c18);border:1px solid rgba(59,130,255,.3);border-radius:12px;padding:12px;min-width:0} .ceo-ct .av.xl{width:64px;height:64px;flex:none} .ceo-ct>div{min-width:0}
.ceo-ct small{display:block;font-size:10.5px;color:#8ec5ff;font-weight:700;text-transform:uppercase;letter-spacing:.04em} .ceo-ct b{display:block;font-size:14px;margin:2px 0 4px} .ceo-ct a{display:flex;align-items:center;gap:5px;font-size:11.5px;color:#cbd5e1;cursor:pointer;overflow-wrap:anywhere} .ceo-ct a .ic{width:13px;height:13px;color:#8ec5ff;flex:none} .ceo-ct a:hover{color:#fff} .ceo-ct i{display:block;font-style:normal;font-size:10.5px;color:var(--muted);margin-top:4px}
/* store health */
.ceo-hh{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.ceo-hbig{display:flex;align-items:baseline;gap:6px;padding:10px 18px;border-radius:14px;border:1px solid} .ceo-hbig b{font-size:40px;font-family:var(--display);line-height:1} .ceo-hbig small{color:var(--muted)} .ceo-hbig em{font-style:normal;font-weight:800;font-size:15px;margin-left:6px}
.ceo-hbig.ok{border-color:rgba(34,197,94,.5);color:#4ade80;background:rgba(34,197,94,.08)} .ceo-hbig.warn{border-color:rgba(245,158,11,.5);color:#fbbf24;background:rgba(245,158,11,.08)} .ceo-hbig.risk{border-color:rgba(249,115,22,.55);color:#fb923c;background:rgba(249,115,22,.08)} .ceo-hbig.bad{border-color:rgba(239,68,68,.55);color:#f87171;background:rgba(239,68,68,.08)}
.ceo-hlg{display:flex;gap:6px;flex-wrap:wrap} .ceo-hlg span{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px} .ceo-hlg .ok{background:rgba(34,197,94,.14);color:#4ade80} .ceo-hlg .warn{background:rgba(245,158,11,.14);color:#fbbf24} .ceo-hlg .risk{background:rgba(249,115,22,.15);color:#fb923c} .ceo-hlg .bad{background:rgba(239,68,68,.15);color:#f87171}
.ceo-hh .mg-btns{margin-left:auto;margin-top:0}
.ceo-hcat{list-style:none;margin:0;padding:0} .ceo-hcat li{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.3fr) 58px 120px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.ceo-hcat.sm li{grid-template-columns:minmax(0,1.3fr) minmax(0,1.4fr) 64px}
.ceo-hcat .n{display:grid;grid-template-columns:20px 1fr;gap:0 8px;align-items:center;min-width:0} .ceo-hcat .n .ic{width:17px;height:17px;color:#8ec5ff;grid-row:span 2} .ceo-hcat .n b{font-size:13px} .ceo-hcat .n small{font-size:10px;color:var(--muted)}
.ceo-hcat .p{font-size:17px;font-family:var(--display);text-align:right} .ceo-hcat .p small{font-size:11px;color:var(--muted)} .ceo-hcat em{font-style:normal;font-size:11px;font-weight:700}
.ceo-hbar{position:relative;display:block;height:9px;border-radius:9px;background:#132038} .ceo-hbar i{display:block;height:100%;border-radius:9px;margin:0} .ceo-hbar u{position:absolute;top:-3px;width:2px;height:15px;background:#e6eef8;opacity:.7}
.ceo-hbar.g i{background:linear-gradient(90deg,#16a34a,#4ade80)} .ceo-hbar.y i{background:linear-gradient(90deg,#ca8a04,#facc15)} .ceo-hbar.o i{background:linear-gradient(90deg,#c2410c,#fb923c)} .ceo-hbar.r i{background:linear-gradient(90deg,#b91c1c,#f87171)}
.ceo-tg{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)} .ceo-tg .input{width:64px;padding:4px 6px}
.ceo-edt{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:10px 12px;border:1px dashed rgba(59,130,255,.5);border-radius:10px} .ceo-edt label{display:flex;align-items:center;gap:8px;font-size:12px} .ceo-edt .input{width:80px}
.ceo-map{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:rgba(59,130,255,.08);border:1px solid rgba(59,130,255,.3);font-size:12.5px} .ceo-map .ic{width:16px;height:16px;color:#8ec5ff;flex:none;margin-top:2px} .ceo-map a{color:#8ec5ff;cursor:pointer}
/* financials */
.ceo-unit{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px} .ceo-unit>div{background:rgba(8,14,24,.7);border:1px solid var(--line);border-radius:10px;padding:10px 12px} .ceo-unit small{display:block;font-size:10.5px;color:var(--muted)} .ceo-unit b{font-size:19px;font-family:var(--display)}
.ceo-fcm,.ceo-fco,.ceo-inf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .ceo-fco{grid-template-columns:repeat(2,minmax(0,1fr))}
.ceo-fcm>div,.ceo-fco>div,.ceo-inf>div{background:rgba(8,14,24,.7);border:1px solid var(--line);border-radius:10px;padding:10px} .ceo-fcm small,.ceo-fco small,.ceo-inf small{display:block;font-size:10.5px;color:var(--muted)} .ceo-fcm b,.ceo-fco b,.ceo-inf b{display:block;font-size:20px;font-family:var(--display)} .ceo-fco b{font-size:26px} .ceo-fco i,.ceo-inf i{font-style:normal;font-size:10.5px;color:var(--muted)}
.ceo-fc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.ceo-fci{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .ceo-fci label small{display:block;font-size:11px;color:var(--muted);margin-bottom:3px} .ceo-in{display:flex;align-items:center;gap:4px} .ceo-in .input{padding:7px 9px}
/* sales */
.ceo-sr{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px}
.ceo-reps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ceo-rep{border:1px solid rgba(59,130,255,.3);border-radius:12px;padding:12px;background:linear-gradient(180deg,#0b1730,#060c18);cursor:pointer} .ceo-rep:hover{border-color:var(--blue)}
.ceo-rep header{display:flex;gap:10px;align-items:center;margin-bottom:8px} .ceo-rep header .av{width:48px;height:48px;flex:none} .ceo-rep header span{flex:1;min-width:0} .ceo-rep header b{display:block} .ceo-rep header small{color:var(--muted);font-size:11px}
.ceo-rep dl{display:grid;grid-template-columns:1fr auto;gap:4px 8px;margin:0;font-size:12px} .ceo-rep dt{color:#b9c4d4} .ceo-rep dd{margin:0;font-weight:700;text-align:right}
.ceo-sch{list-style:none;margin:0;padding:0} .ceo-sch li{display:grid;grid-template-columns:90px 1fr auto;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px;align-items:center} .ceo-sch li.off span{color:var(--muted)} .ceo-sch a{color:#8ec5ff;cursor:pointer} .ceo-sch em{font-style:normal;font-size:10.5px;color:#4ade80;font-weight:700}
.ceo-mf{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end} .ceo-mf label small{display:block;font-size:10.5px;color:var(--muted);margin-bottom:3px} .ceo-mf .input{padding:6px 8px;font-size:12px;min-width:140px}
.ceo-leg2{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px} .ceo-leg2 span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;padding:4px 10px;border-radius:999px;border:1px solid var(--line2);cursor:pointer} .ceo-leg2 span.on{border-color:#8ec5ff;background:rgba(59,130,255,.15)} .ceo-leg2 i{width:9px;height:9px;border-radius:50%} .ceo-leg2 em{font-style:normal;color:var(--muted)}
.ceo-mapw.xl .ceo-tx{max-height:640px}
/* launch */
.ceo-kb{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:8px;overflow-x:auto;padding-bottom:4px}
.ceo-kc{background:rgba(8,14,24,.7);border:1px solid var(--line);border-radius:12px;padding:8px;min-height:180px} .ceo-kc h4{font-size:11.5px;margin:0 0 8px;color:#cbd5e1;display:flex;justify-content:space-between} .ceo-kc h4 em{font-style:normal;color:#8ec5ff}
.ceo-lc{background:linear-gradient(180deg,#0b1730,#060c18);border:1px solid rgba(59,130,255,.35);border-radius:10px;padding:9px;margin-bottom:8px;cursor:pointer} .ceo-lc:hover{border-color:var(--blue)} .ceo-lc b{display:block;font-size:12.5px} .ceo-lc small{display:block;font-size:10.5px;color:var(--muted)} .ceo-lc em{display:block;font-style:normal;font-size:10.5px;color:#cbd5e1;margin:3px 0}
.ceo-chk{list-style:none;margin:0;padding:0} .ceo-chk li{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)} .ceo-chk label{display:flex;gap:10px;align-items:center;cursor:pointer;font-size:13px} .ceo-chk input{width:17px;height:17px;accent-color:#22c55e} .ceo-chk li.on span{color:#4ade80} .ceo-chk small{color:var(--muted);font-size:11px}
.ceo-stp{list-style:none;margin:0;padding:0;counter-reset:s} .ceo-stp li{counter-increment:s;display:flex;gap:10px;align-items:center;padding:7px 0;font-size:13px;color:var(--muted)} .ceo-stp li::before{content:counter(s);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);font-size:11px}
.ceo-stp li.d{color:#cbd5e1} .ceo-stp li.d::before{content:'✓';background:#16a34a;border-color:#16a34a;color:#fff} .ceo-stp li.c{color:#fff;font-weight:700} .ceo-stp li.c::before{background:#2563eb;border-color:#3b82ff;color:#fff}
/* fulfillment / activity */
.ceo-fal{list-style:none;margin:0;padding:0} .ceo-fal li{display:flex;gap:10px;align-items:center;padding:10px 8px;border-radius:10px;border:1px solid var(--line);margin-bottom:7px;cursor:pointer;border-left:3px solid #3b82ff} .ceo-fal li:hover{background:rgba(30,144,255,.06)}
.ceo-fal li.warn{border-left-color:#f59e0b} .ceo-fal li.bad{border-left-color:#ef4444} .ceo-fal li.ok{border-left-color:#22c55e} .ceo-fal .ic{width:17px;height:17px;color:#8ec5ff;flex:none} .ceo-fal span{flex:1} .ceo-fal small{display:block;font-size:11px;color:var(--muted)}
/* employees */
.ceo-emps{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.ceo-emp{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:16px 12px;border:1px solid rgba(59,130,255,.3);border-radius:14px;background:linear-gradient(180deg,#0b1730,#060c18);cursor:pointer} .ceo-emp:hover{border-color:var(--blue)}
.ceo-emp .av.xl{width:84px;height:84px;margin-bottom:6px;border:2px solid rgba(59,130,255,.45)} .ceo-emp b{font-size:14px} .ceo-emp small{font-size:11.5px;color:#b9c4d4} .ceo-emp em{font-style:normal;font-size:10px;font-weight:700;color:#8ec5ff;text-transform:uppercase;letter-spacing:.06em} .ceo-emp i{font-style:normal;font-size:10.5px;color:var(--muted)}
.ceo-prof{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:linear-gradient(90deg,#0b1730,#060c18);border:1px solid rgba(59,130,255,.3);border-radius:14px;padding:16px}
.ceo-prof .av.xxl{width:120px;height:120px;border:3px solid rgba(59,130,255,.5)} .ceo-prof dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:13px;flex:1;min-width:260px} .ceo-prof dt{color:var(--muted)} .ceo-prof dd{margin:0;font-weight:600}
.ceo-cap{position:relative;height:18px;background:#132038;border-radius:9px;margin:4px 0 22px} .ceo-cap span{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#2563eb,#60a5fa)} .ceo-cap u{position:absolute;top:-4px;height:26px;border-left:2px dashed #f59e0b;text-decoration:none;font-size:10.5px;color:#fbbf24;padding:28px 0 0 4px;white-space:nowrap}
.ceo-cap em{position:absolute;right:8px;top:1px;font-style:normal;font-size:11px;font-weight:700}
.ceo-t tr.hl td{background:rgba(245,158,11,.08)}
/* reports / alerts / settings */
.ceo-rps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ceo-rp{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid rgba(59,130,255,.3);border-radius:14px;background:linear-gradient(180deg,#0b1730,#060c18)} .ceo-rp>span .ic{width:26px;height:26px;color:#8ec5ff} .ceo-rp b{font-size:14px} .ceo-rp small{color:var(--muted);font-size:11.5px;flex:1}
.ceo-rp .mg-btns{flex-wrap:wrap;gap:6px}
.ceo-alc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ceo-alc li{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:linear-gradient(180deg,#0b1730,#060c18);border:1px solid rgba(59,130,255,.25);border-left:4px solid #3b82ff;cursor:pointer} .ceo-alc li:hover{border-color:var(--blue)}
.ceo-alc li.bad{border-left-color:#ef4444} .ceo-alc li.warn{border-left-color:#f59e0b} .ceo-alc li.ok{border-left-color:#22c55e} .ceo-alc li span{flex:1;min-width:0} .ceo-alc small{display:block;font-size:11.5px;color:var(--muted)} .ceo-alc i{font-style:normal;font-size:11px;color:var(--muted);white-space:nowrap} .ceo-alc li>.ic{width:15px;height:15px;color:var(--muted)}
.ceo-set{display:grid;grid-template-columns:230px minmax(0,1fr);gap:12px;align-items:start} .ceo-set nav{display:flex;flex-direction:column;gap:2px;background:rgba(8,14,24,.7);border:1px solid var(--line);border-radius:12px;padding:6px}
.ceo-set nav a{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:8px;font-size:12.5px;color:#b8c3d3;cursor:pointer} .ceo-set nav a .ic{width:15px;height:15px} .ceo-set nav a.on{background:rgba(37,99,235,.25);color:#fff;box-shadow:inset 3px 0 0 var(--blue)}
.ceo-lock{text-align:center;padding:60px 20px;border:1px solid var(--line);border-radius:14px;background:rgba(8,14,24,.7)} .ceo-lock>.ic{width:38px;height:38px;color:#8ec5ff} .ceo-lock .mg-btns{justify-content:center}
/* responsive */
@media (max-width:1300px){ .ceo-ks,.ceo-ks.six{grid-template-columns:repeat(3,minmax(0,1fr))} .ceo-r1{grid-template-columns:minmax(0,1fr)} .ceo-r2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .ceo-r2>.ceo-snap{grid-column:1/-1}
  .ceo-r3,.ceo-r3.b{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .ceo-r3>:last-child{grid-column:1/-1} .ceo-pmg,.ceo-pr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .ceo-reps,.ceo-rps{grid-template-columns:repeat(2,minmax(0,1fr))} .ceo-cts{grid-template-columns:repeat(2,minmax(0,1fr))} .ceo-search{width:220px} .ceo-unit{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:900px){ .ceo-top{flex-direction:column;padding:10px 10px 0} .ceo-tools{width:100%} .ceo-search{flex:1;width:auto} .ceo-hi{gap:10px} .ceo-hi h1,.ceo-tt h1{font-size:21px}
  .ceo-ks,.ceo-ks.six,.ceo-ks.eight{grid-template-columns:repeat(2,minmax(0,1fr))} .ceo-r2,.ceo-r3,.ceo-r3.b,.ceo-r2b,.ceo-pmg,.ceo-pr,.ceo-sr,.ceo-fc,.ceo-reps,.ceo-rps,.ceo-cts,.ceo-set{grid-template-columns:minmax(0,1fr)} .ceo-r3>:last-child{grid-column:auto}
  .ceo-so{grid-template-columns:minmax(0,1fr)} .ceo-don{flex-direction:column} .ceo-mini8{grid-template-columns:repeat(2,minmax(0,1fr))} .ceo-mini6{grid-template-columns:repeat(2,minmax(0,1fr))} .ceo-pms{grid-template-columns:minmax(0,1fr)}
  .ceo-hcat li{grid-template-columns:minmax(0,1fr) 54px;gap:6px 10px} .ceo-hcat li .ceo-hbar{grid-column:1/-1;grid-row:2} .ceo-hcat li>em,.ceo-hcat li>.ceo-tg{grid-column:1/-1} .ceo-hcat.sm li{grid-template-columns:minmax(0,1fr) 60px}
  .ceo-unit{grid-template-columns:repeat(2,minmax(0,1fr))} .ceo-fci,.ceo-fco{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .ceo-fcm{grid-template-columns:minmax(0,1fr)} .ceo-inf{grid-template-columns:minmax(0,1fr)} .ceo-pmk{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ceo-k b{font-size:18px} .ceo-spark{display:none} .ceo-s2{min-width:0;width:100%} .ceo-dm>div{min-width:0;flex:1 1 40%} .ceo-hl li{grid-template-columns:20px 1fr auto} .ceo-hl li .sc-bar{display:none}
  .ceo-pl li{flex-wrap:wrap} .ceo-pl li span{flex:1 1 60%} .ceo-pl li .btn{margin-left:29px} .ceo-alc li{flex-wrap:wrap} .ceo-alc i{width:100%;order:3;padding-left:2px} .ceo-sch li{grid-template-columns:76px 1fr} .ceo-sch em{display:none} .ceo-mf label{flex:1 1 45%} .ceo-mf .input{min-width:0;width:100%}
  .ceo-c .mg-t{display:block;overflow-x:auto} .ceo-tabs{overflow-x:auto;flex-wrap:nowrap} .ceo-tabs a{white-space:nowrap} .ceo-hh .mg-btns{margin-left:0} .ceo-prof dl{min-width:0} .ceo-me{display:none} }
@media (min-width:1281px) and (max-width:1520px){ .topbar .dealer{display:none} }
@media (min-width:1281px) and (max-width:1380px){ .roles button{padding:6px 5px;font-size:11px} .roles button .ic{display:none} }
.ceo-cap{margin-bottom:6px} .ceo-cap u{padding:0}
.ceo-k.wrap b{white-space:normal;font-size:21px;line-height:1.15}
.ceo-t.cmp{font-size:11px} .ceo-t.cmp td,.ceo-t.cmp th{padding:5px 5px}
@media (min-width:1301px){ .ceo-r2{grid-template-columns:minmax(0,2.4fr) minmax(0,.95fr) minmax(0,.95fr)} }
.ceo-don li{white-space:nowrap;font-size:11px} .ceo-donut{width:132px;height:132px}
@media (min-width:1301px){ .ceo-r3{grid-template-columns:minmax(0,1.05fr) minmax(0,1.1fr) minmax(0,1.1fr)} }

/* CEO dealer-detail tabs */
.ceo-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line,#1e2a44);margin:4px 0 12px;padding-bottom:0}
.ceo-tabs a{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;font-size:13px;font-weight:600;color:#9fb0cc;border-bottom:2px solid transparent;margin-bottom:-1px;text-decoration:none;border-radius:6px 6px 0 0}
.ceo-tabs a svg{width:15px;height:15px}
.ceo-tabs a:hover{color:#fff;background:rgba(59,130,246,.08)}
.ceo-tabs a.on{color:#fff;border-bottom-color:#3b82f6;background:rgba(59,130,246,.12)}
@media (min-width:901px){ .ceo-ks.c4{grid-template-columns:repeat(4,minmax(0,1fr))} }
.ceo-dl{display:grid;grid-template-columns:170px 1fr;gap:8px 14px;margin:4px 0 14px;font-size:13.5px} .ceo-dl dt{color:var(--muted)} .ceo-dl dd{margin:0;color:#e5edf7;font-weight:600} @media (max-width:600px){ .ceo-dl{grid-template-columns:1fr} .ceo-dl dd{margin-bottom:6px} }
.ceo-tip{pointer-events:none} .ceo-tip .ceo-x{pointer-events:auto}