/* Sellerhub — dark premium theme (light available) */
:root{
  --bg:#0b101c; --bg2:#0f1626; --panel:#121a2c; --panel2:#182238; --panel3:#1f2a45;
  --line:rgba(148,163,184,.12); --line2:rgba(148,163,184,.2);
  --ink:#dde3ee; --ink2:#9ba7bc; --muted:#6f7c94;
  --gold:#f6c453; --gold2:#e9952f; --gold-soft:rgba(246,196,83,.12);
  --violet:#8b6cff; --violet-soft:rgba(139,108,255,.14);
  --good:#2fd08a; --good-soft:rgba(47,208,138,.12); --bad:#ff5a76; --bad-soft:rgba(255,90,118,.12);
  --warn:#ffb648; --warn-soft:rgba(255,182,72,.12); --info:#4cc3ff; --info-soft:rgba(76,195,255,.12);
  --radius:16px; --shadow:0 1px 0 rgba(255,255,255,.03) inset,0 10px 30px rgba(0,0,0,.25);
  --grad:linear-gradient(135deg,#f6c453 0%,#e9952f 100%);
  --chart-grid:rgba(148,163,184,.08);
  color-scheme:dark;
}
:root[data-theme=light]{
  --bg:#e6e9ef; --bg2:#dde1e9; --panel:#f3f4f7; --panel2:#eceef3; --panel3:#e2e6ee;
  --line:#d5dae4; --line2:#c4cbd9; --ink:#222b3b; --ink2:#4e596e; --muted:#76809a;
  --gold-soft:#f6ecd2; --violet-soft:#e7e3f6; --good-soft:#dcefe6; --bad-soft:#f4dfe3; --warn-soft:#f5e8d3; --info-soft:#dbeaf4;
  --shadow:0 1px 2px rgba(15,23,42,.05),0 3px 10px rgba(15,23,42,.06); --chart-grid:#d9dde6;
  color-scheme:light;
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%}
body{font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:absolute;top:0;left:0;right:0;height:100vh;pointer-events:none;z-index:0;
  background:radial-gradient(600px 420px at 8% -5%,rgba(246,196,83,.10),transparent 70%),radial-gradient(700px 500px at 105% 110%,rgba(139,108,255,.13),transparent 70%)}
:root[data-theme=light] body::before{opacity:.5}
a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit;color:inherit}
.num{font-variant-numeric:tabular-nums} code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:var(--panel3);padding:1px 6px;border-radius:5px}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--panel3);border-radius:10px;border:2px solid var(--bg)}

/* ---------- layout ---------- */
.shell{display:grid;grid-template-columns:264px 1fr;min-height:100vh;position:relative;z-index:1}
.shell.mini{grid-template-columns:76px 1fr}
.side{background:linear-gradient(180deg,var(--bg2),var(--bg));border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden}
.brand{display:flex;align-items:center;gap:11px;padding:20px 20px 14px;font-weight:800;font-size:18px;letter-spacing:-.02em;white-space:nowrap}
.brand .mark{width:34px;height:34px;flex:none}
.brand small{display:block;font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-top:1px}
.side .search{margin:4px 14px 10px;position:relative}
.side .search input{padding-left:34px;background:var(--panel);border-color:var(--line)}
.side .search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;color:var(--muted)}
.nav{flex:1;min-height:0;overflow-y:auto;padding:0 12px 12px}
.nav .sec{font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);padding:16px 10px 6px;font-weight:700;white-space:nowrap}
.nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;color:var(--ink2);font-weight:600;font-size:13.5px;margin:1px 0;position:relative;white-space:nowrap;transition:background .15s,color .15s}
.nav a:hover{background:var(--panel);color:var(--ink)}
.nav a.on{background:linear-gradient(90deg,var(--gold-soft),transparent);color:var(--ink)}
.nav a.on::before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--grad)}
.nav a.on svg{color:var(--gold)}
.nav svg{width:19px;height:19px;flex:none}
.nav .badge{margin-left:auto;font-size:10.5px;padding:1px 7px;border-radius:999px;background:var(--bad);color:#fff;font-weight:700}
.side .me{border-top:1px solid var(--line);padding:14px 16px;display:flex;align-items:center;gap:11px}
.av{width:36px;height:36px;border-radius:12px;background:var(--grad);color:#1b1205;display:grid;place-items:center;font-weight:800;font-size:13px;flex:none}
.av.sm{width:28px;height:28px;border-radius:9px;font-size:11px}
.av.v{background:linear-gradient(135deg,#8b6cff,#4cc3ff);color:#fff}
.me .who{flex:1;min-width:0} .me .who b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.role{display:inline-block;font-size:10.5px;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--gold-soft);color:var(--gold);margin-top:3px}
.shell.mini .brand span,.shell.mini .search,.shell.mini .nav .sec,.shell.mini .nav a span,.shell.mini .me .who,.shell.mini .nav .badge{display:none}
.shell.mini .nav a{justify-content:center;padding:11px} .shell.mini .brand{justify-content:center;padding:20px 0 14px} .shell.mini .me{justify-content:center;flex-wrap:wrap}

.wrap{min-width:0;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:12px 28px;background:var(--bg);border-bottom:1px solid var(--line)}
.topbar .sp{flex:1}
.tb-btn{height:38px;min-width:38px;border-radius:11px;border:1px solid var(--line);background:var(--panel);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;cursor:pointer;color:var(--ink2);font-weight:600;font-size:13px;white-space:nowrap}
.tb-btn:hover{color:var(--ink);border-color:var(--line2)} .tb-btn svg{width:17px;height:17px}
.tb-btn kbd{font-family:inherit;font-size:10.5px;border:1px solid var(--line2);border-radius:5px;padding:0 5px;color:var(--muted)}
.tb-sel{height:38px;border-radius:11px;width:auto;min-width:150px;background:var(--panel);font-weight:600;font-size:13px}
.viewas{border-color:var(--violet);background:var(--violet-soft);color:var(--ink)}
.announce{display:flex;align-items:center;gap:12px;padding:10px 28px;background:linear-gradient(90deg,rgba(246,196,83,.16),rgba(233,149,47,.08));border-bottom:1px solid rgba(246,196,83,.25);font-weight:600;font-size:13px;color:var(--ink)}
.announce svg{width:17px;color:var(--gold);flex:none}
.main{padding:26px 28px 60px;max-width:1500px;width:100%}

/* ---------- headings ---------- */
.head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.head h1{font-size:26px;margin:0;letter-spacing:-.03em;font-weight:800}
.head p{margin:5px 0 0;color:var(--muted);font-size:13px}
.crumbs{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:700;margin-bottom:6px}

.welcome{position:relative;overflow:hidden;border-radius:22px;padding:26px 30px;margin-bottom:22px;border:1px solid rgba(246,196,83,.25);
  background:radial-gradient(500px 200px at 85% 0%,rgba(246,196,83,.25),transparent 70%),linear-gradient(120deg,#15122a 0%,#1d1530 45%,#2a1d10 100%)}
:root[data-theme=light] .welcome{background:radial-gradient(500px 200px at 85% 0%,rgba(246,196,83,.35),transparent 70%),linear-gradient(120deg,#1a1633,#2a1f45 55%,#3d2a12);color:#fff}
.welcome .k{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:800}
.welcome h2{margin:8px 0 4px;font-size:28px;letter-spacing:-.03em;font-weight:800;color:#fff}
.welcome p{margin:0;color:rgba(255,255,255,.65);font-size:14px}
.welcome .dots{position:absolute;right:-20px;top:-20px;width:360px;height:220px;opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.5) 1px,transparent 1.4px);background-size:18px 18px;mask-image:radial-gradient(closest-side,#000,transparent)}
.welcome .stats{display:flex;gap:26px;margin-top:18px;flex-wrap:wrap}
.welcome .stats div{font-size:12px;color:rgba(255,255,255,.6)} .welcome .stats b{display:block;font-size:20px;color:#fff;letter-spacing:-.02em}

/* ---------- controls ---------- */
.btn{border:1px solid var(--line2);background:var(--panel);border-radius:11px;padding:9px 15px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px;color:var(--ink);transition:transform .1s,filter .15s,border-color .15s}
.btn:hover{border-color:var(--muted)} .btn:active{transform:translateY(1px)}
.btn svg{width:16px;height:16px}
.btn.pri{background:var(--grad);border-color:transparent;color:#1b1205;box-shadow:0 6px 20px rgba(233,149,47,.25)} .btn.pri:hover{filter:brightness(1.07)}
.btn.sm{padding:6px 11px;font-size:12px;border-radius:9px} .btn.ghost{border-color:transparent;background:transparent} .btn.danger{color:var(--bad)}
.iconbtn{border:0;background:transparent;cursor:pointer;color:var(--muted);padding:6px;border-radius:8px;display:inline-grid;place-items:center} .iconbtn:hover{background:var(--panel3);color:var(--ink)}
input,select,textarea{border:1px solid var(--line2);background:var(--panel2);border-radius:11px;padding:9px 12px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
input::placeholder,textarea::placeholder{color:var(--muted)}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%238792a8' stroke-width='2'%3E%3Cpath d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:30px}
input[type=date]{color-scheme:inherit}
label.f{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:var(--ink2)}
label.f small{color:var(--muted);font-weight:500}
.grid-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.chk{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;cursor:pointer} .chk input{width:16px;height:16px;accent-color:var(--gold)}

.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px;margin-bottom:18px;box-shadow:var(--shadow)}
.seg{display:flex;background:var(--bg2);border:1px solid var(--line);border-radius:11px;padding:3px;gap:2px;flex-wrap:wrap}
.seg button{border:0;background:transparent;padding:7px 12px;border-radius:8px;font-size:12px;font-weight:700;color:var(--ink2);cursor:pointer;white-space:nowrap}
.seg button:hover{color:var(--ink)}
.seg button.on{background:var(--grad);color:#1b1205;box-shadow:0 4px 12px rgba(233,149,47,.25)}
.filters input[type=date]{width:148px;padding:7px 10px} .filters select{width:auto;min-width:140px;padding:7px 30px 7px 10px}
.filters .sp{flex:1}

/* ---------- cards ---------- */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.card>.ch{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);gap:10px}
.card>.ch h3{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink2);font-weight:800;display:flex;align-items:center;gap:9px}
.card>.ch h3 svg{width:16px;color:var(--gold)}
.card>.ch .r{color:var(--muted);font-size:12px;font-weight:600}
.card>.ch a.r{color:var(--gold)}
.card>.cb{padding:18px}
.row{display:grid;gap:18px;margin-bottom:18px} .r2{grid-template-columns:minmax(0,2fr) minmax(0,1fr)} .r11{grid-template-columns:repeat(2,minmax(0,1fr))} .r3{grid-template-columns:repeat(3,minmax(0,1fr))}

/* wallet hero */
.wallet{position:relative;overflow:hidden;border-radius:22px;padding:24px;margin-bottom:18px;color:#1b1205;
  background:radial-gradient(400px 200px at 100% 0%,rgba(255,255,255,.35),transparent 70%),linear-gradient(135deg,#f8cf62 0%,#f0a83a 55%,#de8428 100%);box-shadow:0 18px 50px rgba(233,149,47,.22)}
.wallet.neg{background:radial-gradient(400px 200px at 100% 0%,rgba(255,255,255,.25),transparent 70%),linear-gradient(135deg,#ff7a8f,#e2405e);color:#fff}
.wallet .top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.wallet .lbl{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;opacity:.75;display:flex;align-items:center;gap:8px}
.wallet .big{font-size:42px;font-weight:800;letter-spacing:-.04em;margin:8px 0 2px;line-height:1.05}
.wallet .sub2{font-size:13px;font-weight:600;opacity:.7}
.wallet .tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}
.wallet .tile{background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.35);border-radius:14px;padding:12px 14px;}
.wallet.neg .tile{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25)}
.wallet .tile span{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;opacity:.7}
.wallet .tile b{display:block;font-size:20px;letter-spacing:-.02em;margin-top:4px} .wallet .tile i{font-style:normal;font-size:11.5px;font-weight:600;opacity:.65}
.wallet .ring{position:absolute;right:-60px;bottom:-80px;width:260px;height:260px;border-radius:50%;border:40px solid rgba(255,255,255,.12)}

/* kpis */
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 16px 12px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .15s,border-color .15s}
.kpi:hover{transform:translateY(-2px);border-color:var(--line2)}
.kpi .l{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink2);font-weight:800;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.kpi .ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none}
.kpi .ic svg{width:18px;height:18px}
.ic.gold{background:var(--gold-soft);color:var(--gold)} .ic.violet{background:var(--violet-soft);color:var(--violet)} .ic.good{background:var(--good-soft);color:var(--good)}
.ic.bad{background:var(--bad-soft);color:var(--bad)} .ic.info{background:var(--info-soft);color:var(--info)} .ic.warn{background:var(--warn-soft);color:var(--warn)}
.kpi .v{font-size:26px;font-weight:800;letter-spacing:-.03em;margin-top:2px;display:flex;align-items:baseline;gap:8px}
.kpi .s{font-size:12px;color:var(--muted);margin-top:3px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi canvas.spark{display:block;width:100%;height:34px;margin-top:8px}
.delta{font-size:11px;font-weight:800;padding:2px 7px;border-radius:999px;white-space:nowrap;letter-spacing:0}
.delta.up{background:var(--good-soft);color:var(--good)} .delta.down{background:var(--bad-soft);color:var(--bad)}

/* funnel */
.funnel{display:flex;flex-direction:column;gap:12px}
.fstep{display:grid;grid-template-columns:92px 1fr 96px;align-items:center;gap:12px;font-size:13px;font-weight:600}
.fbar{height:30px;background:var(--bg2);border-radius:9px;overflow:hidden;border:1px solid var(--line)}
.fbar i{display:block;height:100%;border-radius:8px;background:var(--grad);transition:width .8s cubic-bezier(.2,.8,.2,1)}
.fstep:nth-child(2) .fbar i{background:linear-gradient(90deg,#8b6cff,#a78bfa)} .fstep:nth-child(3) .fbar i{background:linear-gradient(90deg,#4cc3ff,#7dd3fc)}
.fstep:nth-child(4) .fbar i{background:linear-gradient(90deg,#2fd08a,#6ee7b7)} .fstep:nth-child(5) .fbar i{background:linear-gradient(90deg,#ff5a76,#fb7185)}
.fstep .fv{text-align:end} .fstep .fv b{display:block;font-size:15px} .fstep .fv span{font-size:11px;color:var(--muted)}

/* podium */
.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:12px;align-items:end;padding:6px 4px 0}
.pod{border-radius:16px;padding:16px 12px;text-align:center;position:relative;border:1px solid var(--line);background:var(--panel2)}
.pod.p1{background:linear-gradient(180deg,rgba(246,196,83,.18),var(--panel2));border-color:rgba(246,196,83,.4);padding-top:26px}
.pod .crown{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:28px;color:var(--gold);filter:drop-shadow(0 4px 10px rgba(246,196,83,.5))}
.pod .av{margin:0 auto 8px;width:46px;height:46px;border-radius:15px;font-size:15px}
.pod.p2 .av{background:linear-gradient(135deg,#e2e8f0,#94a3b8)} .pod.p3 .av{background:linear-gradient(135deg,#f0b48a,#b4693a);color:#fff}
.pod b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pod .m{font-size:18px;font-weight:800;letter-spacing:-.02em;margin-top:6px}
.pod .x{font-size:11px;color:var(--muted);font-weight:600}
.pod .place{position:absolute;top:10px;left:12px;font-size:11px;font-weight:800;color:var(--muted)}
.lb-row{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--line);font-size:13px}
.lb-row:last-child{border-bottom:0} .lb-row.me{background:var(--gold-soft);border-radius:10px;padding:10px 8px;border-bottom-color:transparent}
.lb-row .n{width:22px;color:var(--muted);font-weight:800;font-size:12px;text-align:center}

/* tables */
.tw{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13px}
th{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800;text-align:start;padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--panel2)}
td{padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
tr:last-child td{border-bottom:0} tbody tr{transition:background .12s} tbody tr:hover td{background:var(--panel2)}
td.r,th.r{text-align:end}
.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800;background:var(--panel3);color:var(--ink2);white-space:nowrap}
.pill.good{background:var(--good-soft);color:var(--good)} .pill.bad{background:var(--bad-soft);color:var(--bad)} .pill.warn{background:var(--warn-soft);color:var(--warn)}
.pill.brand{background:var(--gold-soft);color:var(--gold)} .pill.violet{background:var(--violet-soft);color:var(--violet)} .pill.info{background:var(--info-soft);color:var(--info)}
.pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}
.pos{color:var(--good)} .neg{color:var(--bad)}
.sub{color:var(--muted);font-size:12px;font-weight:500}
.rank{width:24px;height:24px;border-radius:8px;background:var(--panel3);display:inline-grid;place-items:center;font-size:11px;font-weight:800;margin-right:9px}
.rank.g{background:var(--grad);color:#1b1205}
.empty{padding:48px 20px;text-align:center;color:var(--muted)}
.empty .eic{width:52px;height:52px;border-radius:16px;background:var(--gold-soft);color:var(--gold);display:grid;place-items:center;margin:0 auto 14px} .empty .eic svg{width:24px}
.empty b{color:var(--ink);font-size:15px;display:block;margin-bottom:6px}
.meter{height:6px;border-radius:4px;background:var(--panel3);overflow:hidden;width:90px;display:inline-block;vertical-align:middle;margin-left:8px}
.meter i{display:block;height:100%;border-radius:4px;background:var(--grad)}
.legend{display:flex;justify-content:space-between;font-size:12.5px;padding:6px 0;font-weight:600}
.legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:8px}
.stack{display:flex;height:10px;border-radius:6px;overflow:hidden;margin-bottom:12px;gap:2px}

.quick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:4px}
.quick a{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 14px;display:flex;flex-direction:column;gap:14px;font-weight:700;font-size:13px;transition:transform .15s,border-color .15s}
.quick a:hover{transform:translateY(-2px);border-color:rgba(246,196,83,.5)}
.quick a svg{width:20px;color:var(--gold)} .quick a span{display:flex;justify-content:space-between;align-items:center}

.alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:var(--panel);margin-bottom:18px;font-size:13px;font-weight:600}
.alert svg{width:18px;flex:none} .alert.ok svg{color:var(--good)} .alert.warn{border-color:rgba(255,182,72,.35);background:var(--warn-soft)} .alert.warn svg{color:var(--warn)}
.alert .sp{flex:1}

/* login */
.login{min-height:100vh;display:grid;place-items:center;padding:16px;position:relative;z-index:1}
.login .box{width:100%;max-width:410px}
.login .logo{text-align:center;margin-bottom:24px} .login .logo .mark{width:54px;height:54px;margin:0 auto 12px;display:block}
.login h1{font-size:24px;margin:0;letter-spacing:-.03em;font-weight:800} .login p{color:var(--muted);margin:6px 0 0;font-size:13.5px}
.login form{display:flex;flex-direction:column;gap:16px;background:color-mix(in srgb,var(--panel) 85%,transparent);border:1px solid var(--line2);border-radius:20px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.35);}
.login .ifield{position:relative} .login .ifield svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;color:var(--muted)} .login .ifield input{padding:12px 12px 12px 40px}
.login .err{color:var(--bad);font-size:13px;min-height:18px;font-weight:600}
.login .foot{text-align:center;color:var(--muted);font-size:12px;margin-top:22px}

/* modal / toast / palette */
.ov{position:fixed;inset:0;background:rgba(3,6,14,.78);display:grid;place-items:center;z-index:50;padding:16px;animation:fade .15s}
.modal{background:var(--panel);border:1px solid var(--line2);border-radius:20px;width:100%;max-width:680px;max-height:90vh;overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.5);animation:pop .18s cubic-bezier(.2,.8,.2,1)}
.modal .mh{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--panel);z-index:2}
.modal .mh h3{margin:0;font-size:16px;font-weight:800} .modal .mb{padding:22px;display:flex;flex-direction:column;gap:16px}
.modal .mf{padding:14px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:0;background:var(--panel)}
@keyframes fade{from{opacity:0}} @keyframes pop{from{opacity:0;transform:translateY(8px) scale(.98)}}
.hint{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:12.5px;color:var(--ink2);line-height:1.6}
.hint.gold{background:var(--gold-soft);border-color:rgba(246,196,83,.3);color:var(--ink)}
#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:70;display:flex;flex-direction:column;align-items:center;gap:6px}
#toast div{background:var(--panel3);border:1px solid var(--line2);color:var(--ink);padding:11px 18px;border-radius:12px;font-size:13px;font-weight:700;box-shadow:0 12px 30px rgba(0,0,0,.35);animation:pop .2s}
#toast div::before{content:"✓ ";color:var(--good)} #toast div.e::before{content:"! ";color:var(--bad)}
.chartbox{position:relative;height:290px}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:4px}
.tabs button{border:0;background:none;padding:10px 14px;font-weight:700;color:var(--ink2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs button.on{color:var(--gold);border-color:var(--gold)}
.palette{position:fixed;inset:0;z-index:60;background:rgba(3,6,14,.75);display:flex;justify-content:center;padding-top:12vh}
.palette .pbox{width:100%;max-width:560px;background:var(--panel);border:1px solid var(--line2);border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5);height:fit-content}
.palette input{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px 18px;font-size:15px;background:transparent;box-shadow:none!important}
.palette a{display:flex;align-items:center;gap:12px;padding:11px 18px;font-weight:600;color:var(--ink2)} .palette a svg{width:18px}
.palette a.on,.palette a:hover{background:var(--gold-soft);color:var(--ink)}
.mobtog{display:none}

@media (max-width:1250px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.quick{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1100px){.r2,.r11,.r3{grid-template-columns:minmax(0,1fr)}.wallet .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  .shell,.shell.mini{grid-template-columns:1fr}
  .side{position:fixed;left:0;top:0;bottom:0;width:270px;z-index:40;transform:translateX(-100%);transition:transform .2s;box-shadow:0 0 60px rgba(0,0,0,.4)}
  .side.open{transform:none}
  .mobtog{display:inline-flex} .hide-m{display:none!important}
  .topbar{padding:10px 14px} .main{padding:18px 14px 50px} .announce{padding:10px 14px}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .kpi .v{font-size:20px} .kpi canvas.spark{display:none}
  .wallet .big{font-size:32px} .welcome{padding:20px} .welcome h2{font-size:22px}
  .fstep{grid-template-columns:74px 1fr 80px} .quick{grid-template-columns:repeat(2,minmax(0,1fr))}
  .podium{gap:8px} .pod{padding:12px 6px}
}

.btn[disabled]{opacity:.6;cursor:wait;pointer-events:none}

/* ======================= Phase 00 — shell additions & RTL ======================= */
:root[lang=ar] body{font-family:"IBM Plex Sans Arabic","Plus Jakarta Sans",Tahoma,system-ui,sans-serif}
:root[lang=ar] .nav .sec,:root[lang=ar] .crumbs,:root[lang=ar] .card>.ch h3,:root[lang=ar] .card>.ch .h3{letter-spacing:0;text-transform:none}
main[lang=fr]{font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif}
.topbar{position:sticky}
.tb-lang{width:auto;min-width:0}
#bell{position:relative}
.nbadge{position:absolute;top:2px;inset-inline-end:2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--bad);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;line-height:1}
.npop{position:absolute;top:calc(100% + 6px);inset-inline-end:16px;width:min(360px,calc(100vw - 24px));background:var(--panel);border:1px solid var(--line2);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.45);z-index:45;overflow:hidden;animation:pop .16s}
.nph{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}
.npl{max-height:min(420px,70vh);overflow:auto}
.npl a{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.5;color:var(--ink2)}
.npl a:hover{background:var(--panel2)} .npl a small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}
.npl a.unread{color:var(--ink)} .ndot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex:none;background:transparent}
.npl a.unread .ndot{background:var(--gold)}
.nempty{padding:24px 14px;margin:0;text-align:center;color:var(--muted);font-size:13px}
.card>.ch .h3{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink2);font-weight:800;display:flex;align-items:center;gap:9px}
.card>.ch .h3 svg{width:16px;color:var(--gold)}
.cdesc{margin:0 0 14px;color:var(--ink2);font-size:13px;line-height:1.6}
.stack{display:flex;flex-direction:column;gap:14px}
.stack .btn{align-self:flex-start}
.acc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;align-items:start;max-width:1100px}
.ract{display:inline-flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.perms{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0;display:flex;flex-direction:column;gap:10px}
.perms legend{font-size:12px;font-weight:700;color:var(--ink2);padding:0 6px}
.seller-card{max-width:760px}
.seller-card .cb{padding:26px}
.lead2{font-size:15px;line-height:1.7;color:var(--ink2);margin:0 0 18px;max-width:62ch}
.ticks{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:10px}
.ticks li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--ink2)} .ticks svg{width:18px;color:var(--gold);flex:none}

/* registration requests center */
.rq-set{margin-bottom:18px}
.rq-toggles{display:flex;flex-wrap:wrap;gap:12px 28px}
.tabs .cnt{display:inline-block;min-width:20px;padding:1px 6px;margin-inline-start:6px;border-radius:999px;background:var(--panel3);color:var(--ink2);font-size:11px}
.tabs button.on .cnt{background:var(--gold-soft);color:var(--gold)}
.rq-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;margin-top:16px}
.rq{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px}
.rq-h{display:flex;align-items:center;gap:10px}
.rq-who{flex:1;min-width:0;display:flex;flex-direction:column}
.rq-who b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .rq-who span{color:var(--muted);font-size:12px}
.rq-meta{margin:0;display:flex;flex-direction:column;gap:6px}
.rq-meta div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:8px;font-size:13px}
.rq-meta dt{color:var(--muted);font-weight:600} .rq-meta dd{margin:0;overflow-wrap:anywhere}
.vb{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--warn);margin-inline-start:4px}
.vb.ok{color:var(--good)} .vb svg{width:12px}
.rq-note{margin:0;background:var(--panel2);border-inline-start:3px solid var(--line2);border-radius:8px;padding:9px 12px;font-size:13px;color:var(--ink2);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.rq-note span{display:block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:2px} .rq-note p{margin:0}
.rq-set .ch{flex-wrap:wrap} .rq-set .pill{white-space:normal;line-height:1.4}
.side .side-lang{display:none;margin:0 14px 12px}
.side-lang button{flex:1}
.rq-note.bad{border-inline-start-color:var(--bad)}
.rq-f{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px;margin-top:auto}
.rq-f{justify-content:flex-end} .rq-f .sub{color:var(--muted);font-size:12px;flex:1 1 100%} .rq-f .sp{display:none}

/* RTL for the existing shell (physical properties in the legacy rules) */
[dir=rtl] .side{border-right:0;border-left:1px solid var(--line)}
[dir=rtl] .side .search input{padding-left:12px;padding-right:34px}
[dir=rtl] .side .search svg{left:auto;right:11px}
[dir=rtl] .nav a.on{background:linear-gradient(270deg,var(--gold-soft),transparent)}
[dir=rtl] .nav a.on::before{left:auto;right:-12px;border-radius:3px 0 0 3px}
[dir=rtl] .nav .badge{margin-left:0;margin-right:auto}
[dir=rtl] select{background-position:left 11px center;padding-right:12px;padding-left:30px}
[dir=rtl] main[dir=ltr] select{background-position:right 11px center;padding-left:12px;padding-right:30px}
[dir=rtl] .tb-btn kbd{display:none}
@media (max-width:860px){
  [dir=rtl] .side{left:auto;right:0;transform:translateX(100%)}
  [dir=rtl] .side.open{transform:none}
  .side .side-lang{display:flex}
  .rq-list{grid-template-columns:minmax(0,1fr)}
}

/* ---------- Owner Overview (Mastermind) ---------- */
.ow-head{align-items:center}
.ow-hact{display:flex;gap:8px;flex-wrap:wrap}
.ow-alerts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-bottom:18px}
.oa{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;border:1px solid var(--line);background:var(--panel);min-width:0}
a.oa:hover{border-color:var(--line2)}
.oa-ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center}
.oa-ic svg{width:17px;height:17px}
.oa.warn{border-color:rgba(255,182,72,.35)} .oa.warn .oa-ic{background:var(--warn-soft);color:var(--warn)}
.oa.bad{border-color:rgba(255,90,118,.35)} .oa.bad .oa-ic{background:var(--bad-soft);color:var(--bad)}
.oa.info .oa-ic{background:var(--info-soft);color:var(--info)}
.oa-t{display:flex;flex-direction:column;min-width:0;gap:2px}
.oa-t b{font-size:13.5px} .oa-t small{color:var(--muted);font-size:12px;line-height:1.45}
.oa-go{margin-inline-start:auto;font-size:12px;font-weight:700;color:var(--gold);flex:none}
.ow-ok{margin-bottom:18px}
.ow-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
a.kpi.ow-k{display:block;color:inherit}
.ow-k .l{text-transform:none;letter-spacing:0;font-size:12.5px}
.ow-g2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;margin-bottom:18px}
.ws-list{display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:220px}
.ws-r{display:grid;grid-template-columns:110px minmax(0,1fr) 44px;gap:12px;align-items:center}
.ws-l{font-size:13px;font-weight:600;color:var(--ink2)}
.ws-b{height:10px;border-radius:6px;background:var(--panel3);overflow:hidden}
.ws-b i{display:block;height:100%;border-radius:6px}
.ws-b i.violet{background:var(--violet)} .ws-b i.gold{background:var(--gold)} .ws-b i.info{background:var(--info)} .ws-b i.good{background:var(--good)}
.ws-r b{text-align:end;font-size:15px}
.ow-biz{margin-bottom:18px}
.ow-bk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}
.ow-bk>div{padding:12px 14px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);min-width:0}
.ow-bk dt{font-size:12px;color:var(--muted);font-weight:600}
.ow-bk dd{margin:4px 0 0;font-size:20px;font-weight:800;letter-spacing:-.02em}
.ow-bs{display:block;margin-top:2px;font-size:12px}
.ow-bs .dl.up{color:var(--good)} .ow-bs .dl.down{color:var(--bad)}
.ow-empty{margin:16px 0 0}
.ow-sys{margin:0;display:flex;flex-direction:column}
.ow-sys>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.ow-sys>div:first-child{border-top:0;padding-top:0}
.ow-sys dt{font-size:13px;color:var(--ink2)} .ow-sys dd{margin:0;font-size:13px;font-weight:700}
.ow-log ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ow-log li{display:flex;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}
.ow-log li:first-child{border-top:0;padding-top:0}
.ow-log li>span:last-child{display:flex;flex-direction:column;min-width:0}
.ow-log b{font-size:13px;font-weight:600} .ow-log small{font-size:11.5px;color:var(--muted)}
@media (max-width:1200px){.ow-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.ow-g2{grid-template-columns:minmax(0,1fr)}.ow-bk{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ow-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-r{grid-template-columns:90px minmax(0,1fr) 36px}}

/* ---------- Notification Center ---------- */
.nc{margin-top:14px}
.nc-l{display:flex;flex-direction:column}
.nc-i{display:flex;align-items:center;gap:14px;padding:14px 18px;border-top:1px solid var(--line);color:inherit}
.nc-i:first-child{border-top:0}
.nc-i:hover{background:var(--panel2)}
.nc-i .ic{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center} .nc-i .ic svg{width:17px;height:17px}
.nc-t{flex:1;display:flex;flex-direction:column;min-width:0;gap:2px}
.nc-t b{font-size:14px;font-weight:600} .nc-t small{font-size:12px;color:var(--muted)}
.nc-t em{font-style:normal;color:var(--gold);font-weight:700}
.nc-i.unread{background:linear-gradient(90deg,var(--gold-soft),transparent 60%)}
[dir=rtl] .nc-i.unread{background:linear-gradient(-90deg,var(--gold-soft),transparent 60%)}
.nc-i.unread .nc-t b{font-weight:800}
.nc-more{padding:14px;display:flex;justify-content:center;border-top:1px solid var(--line)}
.npf{display:block;text-align:center;padding:11px;border-top:1px solid var(--line);color:var(--gold);font-weight:700;font-size:13px}
.npf:hover{background:var(--panel2)}

/* ---------- Users center, profiles, audit ---------- */
.us-f{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}
.us-q{position:relative;flex:1 1 260px;max-width:420px}
.us-q svg{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);width:16px;color:var(--muted);pointer-events:none}
.us-q input{width:100%;padding-inline-start:38px}
.us-t tbody tr{cursor:pointer} .us-t tbody tr:hover{background:var(--panel2)}
.us-t tbody tr:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.us-who{display:flex;align-items:center;gap:10px;min-width:0}
.us-who>span:last-child{display:flex;flex-direction:column;min-width:0}
.us-who small{color:var(--muted);font-size:11.5px}
.back{display:inline-block;color:var(--muted);font-size:13px;font-weight:600;margin-bottom:12px}
.back:hover{color:var(--gold)}
.up-h{margin-bottom:18px}
.up-h .cb{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.av.lg{width:56px;height:56px;border-radius:16px;font-size:19px}
.up-id{min-width:0;flex:1 1 240px}
.up-id h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.03em}
.up-id p{margin:6px 0 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px}
.up-act{display:flex;gap:8px;flex-wrap:wrap}
.ow-sys .up-perms{flex-direction:column;align-items:flex-start}
.up-perms dd{display:flex;flex-wrap:wrap;gap:6px}
.up-insp{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 0}
.au-code{display:block;color:var(--muted);font-size:11px;margin-top:2px;font-family:ui-monospace,Menlo,monospace}
.g2.mg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin-bottom:12px}
@media (max-width:640px){.g2.mg{grid-template-columns:minmax(0,1fr)}.up-act{width:100%}}

/* ---------- Permission picker ---------- */
.pp{max-height:52vh;overflow:auto}
.pp-pre{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px;position:sticky;top:0;background:var(--card,var(--bg));padding:4px 0;z-index:1}
.pp-pre>span{font-size:12px;color:var(--mut,#8a8f98);margin-inline-end:4px}
.pp-pre b{margin-inline-start:auto;font-weight:500;font-size:12px}
.pp-mod{padding:10px 0;border-top:1px solid var(--line,rgba(255,255,255,.08))}
.pp-mod h5{margin:0 0 6px;font-size:13px;font-weight:600}
.pp-mod h5 small{opacity:.5;font-weight:400}
.pp-acts{display:flex;flex-wrap:wrap;gap:4px 16px}

/* ---------- Seller workspace ---------- */
.sl-k{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.sl-k .kpi{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--line,rgba(255,255,255,.08));border-radius:12px;background:var(--card,transparent);color:inherit;text-decoration:none}
.sl-k .kpi .ic{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(245,166,35,.12);color:var(--brand,#f5a623);flex:none}
.sl-k .kpi small{display:block;opacity:.7;font-size:12px}.sl-k .kpi b{font-size:20px;font-variant-numeric:tabular-nums}
.sl-st{display:grid;gap:10px}.sl-st>div{display:flex;justify-content:space-between;align-items:center}
.sl-pg{display:flex;gap:8px;align-items:center;justify-content:flex-end;padding:10px 14px}
.sl-li{display:grid;grid-template-columns:2fr 2fr 70px 110px;gap:8px;margin-bottom:8px}
.sl-d table{width:100%;margin:12px 0}.sl-d tfoot th{padding-top:8px}
@media(max-width:640px){.sl-li{grid-template-columns:1fr 1fr}.sl-li select,.sl-li input[data-n]{grid-column:1/-1}}

/* ---------- Ads & affiliate ---------- */
.bw-k{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px 18px;margin-bottom:14px}
.bw-k small{display:block;opacity:.65;font-size:12px}.bw-k b{font-size:18px;font-variant-numeric:tabular-nums}
.bw-ch{width:100%;height:auto;max-height:140px}
.bw-lg{display:flex;gap:16px;font-size:12px;opacity:.8;margin-top:4px}.bw-lg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:6px}

/* ---------- Finance ---------- */
.fx-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end}
@media(max-width:700px){.fx-f{grid-template-columns:1fr 1fr}.fx-f .btn{grid-column:1/-1}}
.fin-grid{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:16px}
@media(max-width:800px){.fin-grid{grid-template-columns:1fr}}
.fin-profit b{display:block;font-size:34px;font-variant-numeric:tabular-nums;margin-top:6px}.fin-profit small{opacity:.7}
.fin-profit b.good{color:var(--good,#34d399)}.fin-profit b.bad{color:var(--bad,#f87171)}
.fin-warn{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin-bottom:16px;border:1px solid rgba(245,166,35,.4);background:rgba(245,166,35,.08);border-radius:12px;font-size:14px}
.fin-warn svg{flex:none;margin-top:2px}.bw-k b.warn{color:var(--brand,#f5a623)}.bw-k b.good{color:var(--good,#34d399)}

/* ---------- B2B partners ---------- */
.pt{margin-bottom:16px}.pt-pills{display:flex;gap:6px;flex-wrap:wrap}.pt-act{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.pt-chips{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.pt-chips .x{background:none;border:0;color:inherit;cursor:pointer;opacity:.7;padding:0 2px}
.pt-grant{display:flex;gap:8px;max-width:380px}.pt-grant input{flex:1}
.pt-tabs{display:flex;gap:8px;flex-wrap:wrap}.pt-tabs .tw{flex-basis:100%}
.pt-ord{margin-top:16px;padding-top:12px;border-top:1px solid var(--line,rgba(255,255,255,.1))}.pt-ord h4{margin:0 0 6px}
.bad{color:var(--bad,#f87171)}.good{color:var(--good,#34d399)}

[hidden]{display:none!important}

.logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 24px);margin:8px 12px 12px;padding:10px 12px;border:1px solid var(--line,#3a3a3a);border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-weight:600;cursor:pointer} .logout-btn:hover{background:var(--panel3);border-color:var(--gold,#d4af37)} .logout-btn svg{width:18px;height:18px} .shell.mini .logout-btn span{display:none} .shell.mini .logout-btn{width:auto;margin:8px auto}

/* Daily Spend + CPL cards */
.cpl-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}
.cpl-c{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:12px;background:var(--card,transparent);text-decoration:none;color:inherit}
.cpl-c small{font-size:12px;opacity:.7;letter-spacing:.02em}
.cpl-c b{font-size:24px;font-variant-numeric:tabular-nums}
.cpl-c:hover{border-color:var(--gold,#c9a24a)}
@media(max-width:900px){.cpl-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sp-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:12px}
.sp-mk{display:flex;gap:8px}
.sp-t td,.sp-t th{padding:6px 8px}.sp-t tfoot td{font-weight:600;border-top:1px solid var(--line,rgba(255,255,255,.12))}
.sp-i{width:100%;min-width:70px}.sp-i.r{text-align:end}
.sp-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.sp-h{cursor:pointer}
.fin-sides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.fin-sides .cb{display:flex;flex-direction:column;gap:6px}.fin-sides small{opacity:.7}.fin-sides b{font-size:22px;font-variant-numeric:tabular-nums}
@media(max-width:800px){.fin-sides{grid-template-columns:1fr}}
.ow-tabs{margin:14px 0 16px}.ow-panel>*+*{margin-top:16px}

/* Winning Product */
.wn-strip{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:inherit}
.wn-strip svg{width:18px;height:18px;color:var(--gold)}.wn-strip:hover{border-color:var(--gold)}
.wn-bar{display:block;height:6px;border-radius:3px;background:var(--line2);overflow:hidden;min-width:90px;margin-inline-start:auto}.wn-bar i{display:block;height:100%;background:var(--gold)}
.wn-bar.big{height:10px;margin:14px 0 10px;width:100%}
.wn-count{margin:0;font-size:15px}
.wn-lock .cb{text-align:center;padding:36px 20px}.wn-ic{width:46px;height:46px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;margin:0 auto 14px;color:var(--gold)}.wn-ic svg{width:22px;height:22px}
.wn-lock h2{margin:0 0 8px}
.wn-pay{margin:12px 0}.wn-pay div{display:flex;gap:12px;padding:8px 0;border-top:1px solid var(--line)}.wn-pay dt{font-weight:700;min-width:130px}.wn-pay dd{margin:0;word-break:break-word}
.wn-how{padding-inline-start:20px;color:var(--ink2);line-height:1.7}.wn-act{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}
.wn-list{list-style:none;margin:0;padding:0}.wn-list li{padding:14px 20px;border-top:1px solid var(--line)}.wn-list li:first-child{border-top:0}.wn-list li>div{display:flex;gap:10px;align-items:center}.wn-list p{margin:6px 0 0;color:var(--ink2);line-height:1.6;white-space:pre-line}
.wn-day+.wn-day{margin-top:16px}
.wn-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wn-form .hint,.wn-form .btn{grid-column:1/-1}.wn-form .btn{justify-self:start}
@media(max-width:700px){.wn-form{grid-template-columns:1fr}}
.wn-lock+.g2{margin-top:16px}
.pw-gen{display:flex;gap:8px}.pw-gen input{flex:1;min-width:0}
.adm-cred{background:var(--panel3);border:1px solid var(--line);border-radius:8px;padding:12px 14px;white-space:pre-wrap;word-break:break-all;user-select:all;margin:12px 0}
.pimg{width:36px;height:36px;object-fit:cover;border-radius:8px;vertical-align:middle;margin-inline-end:6px;border:1px solid var(--line,#e5e7eb);background:#fff}
.pimg.lg{width:96px;height:96px;border-radius:12px;margin:0}
.pimg-row{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.pimg-f .chk{display:inline-flex;gap:6px;align-items:center;margin:6px 8px 6px 0}

/* ---------- Seller home v2 ---------- */
.sh-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.sh-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:800;margin-bottom:6px}
.sh-hero h1{margin:0;font-size:30px;letter-spacing:-.03em;font-weight:800}
.sh-hero p{margin:6px 0 0;color:var(--muted);font-size:13.5px}
.sh-ctl{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.sh-dates{display:flex;gap:6px;align-items:center}.sh-dates input{width:142px;padding:7px 10px}
#slh>*+*{margin-top:16px}
.sh-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.sh-k{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px;min-width:0}
.sh-kh{display:flex;align-items:center;gap:10px;color:var(--ink2);font-size:12.5px;font-weight:700}
.sh-kh .ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold)}.sh-kh .ic svg{width:17px;height:17px}
.sh-k>b{font-size:30px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}
.sh-k>b .sub{font-size:20px}
.sh-ks{display:flex;gap:8px;align-items:center;font-size:12px;flex-wrap:wrap}
.sh-d{font-weight:800;font-size:11.5px;padding:2px 7px;border-radius:999px}
.sh-d.up{background:var(--good-soft);color:var(--good)}.sh-d.down{background:var(--bad-soft);color:var(--bad)}.sh-d.flat{background:var(--panel3);color:var(--muted)}
.sh-g2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;margin-top:16px}
.sh-svg{width:100%;height:auto;display:block}.sh-g{stroke:var(--line);stroke-width:1}.sh-t{fill:var(--muted);font-size:10px}
.sh-b{fill:var(--gold);opacity:.9}.sh-l{fill:none;stroke:var(--violet);stroke-width:2.2;stroke-linejoin:round}
.sh-lg{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted)}.sh-lg i{width:10px;height:10px;border-radius:3px;display:inline-block}.sh-lg i.b{background:var(--gold)}.sh-lg i.l{background:var(--violet)}
.sh-empty{padding:30px 0;text-align:center}
.sh-rates{display:flex;flex-direction:column;gap:16px}.sh-rh{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px;font-weight:600;color:var(--ink2)}.sh-rh b{color:var(--ink)}
.sh-bar{height:8px;border-radius:6px;background:var(--panel3);overflow:hidden}.sh-bar i{display:block;height:100%;border-radius:6px;background:var(--good)}.sh-bar i.bad{background:var(--bad)}.sh-bar.sm{height:5px}
.sh-rev{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:4px}.sh-rev small{color:var(--muted)}.sh-rev b{font-size:18px}
.sh-st{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.sh-s{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:inherit}
.sh-s:hover{border-color:var(--line2)}.sh-s>b{font-size:24px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.sh-s .sh-bar i{background:var(--gold)}
.sh-q{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sh-q .btn{justify-content:flex-start}.sh-q .ic svg{width:16px;height:16px}
.sh-ob .sh-obh{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 18px 0;gap:12px}.sh-ob h3{margin:0 0 4px;font-size:16px}.sh-ob p{margin:0}.sh-ob .sh-obh b{font-size:18px;color:var(--gold)}
.sh-ob .sh-bar{margin:14px 18px}
.sh-steps{list-style:none;margin:0;padding:0 18px 12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.sh-steps li{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.sh-steps li div{flex:1;min-width:0}.sh-steps li b{display:block;font-size:13px}.sh-steps li small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px;line-height:1.4}
.sh-n{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--panel3);color:var(--ink2)}
.sh-steps li.ok{opacity:.65}.sh-steps li.ok .sh-n{background:var(--good);color:#fff}
@media(max-width:1100px){.sh-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sh-st{grid-template-columns:repeat(4,minmax(0,1fr))}.sh-g2{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.sh-hero h1{font-size:24px}.sh-k>b{font-size:24px}.sh-st{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sh-steps{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.sh-steps li{flex-wrap:wrap}.sh-steps li div{flex:1 1 calc(100% - 40px)}.sh-steps li .btn{margin-inline-start:36px}
.wn-hero{display:flex;align-items:center;gap:18px;padding:18px 20px;border:1px solid rgba(246,196,83,.35);border-radius:var(--radius);background:linear-gradient(100deg,var(--gold-soft),transparent 70%),var(--panel);color:inherit;box-shadow:var(--shadow);flex-wrap:wrap}
.wn-hero:hover{border-color:var(--gold)}.wn-hero.open{background:linear-gradient(100deg,rgba(246,196,83,.22),transparent 75%),var(--panel)}
.wn-hic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--grad);color:#1b1205;flex:none}.wn-hic svg{width:24px;height:24px}
.wn-ht{flex:1;min-width:220px;display:flex;flex-direction:column;gap:4px}.wn-ht>b{font-size:17px;letter-spacing:-.01em}.wn-ht>span{color:var(--ink2);font-size:13px}
.wn-hp{display:flex;align-items:center;gap:10px;margin-top:6px}.wn-hp .sh-bar{flex:1;max-width:340px}.wn-hp .sh-bar i{background:var(--gold)}.wn-hp small{font-weight:700;color:var(--ink2)}

/* animated chart */
.sh-ch{position:relative}
.sh-b{fill:url(#shbg);opacity:.92;transform-box:view-box;animation:shgrow .7s cubic-bezier(.2,.8,.2,1) both;transition:opacity .15s,filter .15s}
.sh-b.hot{filter:brightness(1.18);opacity:1}
@keyframes shgrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.sh-l{fill:none;stroke:var(--violet);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:shdraw 1.4s .25s cubic-bezier(.4,0,.2,1) forwards}
@keyframes shdraw{to{stroke-dashoffset:0}}
.sh-ar{animation:shfade .9s .9s both}
@keyframes shfade{from{opacity:0}to{opacity:1}}
.sh-ar{fill:url(#shar)}
.sh-hit{fill:transparent;cursor:crosshair}
.sh-x{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3;opacity:0;pointer-events:none;transition:opacity .15s}
.sh-dot{fill:var(--violet);stroke:var(--panel);stroke-width:2;opacity:0;pointer-events:none;transition:opacity .15s}
.sh-t.sp{fill:var(--violet);opacity:.85}
.sh-tip{position:absolute;z-index:3;pointer-events:none;background:var(--panel3);border:1px solid var(--line2);border-radius:12px;padding:10px 12px;box-shadow:0 14px 34px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:4px;font-size:12px;min-width:150px;animation:pop .12s}
.sh-tip>b{font-size:12px;color:var(--gold);margin-bottom:2px}
.sh-tip span{display:flex;align-items:center;gap:6px;color:var(--ink2)}.sh-tip span b{margin-inline-start:auto;color:var(--ink);font-variant-numeric:tabular-nums}
.sh-tip i{width:8px;height:8px;border-radius:2px;display:inline-block}.sh-tip i.b{background:var(--gold)}.sh-tip i.l{background:var(--violet)}
@media (prefers-reduced-motion:reduce){.sh-b,.sh-l,.sh-ar{animation:none}.sh-l{stroke-dashoffset:0}}

/* ---------- Daily Spend: tidy entry table ---------- */
.sp-t{table-layout:fixed;width:100%;border-collapse:separate;border-spacing:0}
.sp-t col.c-n{width:140px}.sp-t col.c-m{width:170px}.sp-t col.c-c{width:110px}.sp-t col.c-x{width:52px}
.sp-t th,.sp-t td{padding:8px 10px;vertical-align:middle}
.sp-t th.r{padding-inline-end:22px}
.sp-t tbody td{border-bottom:1px solid var(--line)}
.sp-t .sp-i{padding:10px 12px;border-radius:10px;background:var(--panel2);font-variant-numeric:tabular-nums}
.sp-t .sp-i.r{text-align:end}
.sp-t td.sp-cpl{padding-inline-end:22px;color:var(--ink2);font-weight:600;font-variant-numeric:tabular-nums}
.sp-t tfoot td{padding:14px 10px;border-top:2px solid var(--line2);font-weight:800;background:var(--panel2)}
.sp-t tfoot td.r{padding-inline-end:22px}
.sp-t tfoot td:first-child{border-radius:0 0 0 12px;padding-inline-start:14px}.sp-t tfoot td:last-child{border-radius:0 0 12px 0}
.sp-t tbody tr:hover td{background:transparent}
.sp-bar{padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:12px}
.sp-act{margin-top:16px}
.sp-hist{table-layout:fixed;width:100%}
.sp-hist th:first-child,.sp-hist td:first-child{width:auto}
.sp-hist th:not(:first-child),.sp-hist td:not(:first-child){width:150px}
.sp-hist th.r,.sp-hist td.r{padding-inline-end:24px}
.sp-hist tbody tr{cursor:pointer}.sp-hist tbody tr:hover td{background:var(--panel2)}
@media(max-width:720px){.sp-t col.c-n{width:90px}.sp-t col.c-m{width:110px}.sp-t col.c-c{width:0}.sp-t th:nth-child(4),.sp-t td:nth-child(4){display:none}.sp-t col.c-x{width:44px}.sp-hist th:not(:first-child),.sp-hist td:not(:first-child){width:96px}}
.sp-cb{position:relative}.sp-cb .sp-i{padding-inline-end:28px}
.sp-car{position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);color:var(--muted);cursor:pointer;font-size:12px}
.sp-dd{position:absolute;z-index:30;inset-inline-start:0;top:calc(100% + 4px);min-width:100%;width:max-content;max-width:360px;max-height:240px;overflow:auto;background:var(--panel3);border:1px solid var(--line2);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.4);padding:4px}
.sp-o{display:flex;gap:10px;align-items:center;width:100%;border:0;background:transparent;padding:9px 10px;border-radius:8px;cursor:pointer;text-align:start;color:var(--ink)}
.sp-o:hover{background:var(--gold-soft)}.sp-o b{font-size:13px}.sp-o span{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-o.off{opacity:.35;cursor:not-allowed}.sp-none{padding:10px;color:var(--muted);font-size:12.5px}
.sp-t td:first-child{overflow:visible}.tw:has(.sp-t){overflow:visible}

/* collapsible sidebar groups */
.nav .sec.nsec{padding:0;margin-top:6px}
.sec-b{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 10px 6px;cursor:pointer;font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700;white-space:nowrap}
.sec-b:hover{color:var(--ink)}.sec-b:focus-visible{outline:2px solid var(--gold);border-radius:8px}
.sec-b svg{transition:transform .18s;flex:none}.sec-b[aria-expanded=false] svg{transform:rotate(-90deg)}
[dir=rtl] .sec-b[aria-expanded=false] svg{transform:rotate(90deg)}
.nav .grp{display:grid;grid-template-rows:1fr;transition:grid-template-rows .2s ease}
.nav .grp.shut{display:none}
.shell.mini .sec-b span{display:none}.shell.mini .sec-b{justify-content:center}

/* lead status cards: one colour per status */
.sh-s{--c:var(--info);border-color:color-mix(in srgb,var(--c) 28%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--c) 11%,transparent),var(--panel2));position:relative;overflow:hidden}
.sh-s::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:var(--c)}
.sh-s:hover{border-color:var(--c)}
.sh-s>b{color:var(--c)}.sh-s .sh-bar i{background:var(--c)}.sh-s .sh-bar{background:color-mix(in srgb,var(--c) 14%,var(--panel3))}
.sh-s.s-new{--c:#4cc3ff}.sh-s.s-confirming{--c:#a78bfa}.sh-s.s-confirmed{--c:#2dd4bf}.sh-s.s-shipped{--c:#ffb648}.sh-s.s-delivered{--c:#2fd08a}.sh-s.s-returned{--c:#ff8a4c}.sh-s.s-canceled{--c:#ff5a76}
.pill.violet{background:var(--violet-soft);color:var(--violet)}
.sh-tf{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
#shtb{max-height:520px;overflow:auto}#shtb tfoot td{font-weight:800;background:var(--panel2);border-top:2px solid var(--line2);position:sticky;bottom:0}#shtb thead th{position:sticky;top:0;z-index:1}

.sp-hist th:last-child,.sp-hist td.sp-ac{width:96px;text-align:end;white-space:nowrap;padding-inline-end:12px}
.sp-ib{background:none;border:1px solid transparent;border-radius:8px;padding:6px;cursor:pointer;color:var(--muted,#64748b);line-height:0}
.sp-ib svg{width:16px;height:16px}.sp-ib:hover{background:var(--panel2);color:var(--brand,#4f46e5);border-color:var(--line,#e2e8f0)}.sp-ib.del:hover{color:#dc2626}
@media(max-width:720px){.sp-hist th:last-child,.sp-hist td.sp-ac{width:76px}}
.sp-hist td.sp-ac{display:table-cell}.sp-hist td.sp-ac .sp-ib{display:inline-block;vertical-align:middle;margin-inline-start:2px}
.sp-hist th.r:last-child,.sp-hist td.sp-ac{width:104px!important;padding-inline-end:14px!important;padding-inline-start:0}

.sp-rg{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-inline-start:auto}.sp-rg[hidden],.sp-rc[hidden]{display:none}
.sp-rs,.sp-rc input{height:34px;border-radius:10px;border:1px solid var(--line,#e2e8f0);background:var(--panel2);color:inherit;padding:0 10px;font:inherit;font-size:13px}
.sp-rc{display:inline-flex;align-items:center;gap:6px}.sp-rc i{font-style:normal;opacity:.5}
.ch:has(.sp-rg){display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sp-rg .sp-rs{width:auto!important;min-width:170px;flex:0 0 auto}.sp-rg{justify-content:flex-end}

.wn-lock2 .cb{text-align:center;padding:40px 24px;background:radial-gradient(520px 220px at 50% 0,rgba(246,196,83,.16),transparent 70%)}
.wn-ic2{width:64px;height:64px;margin:0 auto 14px;border-radius:20px;display:grid;place-items:center;background:var(--grad);color:#1b1205;box-shadow:0 10px 40px rgba(246,196,83,.35)}.wn-ic2 svg{width:30px;height:30px}
.wn-lock2 h2{margin:0 0 6px;font-size:26px;letter-spacing:-.02em}.wn-lock2 .sub{max-width:460px;margin:0 auto}
.wn-tz{position:relative;max-width:520px;margin:22px auto;display:flex;flex-direction:column;gap:8px}
.wn-tz .r{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);filter:blur(3.5px);opacity:.75}
.wn-tz .r i{width:38px;height:38px;border-radius:10px;background:var(--line2);flex:none}.wn-tz .r span{flex:1;display:flex;flex-direction:column;gap:7px;text-align:start}.wn-tz .r u{display:block;height:8px;border-radius:4px;background:var(--line2)}.wn-tz .r em{font-style:normal;font-weight:700}
.wn-tl{position:absolute;inset:0;display:grid;place-items:center;color:var(--gold)}.wn-tl svg{width:34px;height:34px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.5))}
.wn-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:6px 0 10px}.wn-cta .btn{min-width:210px;justify-content:center;padding:12px 20px;font-size:15px}.wn-cta svg{width:17px;height:17px}
.wn-m{text-align:center}.wn-m h4{margin:14px 0 4px;font-size:18px}.wn-m .wn-pay,.wn-m .wn-how{text-align:start}.wn-m .wn-act{justify-content:center}
.wn-ring{--p:0;width:132px;height:132px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) calc(var(--p)*1%),var(--line2) 0)}
.wn-ring>div{width:104px;height:104px;border-radius:50%;background:var(--panel,#10151f);display:flex;flex-direction:column;align-items:center;justify-content:center}.wn-ring b{font-size:30px;line-height:1}.wn-ring small{opacity:.6}
.wn-st{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 12px}.wn-st>div{padding:10px 6px;border:1px solid var(--line);border-radius:12px}.wn-st b{display:block;font-size:20px}.wn-st small{font-size:11px;opacity:.65}
.wn-sw{width:100%;justify-content:center;margin-top:14px}

.sl-lt .sl-ad{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.cn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:1000px){.cn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.cn-grid{grid-template-columns:1fr}}
.cn-c{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow);transition:border-color .15s,transform .15s}.cn-c:hover{border-color:var(--gold);transform:translateY(-1px)}.cn-c.on{border-color:rgba(46,204,113,.45)}
.cn-h{display:flex;align-items:center;gap:12px}.cn-h b{display:block;font-size:16px}.cn-h small{opacity:.65}
.cn-b{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:19px;flex:none;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.cn-s{margin:0;min-height:24px}.cn-c .btn{justify-content:center;width:100%}
.cn-cp{display:flex;gap:8px;margin:8px 0 14px;align-items:flex-start}.cn-cp input,.cn-cp textarea{flex:1;min-width:0;font-family:ui-monospace,Menlo,monospace;font-size:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:inherit;padding:9px 10px;resize:vertical}
.cn-w{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px dashed var(--line);border-radius:12px;margin:10px 0;font-size:14px}.cn-w.ok{border-style:solid;border-color:rgba(46,204,113,.5);background:rgba(46,204,113,.1);color:#2ecc71}.cn-w.ok svg{width:18px;height:18px}
.cn-dot{width:10px;height:10px;border-radius:50%;background:var(--gold);animation:cnp 1.2s infinite}@keyframes cnp{50%{opacity:.25}}
.cn-ex{margin-bottom:6px}.cn-r{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.cn-add{margin:16px 0 4px}

.cn-addb{width:100%;justify-content:center;margin-top:12px}
#cns svg,.cn-wz svg,.cn-addb svg{width:16px;height:16px;vertical-align:-3px}#cns a{white-space:nowrap}

.cn-b{position:relative;overflow:hidden}.cn-b svg{width:22px;height:22px}.cn-lg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:4px;border-radius:inherit}

/* Sourcing */
.so-row{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;padding:10px;border:1px solid var(--line,#e5e7eb);border-radius:10px}
.so-row .iconbtn{flex:0 0 auto}
.so-info{display:flex;gap:22px;flex-wrap:wrap}
.so-info>div{display:flex;flex-direction:column;gap:3px;min-width:110px}
.so-steps{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.so-step{flex:1 1 90px;text-align:center;padding:7px 8px;border-radius:999px;font-size:12px;font-weight:600;background:rgba(127,127,127,.14);color:inherit;opacity:.65}
.so-step.on{opacity:1;background:var(--brand,#6d5dfc);color:#fff}
.so-step.bad.on{background:#dc2626}
.so-tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.so-tl li{display:flex;justify-content:space-between;gap:12px;padding-inline-start:12px;border-inline-start:3px solid var(--brand,#6d5dfc)}
tr.clk{cursor:pointer}
.so-opt{display:block;width:100%;text-align:start;padding:14px 16px;border-radius:12px;border:1px solid rgba(127,127,127,.35);background:transparent;color:inherit;font:inherit;cursor:pointer;transition:border-color .15s,background .15s}
.so-opt:hover,.so-opt:focus-visible{border-color:var(--brand,#6d5dfc);background:rgba(127,127,127,.1);outline:none}
.so-opt b{display:block;font-size:15px;margin-bottom:3px}
.so-opt .sub{font-size:13px}
.so-bar{height:5px;border-radius:99px;background:rgba(127,127,127,.2);margin-top:5px;min-width:70px;overflow:hidden}
.so-bar span{display:block;height:100%;background:var(--brand,#6d5dfc);border-radius:99px}
.wn-why{margin-bottom:16px}
.wn-why h3{margin:0 0 10px}
.wn-why .wn-how{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:0;margin:0;list-style:none;counter-reset:w}
.wn-why .wn-how li{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid rgba(127,127,127,.25);border-radius:12px;counter-increment:w}
.wn-why .wn-how li::before{content:counter(w);width:24px;height:24px;border-radius:50%;background:var(--brand,#6d5dfc);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;margin-bottom:4px}
.wn-warn{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px;padding:18px 20px;border-radius:14px;border:2px solid #ef4444;background:rgba(239,68,68,.12)}
.wn-warn-ic{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:#ef4444;color:#fff;font-size:24px;font-weight:800;display:grid;place-items:center}
.wn-warn h3{margin:0 0 8px;color:#ef4444;font-size:18px;text-transform:uppercase;letter-spacing:.03em}
.wn-warn p{margin:0 0 6px;font-size:15px;line-height:1.55}
.wn-warn p:last-child{margin-bottom:0}
.sh-skg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.sh-sk{padding:10px 12px;border:1px solid rgba(127,127,127,.25);border-radius:12px;display:flex;flex-direction:column;gap:2px}
.sh-sk b{font-size:22px}
.sh-sk small{opacity:.7}
.sh-skp{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.sh-skl{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}
.sh-skl li{display:flex;gap:10px;align-items:center}
.sh-skl li>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-list{max-width:760px}
.acc-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid rgba(127,127,127,.18)}
.acc-row:last-child{border-bottom:0}
.acc-ic{flex:0 0 auto;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(127,127,127,.14)}
.acc-ic svg{width:18px;height:18px}
.acc-tx{flex:1;min-width:0}
.acc-tx .sub{overflow-wrap:anywhere}
@media(max-width:560px){.acc-row{flex-wrap:wrap}}
#rfsh.spin svg{animation:rfspin .7s linear 1}
@keyframes rfspin{to{transform:rotate(360deg)}}
:root[data-theme=light] .crumbs,:root[data-theme=light] .sh-eyebrow,:root[data-theme=light] .sh-obh>b{color:#a8680f}
.sh-s{padding:12px}
.sh-s>div:first-child{min-height:26px;display:flex;align-items:flex-start}
.sh-s .pill{max-width:100%;font-size:11px;padding:4px 8px;white-space:normal;line-height:1.2;text-align:start}
.sh-s .pill{white-space:nowrap;font-size:10.5px;padding:4px 7px;overflow:hidden;text-overflow:ellipsis}
.sh-s .pill .dot{display:none}
.sh-s>div:first-child{min-height:0}
.sh-s{padding:12px 10px}
.sh-s .pill{padding:4px 6px}
.sp-t .sp-i[readonly]{opacity:.8;cursor:default;background:transparent;border-style:dashed}
/* Owner Mastermind */
.ow-qg{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.ow-q{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ic n" "l l" "s s";gap:2px 10px;align-items:center;padding:14px;border-radius:14px;border:1px solid var(--line,rgba(128,140,170,.25));background:var(--panel2,transparent);text-decoration:none;color:inherit;transition:transform .12s,border-color .12s}
.ow-q:hover{transform:translateY(-1px);border-color:var(--brand,#f6c453)}
.ow-q .oq-ic{grid-area:ic;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(128,140,170,.15)}
.ow-q .oq-n{grid-area:n;font-size:28px;font-weight:800;text-align:end;opacity:.55}
.ow-q .oq-l{grid-area:l;font-weight:700;margin-top:6px}.ow-q small{grid-area:s;color:var(--muted,#8b95aa);min-height:1.2em}
.ow-q.on{border-color:#f59e0b;background:rgba(245,158,11,.1)}.ow-q.on .oq-n{opacity:1;color:#f59e0b}.ow-q.on .oq-ic{background:#f59e0b;color:#1b1405}
.ow-rev{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin:14px 0}.ow-rev b{font-size:18px}
.ow-pipe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ow-pp{padding:12px;border-radius:12px;background:var(--panel2,rgba(128,140,170,.1));text-align:center}.ow-pp b{display:block;font-size:24px}.ow-pp small{color:var(--muted,#8b95aa)}
.ow-pp.hot{outline:2px solid #f59e0b}
.ow-need{margin-bottom:16px}
.ow-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}@media(max-width:900px){.ow-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.ow-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.ow-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600;text-decoration:none;color:inherit;border:1px solid var(--line,rgba(128,140,170,.3));background:var(--panel2,transparent)}
.ow-chip svg{width:15px;height:15px}.ow-chip.warn{border-color:#f59e0b;color:#f59e0b}.ow-chip.bad{border-color:#ef4444;color:#ef4444}.ow-chip.info{opacity:.8}
/* Announcements popup (red alert) */
.anp-ov{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:20px;background:rgba(5,8,16,.62);backdrop-filter:blur(2px)}
.anp{position:relative;width:min(560px,100%);border-radius:18px;border:2px solid #ef4444;background:linear-gradient(0deg,rgba(239,68,68,.14),rgba(239,68,68,.14)),var(--panel,#fff);box-shadow:0 24px 70px rgba(239,68,68,.28);padding:24px 26px 20px;animation:anpin .22s ease-out}
@keyframes anpin{from{transform:translateY(10px) scale(.98);opacity:0}to{transform:none;opacity:1}}
.anp-h{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-inline-end:34px}
.anp-ic{flex:none;width:38px;height:38px;border-radius:50%;background:#ef4444;color:#fff;font-size:24px;font-weight:800;display:grid;place-items:center}
.anp h3{margin:0;color:#ef4444;font-size:18px;text-transform:uppercase;letter-spacing:.03em}
.anp-x{position:absolute;top:12px;inset-inline-end:12px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(239,68,68,.5);background:transparent;color:var(--ink);cursor:pointer;font-size:15px}
.anp-x:hover{background:#ef4444;color:#fff}
.anp-b{white-space:pre-wrap;font-size:16px;line-height:1.55;min-height:64px;max-height:50vh;overflow:auto;color:var(--ink)}
.anp-f{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}
.anp-ar{width:44px;height:44px;border-radius:50%;border:2px solid #ef4444;background:transparent;color:#ef4444;font-size:26px;line-height:1;cursor:pointer}
.anp-ar:hover{background:#ef4444;color:#fff}
.anp-n{display:flex;align-items:center;gap:6px}.anp-n i{width:8px;height:8px;border-radius:50%;background:rgba(239,68,68,.3)}.anp-n i.on{background:#ef4444}.anp-n span{margin-inline-start:8px;font-size:13px;font-weight:700;color:#ef4444}
.ann-list{display:flex;flex-direction:column}.ann-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--line,rgba(128,140,170,.2))}
.ann-row.off .ann-t{opacity:.55}.ann-t{white-space:pre-wrap;flex:1;min-width:0}.ann-a{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
textarea{font:inherit}
/* Owner catalogue: seller tools */
.oc-find input[type=search],.oc-bar input[type=search]{width:100%;margin-bottom:12px}
.oc-fl{display:flex;flex-direction:column;max-height:340px;overflow:auto}.oc-req .oc-fl{max-height:none;padding:0 4px}
.oc-s{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px 4px;border-top:1px solid var(--line,rgba(128,140,170,.2))}.oc-s:first-child{border-top:0}
.oc-sa{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.oc-ct{font-size:13px;color:var(--muted,#8b95aa);margin-top:2px;word-break:break-all}
.oc-who{margin-bottom:10px}.oc-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.oc-bar input[type=search]{flex:1 1 220px;margin:0}
.oc-list{max-height:44vh;overflow:auto;display:flex;flex-direction:column;border:1px solid var(--line,rgba(128,140,170,.25));border-radius:12px}
.oc-p{display:flex;gap:10px;align-items:center;padding:10px 12px;border-top:1px solid var(--line,rgba(128,140,170,.15));cursor:pointer}.oc-p:first-child{border-top:0}.oc-pn{flex:1;min-width:0}
.oc-req{border-color:#f59e0b}
.oc-p{display:flex!important;flex-direction:row!important;align-items:center;gap:12px}.oc-p input[type=checkbox]{width:18px!important;height:18px;flex:none;margin:0}
.oc-pn{flex:1 1 auto;min-width:0;display:block;text-align:start}.oc-p .sub{flex:none;white-space:nowrap}
.oc-dd{margin-bottom:16px;padding:0}.oc-dd>summary{display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;list-style:none;user-select:none}.oc-dd>summary::-webkit-details-marker{display:none}.oc-dd>summary h3{margin:0;font-size:15px;display:flex;align-items:center;gap:8px;flex:1}.oc-ar{display:inline-block;transition:transform .15s;opacity:.7;font-size:14px}.oc-dd[open]>summary .oc-ar{transform:rotate(180deg)}.oc-dd[open]>summary{border-bottom:1px solid var(--line,rgba(255,255,255,.08))}.oc-dd-b{padding-top:4px}
.oc-dd>summary h3 svg{width:18px;height:18px;flex:none}.oc-ar{width:18px;text-align:center}
.cl-dd>.ch{cursor:pointer;user-select:none}.cl-ar{display:inline-block;width:14px;transition:transform .15s;opacity:.7}.cl-closed>.cl-ar,.cl-dd.cl-closed .cl-ar{transform:rotate(-90deg)}:root[dir=rtl] .cl-dd.cl-closed .cl-ar{transform:rotate(90deg)}
.cl-dd.cl-closed>*:not(.ch){display:none!important}.cl-dd.cl-closed>.ch{border-bottom:0}
.sd-t th,.sd-t td{white-space:nowrap}.sd-t tbody tr[data-uid]{cursor:pointer}.sd-t tbody tr[data-uid]:hover{background:rgba(255,255,255,.04)}.sd-h{background:none;border:0;color:inherit;font:inherit;font-weight:800;cursor:pointer;padding:0;text-transform:inherit;letter-spacing:inherit}.sd-h.on{color:var(--gold)}
.sd-tot td{border-top:2px solid var(--line);font-weight:700}.sd-q{max-width:420px}.sd-q input{width:100%}
.sd-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:22px 0 12px}.sd-h2{margin:0;font-size:20px}.sd-rv{font-size:15px;white-space:normal}
#sdp .card,#sdp .kpis{margin-bottom:16px}#sdp .tw{overflow-x:auto}
.sd-t th,.sd-t td,#sdp table th,#sdp table td{padding:10px 8px;font-size:13px}.sd-t th{white-space:normal;line-height:1.2;vertical-align:bottom}#sdp table th{white-space:normal;line-height:1.2}
/* Owner: breathing room between stacked cards */
.shell.own .card{margin-bottom:18px}
.shell.own .ow-g2>.card,.shell.own [class*=grid]>.card,.shell.own [class*=g2]>.card,.shell.own [class*=g3]>.card,.shell.own .card .card,.shell.own .modal .card,.shell.own .kpis>.card{margin-bottom:0}
.shell.own .ow-kpis,.shell.own .ow-need{margin-bottom:18px}.shell.own .alert{margin-bottom:18px}
.ow-df{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.ow-df .seg{flex-wrap:wrap}.ow-dr{display:flex;align-items:center;gap:8px}.ow-dr input[type=date]{min-width:0;width:150px}
.sh-dates[hidden]{display:none}
.att-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.att-c{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:12px}.att-h{display:flex;justify-content:space-between;align-items:center;gap:8px}.att-c p{margin:4px 0 8px;font-size:12px}.att-c ul{list-style:none;margin:0;padding:0}.att-c li{display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:space-between;align-items:center;padding:7px 0;border-top:1px solid var(--line)}.att-c li a{color:inherit;text-decoration:none}.att-c li small{color:var(--muted)}.att-ok{display:flex;gap:6px;align-items:center;color:var(--good,#2fd08a)}.att-ok svg{width:14px}
@media(max-width:1100px){.att-g{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.att-g{grid-template-columns:minmax(0,1fr)}}
.ow-pos{color:var(--good,#2fd08a)}.ow-neg{color:var(--bad,#ff6b81)}.ow-net{margin-inline-start:14px}
.od-f{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.od-f .us-q{flex:1 1 280px}.od-t small{display:block;color:var(--muted);font-size:11px}.od-t tbody tr{cursor:pointer}.od-pg{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;gap:10px}.od-pgb{display:flex;align-items:center;gap:10px}.od-h{margin:14px 0 6px}.od-ev{list-style:none;margin:0;padding:0;display:grid;gap:6px}.od-ev li{display:flex;gap:10px;align-items:center}.od-sl{color:inherit;text-decoration:none}
.va-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px;padding:10px 14px;border-radius:12px;background:rgba(246,196,83,.14);border:1px solid #f6c453;font-weight:700}.va-bar svg{width:16px;vertical-align:-3px}
.sd-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px}.sd-tags i{font-style:normal;font-size:10px;padding:1px 7px;border-radius:99px;background:rgba(246,196,83,.16);color:var(--gold)}
.sd-nf{display:grid;gap:12px;max-width:640px}.sd-nf textarea{width:100%}.sd-nf .btn{justify-self:start}.ann-aud{display:grid;gap:12px}.ann-aud [hidden]{display:none!important}

/* Owner: seller fees cards */
.fe-c .ch{gap:12px;flex-wrap:wrap}.fe-t{flex:1;min-width:160px;font-size:16px;font-weight:600}.fe-bt{display:flex;gap:8px}
.fe-h{margin:14px 0 8px;font-size:13px;color:var(--mute,#8a93a6);text-transform:uppercase;letter-spacing:.04em}.fe-h:first-child{margin-top:0}
.fe-ls{display:grid;gap:8px;margin-bottom:10px}.fe-l{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1.3fr) auto;gap:8px;align-items:center}
.fe-sl{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.fe-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;border:1px solid var(--line,#2a3142);border-radius:999px;font-size:13px}
.fe-chip button{background:none;border:0;color:inherit;cursor:pointer;font-size:16px;line-height:1;padding:0 6px}.fe-add select{max-width:100%}
@media(max-width:700px){.fe-l{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.fe-l .fe-n{grid-column:1/-1}.fe-l .fe-w{grid-column:1/3}}

/* 2FA */
.tf-steps{padding-inline-start:20px;display:grid;gap:12px}.tf-qr{width:200px;max-width:70%;margin:10px 0;background:#fff;padding:6px;border-radius:10px}.tf-qr svg{display:block;width:100%;height:auto}
.tf-key{word-break:break-all;user-select:all}.tf-codes{font-size:16px;line-height:1.8;letter-spacing:.06em;padding:12px;border:1px solid var(--line,#2a3142);border-radius:10px;user-select:all;white-space:pre}

.rec-un{display:grid;gap:2px;padding:10px 14px;border:1px solid var(--line,#2a3142);border-radius:10px;margin-bottom:12px}.rec-un b{font-size:17px}

.fe-pr{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 8px}.fe-sum{margin-inline-end:4px}
.fe-hits{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.fe-hits li{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--line,#2a3142);border-radius:10px;cursor:pointer}
.fe-hits li small{margin-inline-start:6px;color:var(--mute,#8a93a6)}.fe-chip>span small{margin-inline-start:6px;color:var(--mute,#8a93a6)}.fe-add{margin-top:8px}.fe-flash{box-shadow:0 0 0 2px var(--gold,#f2b84b)}

.myf{list-style:none;margin:0;padding:0;display:grid;gap:4px}.myf li{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.myf small{color:var(--mute,#8a93a6)}.myf-free b{color:var(--good,#34d399)}

.fe-mode{max-width:100%}.myf-t{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.myf-t b{font-size:16px}.myf{margin-top:8px!important}.myf-free{margin-top:6px;display:flex;gap:8px}
.myf[hidden],.fe-cust[hidden]{display:none!important}

.fe-dd{max-height:260px;overflow:auto}.fe-busy{opacity:.55;cursor:not-allowed!important}

.beta{font-style:normal;display:inline-block;margin-inline-start:8px;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;background:var(--gold-soft);color:var(--gold)}
.brand small,.pbrand small{display:block}

.pst{width:100%;border-collapse:collapse;font-size:14px;margin-top:12px}.pst td{padding:6px 0;border-bottom:1px solid var(--line,#2a3142)}.pst .r{text-align:end;white-space:nowrap}
.pst-t td{font-weight:700}.pst-s td{padding-inline-start:14px;color:var(--muted,#8a93a6);font-size:13px}.pst-a td{font-size:16px;color:var(--gold,#f2b84b);border-bottom:0}.pst-r td{border-bottom:0;color:var(--muted,#8a93a6)}

.pt-h{flex-wrap:wrap}.pt-t{min-width:0;display:flex;flex-direction:column;gap:2px}.pt-t h3{margin:0;font-size:17px;text-transform:none;letter-spacing:0}.pt-t small{color:var(--muted,#8a93a6);font-size:12px}
.pt-h .pt-pills{justify-content:flex-end;margin-inline-start:auto}
.pt-nav{display:flex;gap:4px;padding:0 14px;border-bottom:1px solid var(--line,#2a3142);overflow-x:auto}
.pt-nav button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted,#8a93a6);font:inherit;font-weight:600;padding:12px 12px;cursor:pointer;white-space:nowrap}
.pt-nav button.on{color:var(--ink,#fff);border-bottom-color:var(--gold,#f2b84b)}.pt-nav button:hover{color:var(--ink,#fff)}
.pt-sec{margin-bottom:22px}.pt-sec h4{margin:0 0 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#8a93a6)}
.pt-sw{margin-bottom:12px}.pt-svc{display:flex;gap:8px 22px;flex-wrap:wrap}.pt-p[hidden],.pt-act[hidden]{display:none!important}
.pt-f .pt-act{padding-top:14px;border-top:1px solid var(--line,#2a3142);margin-top:6px}.pt-danger{margin-top:22px;padding-top:14px;border-top:1px solid var(--line,#2a3142);text-align:end}
.pt-acc h4{margin:0 0 6px}.pt .hint{margin:8px 0 0}
.pt .hint+.f,.pt .hint+label{margin-top:12px;display:block}

.cn-step{margin:14px 0}.cn-step h4{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:15px}.cn-step h4 span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--gold-soft,#3a2f12);color:var(--gold,#f2b84b);font-size:13px;font-weight:700;flex:none}
.cn-pick{width:100%;border-collapse:collapse;font-size:14px;margin-top:6px}.cn-pick td{padding:7px 10px;border:1px solid var(--line,#2a3142)}.cn-pick td:first-child{color:var(--muted,#8a93a6);width:36%}
.cn-w.err{color:var(--bad,#e5484d)}.cn-tr{margin-top:14px}.cn-tr summary{cursor:pointer;font-weight:600}.cn-tr ul{margin:8px 0 0;padding-inline-start:20px;display:grid;gap:6px}
#cnwd:empty{display:none}
.cn-mk{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.cn-mk .btn{flex:1;min-width:150px}
.mk-h td{background:rgba(255,255,255,.03);padding-top:12px;padding-bottom:8px;font-size:12px;letter-spacing:.04em;color:var(--mu,#9aa)}

/* catalogue creatives (PR-9) */
.cat-bar{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:10px}
.cat-list{display:flex;flex-direction:column;gap:8px;max-height:56vh;overflow:auto}
.cat-row{display:flex;gap:10px;align-items:center;padding:8px;border:1px solid var(--line,#e5e7eb);border-radius:10px;flex-wrap:wrap}
.cat-th{width:72px;height:72px;object-fit:cover;border-radius:8px;background:#f3f4f6;flex:none}
.cat-ic{width:72px;height:72px;display:grid;place-items:center;font-size:26px;background:#f3f4f6;border-radius:8px;flex:none}
.cat-b{flex:1;min-width:140px;overflow-wrap:anywhere}.cat-act{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.cat-code{margin-top:6px}.cat-code summary{cursor:pointer;color:var(--gold,#c9a24a);font-size:13px}.cat-code pre{max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-all;background:rgba(0,0,0,.25);padding:8px;border-radius:8px;font-size:12px;text-align:left}
.cat-add{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.cat-add input,.cat-add select{flex:1;min-width:120px}

/* Tools (PR-10) */
.tl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-bottom:18px}
.tl-card h3{margin:8px 0 4px}.tl-pr{margin:10px 0}
.tl-specs{display:grid;grid-template-columns:minmax(110px,1fr) 2fr;gap:4px 12px;margin:10px 0}.tl-specs dt{font-weight:600}.tl-specs dd{margin:0;overflow-wrap:anywhere}
.tl-pay{padding:8px 10px;border:1px solid var(--line,#e5e7eb);border-radius:10px;margin:6px 0;overflow-wrap:anywhere}
.tl-l{border:1px solid var(--line,#e5e7eb);border-radius:10px;margin:10px 0;padding:8px 12px}

/* ---- Product cards (Owner/Admin catalogue and Seller catalogue): no sideways scrolling, big pictures ---- */
.pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:16px}
#scl>.pc-grid{padding:0}
.pc{display:flex;flex-direction:column;background:var(--panel2);border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0}
.pc-img{position:relative;aspect-ratio:4/3;background:var(--panel3);display:flex;align-items:center;justify-content:center;overflow:hidden}
.pc-img img{width:100%;height:100%;object-fit:cover;display:block}
.pc-ph svg{width:44px;height:44px;opacity:.35}
.pc-st{position:absolute;top:10px;inset-inline-start:10px}
.pc-b{padding:14px 14px 4px;display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}
.pc-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pc-sku{font-size:13px;letter-spacing:.2px;overflow-wrap:anywhere}
.pc-top .pill{margin-inline-start:auto}
.pc-n{margin:0;font-size:15px;line-height:1.4;font-weight:700;overflow-wrap:anywhere}
.pc-kv{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:0}
.pc-kv>div{min-width:0}.pc-kv .pc-wide{grid-column:1/-1}
.pc-kv dt{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px}
.pc-kv dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.pc-u{display:flex;flex-direction:column;gap:6px}
.pc-lbl{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.pc-chips{display:flex;flex-wrap:wrap;gap:6px}
.pc-a{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px 14px;border-top:1px solid var(--line);margin-top:10px}
.pc-a .btn{flex:1 1 auto;justify-content:center}
@media (max-width:640px){.pc-grid{grid-template-columns:1fr;gap:12px;padding:12px}}

/* ---- Phones: every table becomes a list of small cards (label : value) instead of sliding sideways ---- */
@media (max-width:640px){
  .tw table.stk,.tw table.stk tbody,.tw table.stk tr,.tw table.stk td{display:block;width:100%}
  .tw table.stk thead{display:none}
  .tw table.stk tr{border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:6px 12px;background:var(--panel2)}
  .tw table.stk td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;border:0;border-bottom:1px solid var(--line);text-align:end;white-space:normal;overflow-wrap:anywhere;min-width:0}
  .tw table.stk td:last-child{border-bottom:0}
  .tw table.stk td::before{content:attr(data-label);font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;text-align:start;flex:0 0 auto;max-width:45%}
  .tw table.stk td[data-label=""]::before{display:none}
  .tw table.stk td[data-label=""]{justify-content:flex-end}
  .tw:has(table.stk){overflow-x:visible;padding:0 12px}
  .pt-nav{flex-wrap:wrap;overflow-x:visible}
}

/* ---- WhatsApp-style counters (menu, catalogue cards, creatives button) ---- */
.nav .badge.wa,.wa-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#25d366;color:#fff;font-size:11px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--panel),0 2px 6px rgba(37,211,102,.35)}
.nav .badge.wa{margin-left:auto}
[dir=rtl] .nav .badge.wa{margin-left:0;margin-right:auto}
.badge.wa.pop,.wa-count.pop{animation:wa-pop .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes wa-pop{0%{transform:scale(.4)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
.shell.mini .nav a{position:relative}
.shell.mini .nav .badge.wa{display:inline-grid;position:absolute;top:2px;inset-inline-end:4px;min-width:16px;height:16px;font-size:9px;padding:0 4px;margin:0}
.btn .wa-count{margin-inline-start:6px;min-width:18px;height:18px;font-size:10.5px;box-shadow:none}
.pc-img[data-ca],.pc-n[data-ca]{cursor:pointer}
.pc-wa{position:absolute;top:10px;inset-inline-end:10px;min-width:28px;height:28px;font-size:13px}
.pc-new{position:absolute;top:10px;inset-inline-start:10px;background:var(--grad);color:#1b1300;font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
@media (prefers-reduced-motion:reduce){.badge.wa.pop,.wa-count.pop{animation:none}}
.tb-btn{position:relative}.tb-wa{position:absolute;top:-4px;inset-inline-end:-4px;min-width:18px;height:18px;font-size:10px;padding:0 4px}
/* the bell counter uses the same green WhatsApp counter */
.nbadge{background:#25d366;color:#fff;min-width:18px;height:18px;font-size:10.5px;box-shadow:0 0 0 2px var(--panel)}
/* ⌘K: find on page + where it is in the menu */
.palette .pbox{max-height:72vh;display:flex;flex-direction:column}
.palette #pl{overflow:auto;padding-bottom:4px}
.palette .phead{padding:10px 18px 4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.palette a .ptx{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.palette a .ptx b{background:rgba(255,200,40,.35);color:var(--ink);border-radius:3px;padding:0 1px}
.palette a .psec{font-size:12px;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 9px;white-space:nowrap}
.palette a .pic{width:18px;text-align:center;color:var(--muted);font-size:16px}
.palette a[data-more]::after{content:'+' attr(data-more);font-size:11px;color:var(--muted);margin-inline-start:6px}
.palette .empty{padding:18px;color:var(--muted)}
.palette .phint{border-top:1px solid var(--line);padding:8px 18px;font-size:11.5px;color:var(--muted)}
mark.pfind{background:rgba(255,200,40,.45);color:inherit;border-radius:3px;padding:0 1px}
mark.pfind.cur{background:#ff9f1a;color:#111;box-shadow:0 0 0 2px #ff9f1a}
.findbar{position:fixed;top:64px;inset-inline-end:16px;z-index:61;display:flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:6px 8px;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.findbar input{width:200px;height:32px;padding:0 10px;font-size:13px}
.findbar.none input{border-color:#e5484d}
.findbar .fcount{font-size:12px;color:var(--muted);min-width:44px;text-align:center;white-space:nowrap}
.findbar .icon{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--ink2);cursor:pointer;font-size:15px}
@media (max-width:760px){.findbar{inset-inline:10px;top:58px}.findbar input{flex:1;width:auto;min-width:0}.findbar .icon{flex:none}.palette{padding-top:8vh}.palette .pbox{margin:0 10px}}
@media (max-width:760px){.topbar{gap:6px}.topbar .tb-btn{min-width:34px;height:34px;padding:0 8px}.topbar .tb-sel{min-width:0;max-width:120px;height:34px}.topbar .sp{min-width:0}}

/* ---- Owner catalogue: select many, bulk bar, delete ---- */
.ob-tools{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px 0}
.pc-sel{display:none;position:absolute;top:10px;inset-inline-start:10px;z-index:2;background:rgba(0,0,0,.55);border-radius:8px;padding:6px;line-height:0;cursor:pointer}
.pc-sel input{width:20px;height:20px;accent-color:var(--gold);cursor:pointer}
.pc-grid.selecting .pc-sel{display:block}
.pc-grid.selecting .pc-new,.pc-grid.selecting .pc-st{inset-inline-start:52px}
.pc.picked{outline:2px solid var(--gold);outline-offset:-2px}
.pc-del{flex:0 0 auto !important;padding-inline:10px}.pc-del svg{width:16px;height:16px}
.ob-bar{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:calc(100vw - 32px);
  background:var(--panel);border:1px solid var(--line2);border-radius:14px;padding:10px 14px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.ob-bar .ob-sp{flex:1 1 12px}.ob-bar .ob-n{white-space:nowrap}.ob-bar .btn svg{width:15px;height:15px}
.ob-list{margin:4px 0 0;padding-inline-start:18px;max-height:160px;overflow:auto}
@media (max-width:640px){.ob-bar{left:12px;right:12px;transform:none;bottom:12px}.ob-bar .ob-sp{display:none}}
body:has(#obbar) main{padding-bottom:90px}
.ob-bar{width:max-content}
body:has(#modal-root .ov) .ob-bar{display:none}
@media (max-width:640px){.ob-bar{width:auto}}
@media (min-width:641px){.ob-bar{flex-wrap:nowrap;white-space:nowrap}.ob-bar .ob-sp{flex:0 0 16px}}
/* ---- Product cards: cleaner Owner / Admin card + stock level badge ---- */
.sbg{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;line-height:1.4}
.sbg i{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.sbg-large{color:#16a34a;background:rgba(22,163,74,.14)}
.sbg-medium{color:#d97706;background:rgba(217,119,6,.15)}
.sbg-low{color:#ea580c;background:rgba(234,88,12,.16)}
.sbg-out{color:#dc2626;background:rgba(220,38,38,.15)}
.sbg-unknown{color:var(--muted);background:var(--panel3)}
.pc-img .pc-stk .sbg{background:rgba(10,12,18,.78);backdrop-filter:blur(4px)}
.pc-img .pc-stk .sbg-unknown{color:#c9ced8}
.pc-stk{position:absolute;bottom:10px;inset-inline-start:10px}
.pc-mk{position:absolute;top:10px;inset-inline-end:10px;background:rgba(10,12,18,.78);color:#fff;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;letter-spacing:.3px}
.pc-o .pc-b{gap:8px;padding:12px 14px 2px}
.pc-o .pc-n{font-size:15px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.pc-sku-r{display:flex;align-items:center;gap:4px;min-width:0}
.pc-o .pc-sku{font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pc-ic{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:3px;border-radius:6px;line-height:0}.pc-ic svg{width:14px;height:14px}.pc-ic:hover{color:var(--ink);background:var(--panel3)}
.pc-pr{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--panel3);border-radius:10px;padding:9px 11px}
.pc-pr>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.pc-pr span{font-size:11px;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-pr b{font-size:15px;white-space:nowrap}.pc-pr b small{font-size:11px;color:var(--muted);font-weight:600}
.pc-pr .pc-none{font-size:12px;color:#d97706}
.pc-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--ink2);min-width:0}
.pc-pa{display:inline-flex;align-items:center;gap:6px;min-width:0}.pc-pa span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc-pa svg,.pc-us svg{width:15px;height:15px;flex:none;opacity:.7}
.pc-warn{font-style:normal;font-weight:800;color:#1b1300;background:#f5b400;border-radius:50%;width:16px;height:16px;display:inline-grid;place-items:center;font-size:11px;flex:none}
.pc-us{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:transparent;color:var(--ink2);border-radius:999px;padding:3px 10px;cursor:pointer;font:inherit;font-weight:600;white-space:nowrap;margin-inline-start:auto}
.pc-us:hover{border-color:var(--line2);color:var(--ink)}
.pc-o .pc-a{flex-wrap:nowrap;gap:6px;padding:10px 12px 12px;margin-top:8px}
.pc-o .pc-a .pc-cr{flex:1 1 auto;min-width:0}
.pc-o .pc-a .pc-icb{flex:0 0 auto;padding-inline:10px}.pc-icb svg{width:16px;height:16px;margin:0}
.pc-o.off .pc-img img{filter:grayscale(.6) brightness(.8)}
.pc-ul{display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow:auto}
.pc-ui{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px}