/* Seller Hub theme — black, blue and orange (replace with the final brand-guide values). Loaded only on seller.qwikstone.com. */
:root{--accent:#1e4fd8;--accent-soft:rgba(30,79,216,.10);--orange:#ff7a1f;--navy:#0b1020}
:root[data-theme=dark]{--accent:#6f96ff;--accent-soft:rgba(111,150,255,.15)}
body::before{background:radial-gradient(40% 35% at 15% 10%,rgba(30,79,216,.14),transparent 70%),radial-gradient(35% 30% at 90% 20%,rgba(255,122,31,.10),transparent 70%),radial-gradient(40% 40% at 70% 95%,rgba(30,79,216,.08),transparent 70%)}
.side{background:#0b1020;border-right-color:#0b1020;color:#c5cde6}
.side .brand .tag{color:#fff;background:#1e4fd8;border-color:#1e4fd8}
.side a{color:#aab3d1}.side a:hover{background:rgba(255,255,255,.07);color:#fff}
.side a.on{background:#1e4fd8;color:#fff;box-shadow:0 6px 18px rgba(30,79,216,.35)}
.side .sep{color:#6a7392}.side .foot{color:#7c849c}
.side .count{background:#ff7a1f;color:#fff}
.btn.primary{background:#1e4fd8;border-color:#1e4fd8;color:#fff}.btn.primary:hover{opacity:1;background:#163eb0}
.btn.accent{background:#ff7a1f;border-color:#ff7a1f}
.auth-wrap{background:linear-gradient(160deg,#0b1020 0%,#13214d 60%,#1e4fd8 140%)}
.auth-card{background:#fff}
:root[data-theme=dark] .auth-card{background:var(--panel-solid)}
.auth-card .brand .tag{color:#fff;background:#1e4fd8;border-color:#1e4fd8}
.side details.grp summary{color:#aab3d1}.side details.grp summary:hover{background:rgba(255,255,255,.07);color:#fff}.side details.grp summary.on{color:#fff}
.side a.sub{color:#8f99ba}.side a.sub.on{background:rgba(30,79,216,.35);color:#fff;box-shadow:none}
.btn{font-weight:400}.brand .tag,.side .brand .tag,.auth-card .brand .tag{text-transform:none;letter-spacing:0;font-size:11.5px;font-weight:400}
/* ================= Seller Hub shell v2 ================= */
.page{max-width:none;padding:24px 28px 70px}
.layout{transition:grid-template-columns .28s cubic-bezier(.2,.8,.2,1)}
.card{padding:20px 22px}.card+.card{margin-top:16px}
.split,.g2,.g3,.g4,.grid{gap:16px}
input,select{min-height:44px;font-size:14.5px;padding:10px 14px}textarea{font-size:14.5px;padding:12px 14px;min-height:110px}
.tbl input,.tbl select{min-height:38px;padding:7px 10px;font-size:14px}
label.f>span,.f>span{font-size:13px}
input[type=checkbox],input[type=radio]{min-height:0}
input[type=file]{min-height:0;padding:0;border:0;background:none;font-size:13.5px}
input[type=file]::file-selector-button{font:inherit;font-size:13.5px;border:1px solid var(--line2);background:var(--panel-solid);color:var(--text);border-radius:10px;padding:9px 14px;margin-right:12px;cursor:pointer;transition:.15s}
input[type=file]::file-selector-button:hover{border-color:var(--accent);color:var(--accent)}
.btn{min-height:40px;padding:0 16px;border-radius:11px}.btn.sm{min-height:32px;padding:0 12px}
/* top bar */
.top{padding:10px 24px;gap:10px}.hb-topline{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}
.hb-search{display:flex;align-items:center;gap:10px;flex:1;max-width:560px;height:42px;border:1px solid var(--line2);background:var(--panel-solid);border-radius:12px;padding:0 12px;color:var(--mute);font:inherit;font-size:14px;cursor:text;margin-left:8px}
.hb-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;flex:none}.hb-search span{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-search kbd,.hb-sr kbd{font:11px Inter,sans-serif;border:1px solid var(--line2);border-radius:6px;padding:2px 7px;color:var(--mute);cursor:pointer}
.hb-search:hover{border-color:var(--accent)}
.iconbtn svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hb-burger{display:none}
/* search overlay */
.hb-sr{position:fixed;inset:0;z-index:120;display:none;place-items:start center;padding-top:10vh;background:rgba(5,10,30,.45);backdrop-filter:blur(3px)}
body.hb-searching .hb-sr{display:grid}.hb-sr-box{width:min(680px,94vw);background:var(--panel-solid);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden;animation:pop .18s ease-out}
@keyframes pop{from{transform:translateY(-8px) scale(.98);opacity:0}to{transform:none;opacity:1}}
.hb-sr-in{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.hb-sr-in svg{width:20px;height:20px;fill:none;stroke:var(--mute);stroke-width:2}
.hb-sr-in input{border:0;box-shadow:none;background:none;font-size:17px;padding:0;min-height:36px}
.hb-sr-res{max-height:60vh;overflow:auto;padding:6px}.hb-sr-g{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding:10px 12px 4px}
.hb-sr-res a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;font-size:14.5px;color:var(--text)}.hb-sr-res a:hover,.hb-sr-res a:focus{background:var(--hover)}
.hb-sr-res a img{width:42px;height:32px;object-fit:cover;border-radius:6px}.hb-sr-res .k{font-size:11px;border-radius:6px;background:var(--accent-soft);color:var(--accent);padding:2px 7px;min-width:52px;text-align:center}
.hb-sr-res small{display:block;font-size:12px;color:var(--mute)}
/* assistant drawer: the page contracts while it is open */
.asst{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:100vw;z-index:60;background:var(--panel-solid);border-left:1px solid var(--line);box-shadow:-20px 0 50px rgba(5,10,30,.12);
  display:flex;flex-direction:column;transform:translateX(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
body.asst-open .asst{transform:none}
@media(min-width:1201px){body.asst-open .layout{margin-right:380px}.layout{transition:margin .28s cubic-bezier(.2,.8,.2,1)}}
.asst-h{display:flex;align-items:center;gap:12px;padding:16px 16px 14px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#0b1438,#1e4fd8);color:#fff}
.asst-h .iconbtn{color:#fff;margin-left:auto}.asst-tt b{display:block;font-weight:500}.asst-tt span{font-size:12px;color:#c5cde6}
.asst-body{flex:1;overflow:auto;padding:14px 16px}.asst-msg{background:var(--hover);border-radius:14px 14px 14px 4px;padding:11px 13px;font-size:14px;line-height:1.5;margin-bottom:10px}
.asst-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:6px}.asst-facts a{border:1px solid var(--line);border-radius:12px;padding:8px;text-align:center}.asst-facts a b{display:block;font-size:18px;font-weight:400}.asst-facts a span{font-size:10.5px;color:var(--mute)}
.asst-facts a.bad b{color:var(--bad)}.asst-sup{grid-column:1/-1;font-size:11.5px;color:var(--mute);text-align:center}
.asst-sec{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:14px 0 6px}
.asst-chips{display:flex;flex-wrap:wrap;gap:6px}.asst-chips button{border:1px solid var(--line2);background:var(--panel-solid);border-radius:999px;padding:7px 12px;font:inherit;font-size:13px;cursor:pointer;color:var(--text);text-align:left}
.asst-chips button:hover,.asst-g button:hover{border-color:var(--accent);color:var(--accent)}
.asst-g{margin-bottom:10px}.asst-g>b{display:block;font-size:12.5px;font-weight:500;margin:6px 0 4px}.asst-g button{display:flex;width:100%;justify-content:space-between;border:1px solid var(--line);background:none;border-radius:10px;padding:9px 12px;margin-top:4px;font:inherit;font-size:13.5px;text-align:left;color:var(--text);cursor:pointer}
.asst-g button i{font-style:normal;color:var(--mute)}
.asst-card{border:1px solid var(--accent);border-radius:16px;padding:14px;margin:12px 0;background:linear-gradient(180deg,var(--accent-soft),transparent 60%);animation:pop .2s ease-out}
.asst-q{font-weight:500;margin-bottom:6px}.asst-card p{font-size:14px;line-height:1.55;margin:0 0 10px}.asst-links{display:flex;flex-direction:column;gap:6px}.asst-links a{color:var(--accent);font-size:14px}
.asst-sub{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:12px 0 4px}.asst-th{display:block;font-size:13px;padding:6px 0;border-top:1px solid var(--line);color:var(--text)}.asst-th em{font-style:normal;font-size:11px;color:var(--ok);margin-right:6px}
.asst-help{font-size:12.5px;color:var(--mute);margin-top:10px}.asst-help a{color:var(--accent)}
.asst-f{border-top:1px solid var(--line);padding:12px 16px 14px}.asst-in{display:flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:12px;padding:0 12px}.asst-in svg{width:16px;height:16px;fill:none;stroke:var(--mute);stroke-width:2}
.asst-in input{border:0;box-shadow:none;padding:0;background:none}.asst-note{font-size:11.5px;color:var(--mute);margin-top:6px}.asst-note a{color:var(--accent)}
/* the orb */
.orb{position:relative;width:38px;height:38px;flex:none;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff 0,#9fc0ff 18%,#4f7cff 45%,#1e4fd8 70%,#ff7a1f 120%);
  box-shadow:0 0 0 0 rgba(111,150,255,.55),inset -4px -6px 12px rgba(11,20,56,.35);animation:orb 3.2s ease-in-out infinite}
.orb i{position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(255,255,255,.35);animation:ring 3.2s ease-out infinite}
.orb.typing{animation-duration:.9s}.orb.typing i{animation-duration:.9s;border-color:rgba(255,178,122,.8)}
.orb.sm{width:22px;height:22px}.orb.sm i{inset:-3px}
@keyframes orb{0%,100%{transform:scale(1);filter:hue-rotate(0)}50%{transform:scale(1.07);filter:hue-rotate(-18deg)}}
@keyframes ring{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.asst-fab{position:fixed;right:22px;bottom:22px;z-index:55;width:58px;height:58px;border-radius:50%;border:0;background:#0b1438;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 30px rgba(11,20,56,.35);transition:transform .2s}
.asst-fab:hover{transform:scale(1.06)}body.asst-open .asst-fab{display:none}
/* mobile: slide-in menu and bottom bar */
.hb-scrim{position:fixed;inset:0;background:rgba(5,10,30,.45);z-index:70;opacity:0;pointer-events:none;transition:opacity .2s}
.hb-bottom{display:none}
@media(max-width:1200px){body.asst-open .hb-scrim{opacity:1;pointer-events:auto}body.asst-open .asst{z-index:80}}
@media(max-width:900px){
  .hb-burger{display:inline-grid}.hb-topline{display:none}.hb-search span{display:none}.hb-search{flex:0 0 42px;padding:0;justify-content:center;margin:0}.hb-search kbd{display:none}
  .layout{grid-template-columns:1fr}.side{display:flex;position:fixed;left:0;top:0;bottom:0;width:290px;z-index:90;transform:translateX(-105%);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
  body.hb-menu .side{transform:none}body.hb-menu .hb-scrim{opacity:1;pointer-events:auto}
  .top .btn.sm,.top form{display:none}.page{padding:16px 14px 96px}
  .hb-bottom{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--panel-solid);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .hb-bottom a,.hb-bottom button{display:flex;flex-direction:column;align-items:center;gap:3px;font:inherit;font-size:11px;color:var(--mute);background:none;border:0;padding:4px;cursor:pointer}
  .hb-bottom svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hb-bottom .on{color:var(--accent)}
  .asst-fab{display:none}.asst{width:100vw}
}
:is(.db-kpi,.db-two,.g2,.g3,.g4,.split,.grid,.svc-grid,.news-grid,.dbx,.dbx3,.dbx4,.dbx2)>.card{margin-top:0!important}
/* ================= Dashboard v2 ================= */
.dbk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.dbk .card{margin:0;display:flex;flex-direction:column;gap:3px;padding:16px 18px;transition:border-color .15s,transform .15s}
.dbk .card:hover{border-color:var(--accent);transform:translateY(-1px)}.dbk span{font-size:12.5px;color:var(--mute)}.dbk b{font-size:26px;font-weight:300;letter-spacing:-.02em}.dbk small{font-size:12px;color:var(--text2)}
.dbk em{font-style:normal;font-weight:500}.dbk em.up{color:var(--ok)}.dbk em.down{color:var(--bad)}
.dbx,.dbx2,.dbx3,.dbx4{display:grid;gap:16px;margin-bottom:16px;align-items:stretch}.dbx{grid-template-columns:minmax(0,2.2fr) minmax(300px,1fr)}.dbx2{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.dbx3{grid-template-columns:repeat(3,minmax(0,1fr))}.dbx4{grid-template-columns:repeat(4,minmax(0,1fr))}.dbx>.card,.dbx2>.card,.dbx3>.card,.dbx4>.card{margin:0}
.dbcol{display:flex;flex-direction:column;gap:16px}.dbcol .card{margin:0}
@media(max-width:1300px){.dbx4{grid-template-columns:1fr 1fr}.dbx3{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.dbx,.dbx2,.dbx3,.dbx4{grid-template-columns:1fr}}
.seg-t{display:flex;gap:3px;background:var(--hover);border-radius:10px;padding:3px}.seg-t button{border:0;background:none;font:inherit;font-size:13px;padding:6px 12px;border-radius:8px;cursor:pointer;color:var(--text2)}
.seg-t button.on{background:var(--panel-solid);color:var(--text);box-shadow:var(--shadow)}
.ch{margin-top:10px}.ch svg text{font-size:11px;fill:var(--mute)}.ch .gl{stroke:var(--line);stroke-width:1}
.ch-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border-top:1px solid var(--line);padding-top:12px;margin-top:6px}.ch-sum span{font-size:12px;color:var(--mute);display:block}.ch-sum b{font-weight:400;font-size:17px}.ch-sum b.up{color:var(--ok)}.ch-sum b.down{color:var(--bad)}
.donut{--p:80;--c2:#ff7a1f;width:170px;height:170px;border-radius:50%;margin:16px auto;background:conic-gradient(#1d8a45 calc(var(--p)*1%),var(--c2) 0);display:grid;place-items:center;position:relative}
.donut::before{content:"";position:absolute;inset:16px;border-radius:50%;background:var(--panel-solid)}.donut>div{position:relative;text-align:center}.donut b{display:block;font-size:40px;font-weight:300;line-height:1}.donut span{font-size:13px;color:var(--mute)}
.hp{display:grid;gap:6px}.hp>div{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;font-size:13.5px;padding:7px 0;border-top:1px solid var(--line)}.hp i{width:8px;height:8px;border-radius:50%;background:var(--ok)}.hp .no i{background:var(--warn,#e8a000)}.hp b{font-weight:500}
.allset{display:flex;gap:14px;align-items:center;border-radius:14px;background:linear-gradient(135deg,rgba(29,138,69,.10),transparent);border:1px solid rgba(29,138,69,.25);padding:16px;margin-top:10px}
.allset svg{width:40px;height:40px;flex:none;border-radius:50%;background:#1d8a45;padding:9px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.allset b{display:block;font-weight:500}.allset span{font-size:13px;color:var(--text2)}
.db-pipe2{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.db-pipe2 a{border-radius:12px;padding:12px;background:var(--hover);display:flex;flex-direction:column;gap:2px}.db-pipe2 b{font-size:22px;font-weight:300}.db-pipe2 span{font-size:11.5px;color:var(--text2);line-height:1.3}
.db-pipe2 a.bad{background:var(--bad-soft)}.db-pipe2 a.bad b{color:var(--bad)}.db-pipe2 a.warn{background:var(--warn-soft)}.db-pipe2 a.zero{opacity:.55}.db-pipe2 a:hover{outline:1px solid var(--accent)}
.pay-tl{display:grid;gap:8px;margin:10px 0}.pay-tl>div{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;font-size:13.5px;padding:10px 12px;border-radius:12px;background:var(--hover)}
.pay-tl i{width:10px;height:10px;border-radius:50%}.pay-tl i.h{background:#e8a000}.pay-tl i.a{background:#1d8a45}.pay-tl i.n{background:var(--accent)}.pay-tl b{font-weight:500}
.topl{display:flex;flex-direction:column}.tl-i{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.tl-i:first-child{border-top:0}
.tl-i img{width:64px;height:48px;object-fit:cover;border-radius:9px;transition:transform .2s}.tl-i img:hover{transform:scale(1.06)}.tl-t{font-weight:500;display:block;font-size:14px}.tl-t:hover{color:var(--accent);text-decoration:underline}
.tl-n{text-align:right}.tl-n b{display:block;font-weight:500}.tl-n span{font-size:12px;color:var(--mute)}
.ia{border-radius:12px;padding:10px 12px;background:var(--hover);margin-top:8px}.ia>b{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:500;margin-bottom:4px}
.ia.bad{background:var(--bad-soft)}.ia.warn{background:var(--warn-soft)}.ia a{display:flex;justify-content:space-between;gap:8px;font-size:13.5px;padding:4px 0}.ia a em{font-style:normal;color:var(--mute);white-space:nowrap}
.mini-c{display:flex;flex-direction:column;gap:8px}.mc-h{display:flex;align-items:center;gap:10px}.mc-h b{font-weight:500}.mc-i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.mc-i svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mc-i.b{background:#1e4fd8}.mc-i.o{background:#ff7a1f}.mc-i.g{background:#1d8a45}.mc-i.r{background:#7a3cff}.mc-v b{font-size:24px;font-weight:300;display:block}.mc-v span{font-size:12.5px;color:var(--mute)}
.mini-c p{font-size:13px;color:var(--text2);margin:0}.mini-c>a:last-child{margin-top:auto;color:var(--accent);font-size:13.5px}
.mb2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.mb-i{border:1px solid var(--line);border-radius:14px;padding:12px}.mb-i b{display:block;font-weight:500;font-size:14px;margin:6px 0 4px}.mb-i p{font-size:13px;color:var(--text2);margin:0 0 4px}.mb-i a{font-size:12.5px;color:var(--accent)}
@media(max-width:700px){.mb2{grid-template-columns:1fr}.ch-sum{grid-template-columns:1fr 1fr}}
.ub{display:flex;justify-content:space-between;font-size:13.5px;margin-top:8px}.ub b{font-weight:500}.ubar{height:8px;border-radius:999px;background:var(--hover);overflow:hidden;margin:6px 0 4px}.ubar i{display:block;height:100%;background:linear-gradient(90deg,#1e4fd8,#5b8cff);border-radius:999px}
.offer-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.offer-strip .card{margin:0;display:flex;flex-direction:column}.offer-strip em{margin-top:auto;font-style:normal;font-size:13px;color:var(--accent)}
@media(max-width:1000px){.dbk{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* ===== assistant v2: star launcher, pearl / obsidian orb, chat box ===== */
.asst-fab{display:none!important}
.asst-tab{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:55;width:40px;height:52px;border:1px solid var(--line);border-right:0;border-radius:14px 0 0 14px;
  background:var(--panel-solid);box-shadow:-6px 6px 20px rgba(11,20,56,.12);display:grid;place-items:center;cursor:pointer;transition:width .2s,background .2s}
.asst-tab svg{width:20px;height:20px;fill:url(#none);fill:#1e4fd8;animation:twinkle 2.6s ease-in-out infinite}.asst-tab:hover{width:48px}
:root[data-theme=dark] .asst-tab svg{fill:#9fb8ff}
@keyframes twinkle{0%,100%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(.86) rotate(12deg);opacity:.75}}
body.asst-open .asst-tab{display:none}
.asst-h{background:var(--panel-solid);color:var(--text);padding:14px 16px}.asst-h .iconbtn{color:var(--text)}.asst-tt span{color:var(--mute)}
.asst-star{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#0b1438,#1e4fd8);display:grid;place-items:center;flex:none}.asst-star svg{width:17px;height:17px;fill:#fff}
.asst-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 6px 14px}.asst-hero b{font-weight:500;font-size:17px;margin-top:10px}.asst-hero span{font-size:13px;color:var(--mute);max-width:280px}
/* pearl orb (light) */
.asst .orb{width:86px;height:86px;border-radius:50%;position:relative;
  background:radial-gradient(circle at 34% 28%,#fff 0%,#fff 18%,#eef2fa 42%,#d5dceb 70%,#bfc8db 100%);
  box-shadow:inset -10px -14px 26px rgba(120,135,170,.35),inset 8px 10px 20px rgba(255,255,255,.95),0 18px 40px rgba(30,40,80,.18),0 0 0 0 rgba(160,175,210,.45);
  animation:pearl 3.4s ease-in-out infinite}
.asst .orb::after{content:"";position:absolute;left:22%;top:14%;width:30%;height:20%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.95),transparent);filter:blur(1px)}
.asst .orb .orb-s{position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(150,165,200,.35);animation:halo 3.4s ease-out infinite}
.asst .orb i{display:none}
@keyframes pearl{0%,100%{transform:scale(1);box-shadow:inset -10px -14px 26px rgba(120,135,170,.35),inset 8px 10px 20px rgba(255,255,255,.95),0 18px 40px rgba(30,40,80,.18),0 0 0 0 rgba(160,175,210,.40)}
  50%{transform:scale(1.045);box-shadow:inset -10px -14px 26px rgba(120,135,170,.30),inset 8px 10px 20px rgba(255,255,255,1),0 22px 46px rgba(30,40,80,.22),0 0 0 14px rgba(160,175,210,0)}}
@keyframes halo{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.25);opacity:0}}
.asst .orb.typing{animation-duration:1s}.asst .orb.typing .orb-s{animation-duration:1s}
.asst .orb.thinking{animation:pearl .7s ease-in-out infinite}.asst .orb.thinking .orb-s{animation-duration:.7s}
/* obsidian orb (dark) */
:root[data-theme=dark] .asst .orb{background:radial-gradient(circle at 34% 28%,#5a6070 0%,#2a2e38 26%,#111318 60%,#050608 100%);
  box-shadow:inset -10px -14px 26px rgba(0,0,0,.6),inset 6px 8px 18px rgba(255,255,255,.12),0 18px 40px rgba(0,0,0,.5);animation-name:obsid}
:root[data-theme=dark] .asst .orb::after{background:radial-gradient(closest-side,rgba(255,255,255,.55),transparent)}
:root[data-theme=dark] .asst .orb .orb-s{border-color:rgba(160,180,255,.25)}
@keyframes obsid{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.045);filter:brightness(1.25)}}
/* chat */
#asstChat{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.asst-me{align-self:flex-end;max-width:85%;background:#0b1438;color:#fff;border-radius:16px 16px 4px 16px;padding:10px 13px;font-size:14px;line-height:1.5;animation:pop .18s ease-out}
:root[data-theme=dark] .asst-me{background:#2b3c7a}
.asst-bot{align-self:flex-start;max-width:92%;background:var(--hover);border-radius:16px 16px 16px 4px;padding:10px 13px;font-size:14px;line-height:1.5}.asst-bot a{color:var(--accent)}.asst-bot .asst-chips{margin-top:8px}
.asst-card{margin:0;align-self:stretch}
.asst-alld{margin-top:14px}.asst-alld summary{cursor:pointer;font-size:12.5px;color:var(--accent);list-style:none}.asst-alld summary::-webkit-details-marker{display:none}
.asst-f{padding:10px 12px 12px}.asst-in{align-items:flex-end;padding:6px 6px 6px 12px;border-radius:16px;background:var(--panel-solid)}
.asst-in textarea{border:0;box-shadow:none;background:none;min-height:24px;max-height:140px;padding:6px 0;resize:none;font-size:14.5px;line-height:1.45}
.asst-send{flex:none;width:36px;height:36px;border-radius:12px;border:0;background:#0b1438;display:grid;place-items:center;cursor:pointer}.asst-send svg{width:17px;height:17px;fill:#fff}
:root[data-theme=dark] .asst-send{background:#e6ebff}:root[data-theme=dark] .asst-send svg{fill:#0b1020}
@media(max-width:900px){.asst-tab{display:none}}
.card.flush{overflow-x:auto}.tbl td,.tbl th{vertical-align:middle}
@media(max-width:900px){.card.flush .tbl,.tablewrap .tbl{min-width:760px}}
/* top bar never squashes the avatar or icons */
.top>*{flex-shrink:0}.top .hb-search{flex-shrink:1;min-width:42px}.top .hb-topline{flex-shrink:1;min-width:0}
.top .avatar{flex:0 0 34px;width:34px;height:34px;min-width:34px;border-radius:50%;display:grid;place-items:center;aspect-ratio:1}
@media(max-width:1400px){body.asst-open .hb-topline{display:none}body.asst-open .top .btn.sm[href="/account/security"]{display:none}}
@media(max-width:1300px){body.asst-open .hb-search span{display:none}body.asst-open .hb-search{flex:0 0 42px;padding:0;justify-content:center}body.asst-open .hb-search kbd{display:none}}
/* feedback */
.fb{position:fixed;right:18px;bottom:0;z-index:58;width:auto}
.fb-tab{display:flex;align-items:center;gap:6px;height:32px;padding:0 14px;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;background:#0b1438;color:#fff;font:inherit;font-size:12.5px;cursor:pointer;box-shadow:0 -4px 14px rgba(11,20,56,.18)}
.fb-tab svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.fb-p{display:block;width:320px;max-height:0;overflow:hidden;background:var(--panel-solid);border:1px solid var(--line);border-bottom:0;border-radius:14px 0 0 0;transition:max-height .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 -12px 30px rgba(11,20,56,.15)}
.fb.open .fb-p{max-height:420px}.fb.open .fb-tab{border-radius:10px 10px 0 0}
.fb-h{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 0 14px}.fb-h b{font-weight:500;font-size:14px}
.fb-body{padding:10px 14px 14px;display:flex;flex-direction:column;gap:8px}.fb-body input{min-height:38px;font-size:13.5px}.fb-body textarea{min-height:96px;font-size:13.5px}
.fb-att{display:flex;justify-content:space-between;align-items:center;gap:8px}.fb-file{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--accent);cursor:pointer}.fb-file input{display:none}.fb-file svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.fb-ok{display:none;padding:22px 16px 26px;text-align:center}.fb.done .fb-body{display:none}.fb.done .fb-ok{display:block}
.fb-ok svg{width:44px;height:44px;border-radius:50%;background:#1d8a45;padding:10px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.fb-ok b{display:block;font-weight:500;margin:8px 0 4px}.fb-ok span{font-size:13px;color:var(--text2)}
.fb-link{display:block!important;padding:0!important;margin-bottom:8px;color:#9fb8ff!important;font-size:12.5px!important}
body.asst-open .fb{right:398px}@media(max-width:1200px){body.asst-open .fb{display:none}}
@media(max-width:900px){.fb{bottom:66px;right:10px}.fb-p{width:calc(100vw - 20px)}}
/* ================= listing form ================= */
.lf{display:grid;grid-template-columns:230px minmax(0,1fr) 320px;gap:20px;align-items:start}
.lf-steps{position:sticky;top:80px;display:flex;flex-direction:column;gap:4px}
.lf-steps button{display:flex;align-items:center;gap:10px;border:0;background:none;font:inherit;font-size:14px;color:var(--text2);padding:9px 10px;border-radius:12px;cursor:pointer;text-align:left}
.lf-steps button i{width:26px;height:26px;flex:none;border-radius:50%;border:1.5px solid var(--line2);display:grid;place-items:center;font-style:normal;font-size:12px}
.lf-steps button.ok i{background:#1d8a45;border-color:#1d8a45;color:#fff}.lf-steps button.on{background:var(--panel-solid);color:var(--text);box-shadow:var(--shadow)}.lf-steps button.on i{border-color:var(--accent);color:var(--accent)}
.lf-main{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:24px 26px;min-width:0}
.lf-main h2{margin:0 0 6px}.lf-main h3{font-size:15px;font-weight:500;margin:18px 0 8px}.lf-s .f{margin-bottom:12px}
.lf-nav{display:flex;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
.lf-help{position:sticky;top:80px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px;font-size:13.5px;line-height:1.55;max-height:calc(100vh - 100px);overflow:auto}
.lf-help h3{font-size:14.5px;font-weight:500;margin:0 0 8px}.lf-help ul{padding-left:18px;margin:6px 0}.lf-help a{color:var(--accent)}
.hg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.hg figure{margin:0;border:2px solid #2e9e5b;border-radius:10px;overflow:hidden}.hg figure.bad{border-color:var(--bad)}
.hg img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;cursor:zoom-in}.hg figcaption{font-size:11.5px;padding:4px 6px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 14px}
.opt2,.opt3{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.opt3{grid-template-columns:repeat(3,1fr)}
.oc{display:flex;flex-direction:column;gap:4px;border:1.5px solid var(--line2);border-radius:16px;padding:16px;cursor:pointer;transition:all .15s;position:relative}
.oc input{position:absolute;opacity:0}.oc b{font-weight:500;font-size:15px}.oc span{font-size:13px;color:var(--text2)}.oc.on{border-color:var(--accent);background:var(--accent-soft)}.oc:hover{border-color:var(--accent)}
.oc.on::after{content:"✓";position:absolute;top:12px;right:14px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:12px}
.forms{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:10px 0 16px}
.fc2{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border:1.5px solid var(--line2);border-radius:14px;padding:12px;background:var(--panel-solid);font:inherit;font-size:13.5px;cursor:pointer;text-align:left;color:var(--text)}
.fc2 svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.fc2.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.tchk{display:flex;flex-direction:column;gap:4px;margin:-4px 0 12px;font-size:13px}.tchk .error{color:var(--bad)}.tchk .warn{color:#b06d00}.tchk .ok{color:var(--ok)}
.hsn{display:grid;gap:6px}.hs{display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--panel-solid);font:inherit;text-align:left;cursor:pointer;color:var(--text)}
.hs b{font-weight:500;font-variant-numeric:tabular-nums}.hs span{font-size:13px}.hs em{font-style:normal;font-size:11.5px;color:var(--mute)}.hs.on,.hs:hover{border-color:var(--accent)}.hs.on{background:var(--accent-soft)}
.bres{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.bres button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;text-align:left;border:1px solid var(--line);background:var(--panel-solid);border-radius:12px;padding:10px 12px;font:inherit;cursor:pointer;color:var(--text)}
.bres button b{font-weight:500;grid-column:1/-1}.bres button span{font-size:12.5px;color:var(--mute);grid-column:1/-1}.bres button.pr{grid-template-columns:52px 1fr}.bres button.pr img{grid-row:1/3;width:52px;height:40px;object-fit:cover;border-radius:7px}
.bres button.pr b,.bres button.pr span{grid-column:2}.bres button:hover{border-color:var(--accent)}
.own{margin-top:14px;border:1px dashed var(--line2);border-radius:14px;padding:12px 14px}.own summary{cursor:pointer;color:var(--accent);font-size:14px}
.chk{display:flex;align-items:center;gap:8px;font-size:14px;margin:6px 0;cursor:pointer}.chk input{width:18px;height:18px;accent-color:var(--accent)}
.rv-bad{background:var(--bad-soft);border:1px solid rgba(217,48,37,.25);border-radius:14px;padding:14px 16px;margin:10px 0;display:flex;flex-direction:column;gap:6px;font-size:13.5px}.rv-bad b{font-weight:500;color:var(--bad)}.rv-bad .btn{align-self:flex-start}
.bl{margin-bottom:6px}
.filebtn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border:1.5px dashed var(--line2);border-radius:12px;cursor:pointer;font-size:14px;color:var(--accent);background:var(--panel-solid)}
.filebtn input{display:none}.filebtn:hover{border-color:var(--accent)}
.clib{display:grid;gap:8px}.cl{display:grid;grid-template-columns:20px 1fr auto auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer}
.cl input{width:18px;height:18px;accent-color:var(--accent)}.cl b{font-weight:500;display:block;font-size:14px}.cl span{font-size:12.5px;color:var(--mute)}.cl em{font-style:normal;font-size:11.5px;border-radius:6px;padding:2px 7px;background:var(--warn-soft);color:#9a6100}
.cl em.verified{background:#e6f5ea;color:#1d6b35}.cl em.rejected{background:var(--bad-soft);color:var(--bad)}.cl a{font-size:12.5px;color:var(--accent)}.cl.exp{opacity:.55}
.addc{margin-top:10px;border:1px solid var(--line);border-radius:14px;padding:12px 14px}.addc summary{cursor:pointer;color:var(--accent);font-size:14px}
.rule{border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;padding:12px 14px;margin-bottom:10px}.rule.require{border-left-color:#ff7a1f}
.rule-h{display:flex;justify-content:space-between;gap:10px}.rule-h b{font-weight:500}.rule-h em{font-style:normal;font-size:11.5px;color:var(--mute)}.rule p{font-size:13px;color:var(--text2);margin:4px 0 10px}.rule a{color:var(--accent)}
.rcs{display:flex;flex-wrap:wrap;gap:6px}.rc{font-size:12px;border-radius:999px;padding:3px 10px;background:var(--hover)}.rc.ok{background:#e6f5ea;color:#1d6b35}
.pmin{min-height:44px;display:flex;flex-direction:column;justify-content:center;font-size:13px;color:var(--text2)}.pmin b{font-weight:500}
.tiers input{max-width:180px}
.ph-q{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text2);margin:8px 0 12px}.phbar{width:160px;height:8px;border-radius:999px;background:var(--hover);overflow:hidden}.phbar i{display:block;height:100%;background:linear-gradient(90deg,#ff7a1f,#1d8a45)}
.phgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-bottom:12px}.pi{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);cursor:grab;background:var(--hover)}
.pi img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .2s}.pi:hover img{transform:scale(1.04)}.pi .cov{position:absolute;left:6px;top:6px;background:#0b1438;color:#fff;font-size:11px;border-radius:6px;padding:1px 7px}
.pi button{position:absolute;right:6px;top:6px;width:26px;height:26px;border-radius:50%;border:0;background:#000a;color:#fff;cursor:pointer}
.drop{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px dashed var(--line2);border-radius:18px;padding:26px;cursor:pointer;text-align:center;transition:border-color .15s}.drop:hover{border-color:var(--accent)}
.drop input{display:none}.drop svg{width:34px;height:34px;fill:none;stroke:var(--accent);stroke-width:1.7}.drop b{font-weight:500}.drop span{font-size:13px;color:var(--mute)}
.tagin{display:flex;flex-wrap:wrap;gap:6px;border:1px solid var(--line2);border-radius:12px;padding:8px;background:var(--panel-solid)}.tagin input{flex:1;min-width:200px;border:0;box-shadow:none;min-height:34px;padding:4px}
.tg{display:inline-flex;align-items:center;gap:4px;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:4px 6px 4px 12px;font-size:13px}.tg button{border:0;background:none;color:inherit;cursor:pointer;font-size:15px}
.kwsug{display:flex;flex-wrap:wrap;gap:6px}.kwsug button{border:1px solid var(--line2);background:var(--panel-solid);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer;color:var(--text)}.kwsug small{color:var(--mute)}.kwsug button:hover{border-color:var(--accent)}
.rv{display:grid;grid-template-columns:220px 1fr;gap:18px;margin-top:12px}.rv-img{border-radius:14px;overflow:hidden;background:var(--hover);aspect-ratio:4/3;display:grid;place-items:center;color:var(--mute)}.rv-img img{width:100%;height:100%;object-fit:cover}
.rv dl{display:grid;grid-template-columns:130px 1fr;gap:8px 14px;margin:0;font-size:14px}.rv dt{color:var(--mute)}.rv dd{margin:0}.rv dd a{font-size:12px;color:var(--accent);margin-left:6px}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:150;display:none;place-items:center;cursor:zoom-out}.lightbox.on{display:grid;animation:pop .18s ease-out}.lightbox img{max-width:92vw;max-height:88vh;border-radius:12px;box-shadow:0 20px 60px #000}
@media(max-width:1300px){.lf{grid-template-columns:200px minmax(0,1fr)}.lf-help{grid-column:2;position:static;max-height:none}}
@media(max-width:900px){.lf{grid-template-columns:1fr}.lf-steps{position:sticky;top:58px;z-index:5;flex-direction:row;overflow-x:auto;background:var(--bg2,#fff);padding:6px 0}.lf-steps button span{white-space:nowrap}
  .lf-help{grid-column:1}.grid2,.grid3,.opt2,.opt3{grid-template-columns:1fr}.lf-main{padding:18px 16px}.rv{grid-template-columns:1fr}.hs{grid-template-columns:70px 1fr}.hs em{display:none}}
/* ================= inventory table ================= */
.inv-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px}.inv-tabs button{border:1px solid var(--line2);background:var(--panel-solid);border-radius:999px;padding:7px 14px;font:inherit;font-size:13.5px;cursor:pointer;color:var(--text2);transition:all .15s}
.inv-tabs button em{font-style:normal;font-size:11.5px;color:var(--mute);margin-left:4px}.inv-tabs button.on{background:#0b1438;border-color:#0b1438;color:#fff}.inv-tabs button.on em{color:#9fb8ff}
.inv-bar{display:flex;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}.inv-bar select{width:auto;min-width:170px}
.inv-s{display:flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:12px;padding:0 12px;min-width:280px;flex:1;max-width:420px;background:var(--panel-solid)}.inv-s svg{width:16px;height:16px;fill:none;stroke:var(--mute);stroke-width:2}.inv-s input{border:0;box-shadow:none;padding:0;background:none}
.inv-bulk{display:flex;gap:6px;align-items:center;font-size:13px}.inv-bulk span{color:var(--mute);margin-right:4px}
.tbl.inv td{padding-top:10px;padding-bottom:10px}.inv tr{transition:background .3s}.inv tr.flashrow{background:var(--accent-soft)}
.inv-p{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;min-width:300px}.inv-p img{width:64px;height:48px;object-fit:cover;border-radius:8px;cursor:zoom-in;background:var(--hover)}
.inv-t{font-weight:500;display:block;font-size:14px;line-height:1.3}.inv-t:hover{color:var(--accent);text-decoration:underline}.inv-p span{font-size:12px;color:var(--mute);display:block}.inv-v{font-size:12px;color:var(--accent)}
.qe{width:110px;min-height:36px;text-align:right;padding:6px 10px;font-variant-numeric:tabular-nums}.qe.busy{opacity:.5}.qe.saved{border-color:var(--ok);box-shadow:0 0 0 3px rgba(29,138,69,.15)}
td small{display:block;font-size:11px;color:var(--mute)}
.sw{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.sw input{display:none}.sw i{width:36px;height:20px;border-radius:999px;background:var(--line2);position:relative;transition:.2s}
.sw i::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.3)}.sw input:checked+i{background:#1d8a45}.sw input:checked+i::after{left:18px}
.av{font-size:12px;border-radius:6px;padding:2px 8px;background:var(--hover)}.av.in_transit{background:#eef2fb;color:#1e4fd8}.av.at_port{background:#fff4e2;color:#9a6100}
.dd{position:relative;display:inline-block}.dd-m{display:none;position:absolute;right:0;top:calc(100% + 4px);min-width:190px;background:var(--panel-solid);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;z-index:10;text-align:left}
.dd.open .dd-m{display:block}.dd-m a,.dd-m button{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:8px;font:inherit;font-size:13.5px;border:0;background:none;color:var(--text);cursor:pointer}.dd-m a:hover,.dd-m button:hover{background:var(--hover)}
.dd-m form{margin:0}
.sw i{display:inline-block;flex:none}.sw span{white-space:nowrap}
@media(min-width:1201px){.card.flush:has(.tbl.inv){overflow:visible}.inv-p{min-width:240px}}
.qe{width:96px}
/* bulk */
.bk-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.bk-steps>div{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--line);font-size:14px;color:var(--text2)}
.bk-steps i{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line2);display:grid;place-items:center;font-style:normal;font-size:12px;flex:none}.bk-steps .on{border-color:var(--accent);color:var(--text)}.bk-steps .on i{border-color:var(--accent);color:var(--accent)}
.bk-steps .ok i{background:#1d8a45;border-color:#1d8a45;color:#fff}
.bk{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.bk>.card{margin:0!important}.bk #s3,.bk #s4{grid-column:1/-1}
.drop.over{border-color:var(--accent);background:var(--accent-soft)}
.mapg{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}.mp{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.mp b{font-weight:500;display:block;font-size:13.5px}.mp span{font-size:12px;color:var(--mute);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.mp.ok{border-color:rgba(29,138,69,.4);background:rgba(29,138,69,.05)}.mp select{min-height:38px}
.bk-sum{display:flex;gap:8px}.bk-sum span{border-radius:999px;padding:5px 12px;font-size:13px}.bk-sum .ok{background:#e6f5ea;color:#1d6b35}.bk-sum .bad{background:var(--bad-soft);color:var(--bad)}.bk-sum .sv{background:var(--accent-soft);color:var(--accent)}
tr.badrow td{background:rgba(217,48,37,.04)}
@media(max-width:900px){.bk{grid-template-columns:1fr}.bk-steps{grid-template-columns:1fr 1fr}}
.keybox{background:#0b1438;color:#fff;border-radius:16px;padding:16px 18px;margin-bottom:16px}.keybox b{font-weight:500}.keybox p{color:#c5cde6;font-size:13px;margin:4px 0 10px}.keybox code{background:#ffffff14;border-radius:8px;padding:8px 12px;font-size:14px;word-break:break-all}
.api-how{padding-left:20px;line-height:1.7;font-size:14px}.api{display:flex;flex-direction:column;gap:8px;margin:12px 0}.api-e{border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.api-e summary{display:flex;align-items:center;gap:10px;cursor:pointer;flex-wrap:wrap}.api-e .m{font-size:11.5px;font-weight:600;border-radius:6px;padding:2px 8px;min-width:58px;text-align:center}
.m.get{background:#e6f5ea;color:#1d6b35}.m.put{background:#eef2fb;color:#1e4fd8}.m.patch{background:#fff4e2;color:#9a6100}.m.delete{background:var(--bad-soft);color:var(--bad)}.api-e .d{font-size:13px;color:var(--text2)}
pre.code{background:#0b1020;color:#e6ebff;border-radius:10px;padding:12px 14px;font:12.5px/1.6 ui-monospace,Menlo,monospace;white-space:pre-wrap;overflow:auto;margin:10px 0 0}

/* ---------- slab-by-slab stock (listing form) ---------- */
.ss{margin-top:18px;display:grid;gap:16px}
.ss-sum{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;position:sticky;top:64px;z-index:3}
.ss-sum>div{background:var(--panel-solid);padding:12px 14px}.ss-sum b{display:block;font-size:17px;font-weight:500;white-space:nowrap}.ss-sum span{font-size:12px;color:var(--mute)}
.ss-sum .warn b{color:#b06d00}.ss-sum p{grid-column:1/-1;margin:0;padding:14px;background:var(--panel-solid);color:var(--mute);font-size:14px}
.ss-blk{border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--panel-solid)}
.ss-h{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}.ss-h>i{flex:0 0 30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:600;font-size:14px}
.ss-h h3{margin:3px 0 2px;font-size:16px}.ss-h p{margin:0;color:var(--mute);font-size:13.5px;max-width:640px}.ss-h>div{flex:1}
.ss-unit{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mute);white-space:nowrap}.ss-unit select{height:38px;width:auto}
.ss-in{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ss-card{position:relative;display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;border:1.5px dashed var(--line2);border-radius:14px;padding:16px;background:none;color:var(--text);font:inherit;cursor:pointer;transition:.15s}
.ss-card:hover{border-color:var(--accent);background:var(--accent-soft)}.ss-card input{position:absolute;inset:0;opacity:0;cursor:pointer}
.ss-card svg{width:28px;height:28px;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:4px}.ss-card b{font-size:14.5px;font-weight:500}.ss-card span{font-size:12.5px;color:var(--mute)}
.ss-pop{margin-top:12px;border:1px solid var(--line2);border-radius:12px;padding:14px;display:grid;gap:10px;background:var(--bg,transparent)}.ss-pop textarea{font-family:ui-monospace,Menlo,monospace;font-size:13.5px}
.ss-q{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px}.ss-q input{width:84px;height:40px}.ss-q .u{color:var(--mute);font-size:13px}
.ss-res{display:flex;gap:12px;align-items:center;margin-top:12px;padding:10px;border-radius:12px;background:rgba(29,138,69,.08);border:1px solid rgba(29,138,69,.25)}.ss-res.bad{background:rgba(217,48,37,.06);border-color:rgba(217,48,37,.25)}
.ss-res img{width:64px;height:64px;object-fit:cover;border-radius:8px;cursor:zoom-in}.ss-res b{display:block;font-size:14px;font-weight:500}.ss-res span{font-size:12.5px;color:var(--mute)}
.ss-tw{max-height:440px;overflow:auto;border:1px solid var(--line);border-radius:12px}
.ss-t{margin:0}.ss-t thead th{position:sticky;top:0;background:var(--panel-solid);z-index:1}.ss-t td{padding:5px 8px;vertical-align:middle}
.ss-t input,.ss-t select{height:36px;min-width:0;width:100px;padding:0 8px}.ss-t input.n{width:70px}.ss-t select{width:auto;max-width:170px}
.ss-t tr.unsure td{background:rgba(255,190,40,.16)}.ss-t tr.unsure input{border-color:#e0a100}
.ss-t .x,.ss-g .x,.ss-d .x{border:0;background:none;color:var(--mute);font-size:20px;line-height:1;cursor:pointer;padding:2px 8px;border-radius:8px}.ss-t .x:hover,.ss-g .x:hover,.ss-d .x:hover{background:rgba(217,48,37,.1);color:#d93025}
.ss-t .btn.ok{height:30px;padding:0 10px;color:#1d8a45;border-color:#1d8a45}
.ss-t .lnk{border:0;background:none;color:var(--accent);font:inherit;font-size:13px;cursor:pointer;padding:0}
.dbadge{border:0;border-radius:999px;background:rgba(217,48,37,.12);color:#c0281d;font:inherit;font-size:12px;padding:3px 10px;cursor:pointer}
.gsel{border-left:4px solid var(--accent)!important}.gsel.g-B{border-left-color:#ff7a1f!important}.gsel.g-C{border-left-color:#1d8a45!important}.gsel.g-D{border-left-color:#7a3cff!important}.gsel.g-E{border-left-color:#0891b2!important}.gsel.g-F{border-left-color:#b06d00!important}
.ssx-b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#1e4fd8;color:#fff;font-size:13px;font-weight:600;flex:0 0 26px}
.ssx-b.g2{background:#ff7a1f}.ssx-b.g3{background:#1d8a45}.ssx-b.g4{background:#7a3cff}.ssx-b.g5{background:#0891b2}.ssx-b.g6{background:#b06d00}
.ss-gs{display:grid;gap:12px}
.ss-g{display:grid;grid-template-columns:150px 1fr;gap:14px;border:1px solid var(--line);border-radius:14px;padding:12px}
.ss-gp{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:4/3;background:var(--accent-soft)}.ss-gp.wide{aspect-ratio:16/9;max-width:300px}
.ss-gp img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;display:block}
.ss-gp>label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;text-align:center;padding:8px;border:1.5px dashed var(--line2);border-radius:10px}
.ss-gp.need>label{border-color:#e0a100;background:rgba(255,190,40,.08)}.ss-gp>label:hover{border-color:var(--accent)}
.ss-gp input{display:none}.ss-gp svg{width:26px;height:26px;fill:none;stroke:var(--accent);stroke-width:1.7}.ss-gp b{font-size:13px;font-weight:500}.ss-gp span{font-size:11.5px;color:var(--mute)}
.ss-gp .chg{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.6);color:#fff;font-size:11.5px;padding:4px 9px;border-radius:999px;cursor:pointer}.ss-gp .chg input{display:none}
.ss-gp .busy,.ss-gp label.busy{opacity:.5;pointer-events:none}
.ss-gt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ss-gt b{font-weight:500;font-size:15px}.ss-gt em{font-style:normal;color:var(--mute);font-size:13px}.ss-gt .x{margin-left:auto}
.ss-gb dl{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:2px 28px;margin:10px 0}.ss-gb dt{grid-row:1;font-size:11.5px;color:var(--mute)}.ss-gb dd{grid-row:2;margin:0;font-size:14.5px;font-weight:500}.ss-gb dd small{display:block;font-weight:400;color:var(--mute);font-size:11.5px}
.ss-gb .grid2{gap:8px}.ss-gb .grid2 input{height:40px}
.ss-split{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:14px;color:var(--mute)}.ss-split input{width:90px;height:40px}
.ss-d{display:grid;grid-template-columns:130px 1fr auto;gap:14px;border:1px solid var(--line);border-left:4px solid #1d8a45;border-radius:12px;padding:12px;margin-bottom:10px;transition:box-shadow .3s}
.ss-d.need{border-left-color:#e0a100}.ss-d.flash{box-shadow:0 0 0 3px var(--accent-soft)}
.ss-dp{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:1;background:var(--accent-soft)}.ss-dp img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}
.ss-dp>label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;border:1.5px dashed #e0a100;border-radius:10px;text-align:center}
.ss-dp input{display:none}.ss-dp svg{width:24px;height:24px;fill:none;stroke:var(--accent);stroke-width:1.7}.ss-dp b{font-size:12.5px;font-weight:500}
.ss-dp .chg{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.6);color:#fff;font-size:11.5px;padding:4px 9px;border-radius:999px;cursor:pointer}
.ss-df{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 12px}.ss-df .f{margin:0}.ss-df .f span{font-size:12px}.ss-df input,.ss-df select{height:40px}.ss-df .wide{grid-column:1/-1}
.ss-dx{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.ss-dx em{font-style:normal;font-size:12px;color:#b06d00;white-space:nowrap}.ss-dx em.ok{color:#1d8a45}
.ss-bp{display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:start}.ss-bp .chk{display:flex;margin-bottom:8px}
/* shooting guide drawings (help rail + guide page) */
.shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.shots.compact{grid-template-columns:1fr 1fr;gap:8px}
.shot{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel-solid)}.shot svg{display:block;width:100%;height:auto}
.shot figcaption{padding:8px 10px;font-size:12.5px}.shot figcaption b{display:block;font-weight:500;color:#1d8a45}.shot.bad figcaption b{color:#d93025}.shot figcaption span{display:block;color:var(--mute);margin-top:3px;line-height:1.45}
@media(max-width:900px){.ss-sum{grid-template-columns:repeat(3,1fr);position:static}.ss-in{grid-template-columns:1fr}.ss-g{grid-template-columns:1fr}.ss-gp{max-width:none}
  .ss-d{grid-template-columns:90px 1fr}.ss-dx{grid-column:1/-1;flex-direction:row}.ss-df{grid-template-columns:1fr 1fr}.ss-bp{grid-template-columns:1fr}.ss-h{flex-wrap:wrap}}
.lf [hidden]{display:none!important}.lf-main{min-width:0}
.ss-gp>label.chg,.ss-dp>label.chg{inset:auto;right:6px;bottom:6px;border:0;border-radius:999px;padding:4px 10px;display:block;background:rgba(0,0,0,.62);color:#fff;font-size:11.5px}
.ss-t td.r{white-space:nowrap}.ss-t td.mini{white-space:nowrap}
.ss{grid-template-columns:minmax(0,1fr)}.ss>*{min-width:0}.ss-sum b{white-space:normal;font-size:15.5px}.lf-s{min-width:0}

/* ---------- QSChart ---------- */
.qsc-tg{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.qsc-tg button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:118px;padding:10px 12px 10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid);color:var(--text);font:inherit;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s,opacity .15s;opacity:.72}
.qsc-tg button:hover{opacity:1}.qsc-tg button.on{opacity:1;border-color:var(--c);box-shadow:inset 0 3px 0 var(--c)}
.qsc-tg button i{position:absolute;right:10px;top:12px;width:9px;height:9px;border-radius:50%;border:2px solid var(--c)}.qsc-tg button.on i{background:var(--c)}
.qsc-tg span{font-size:12px;color:var(--mute)}.qsc-tg b{font-size:17px;font-weight:500;white-space:nowrap}.qsc-tg em{font-style:normal;font-size:11.5px}.qsc-tg em.up{color:#1d8a45}.qsc-tg em.down{color:#d93025}
.qsc-c{position:relative}.qsc svg{display:block;width:100%}.qsc svg .gl{stroke:var(--line);stroke-width:1}.qsc svg text{font-size:10.5px;fill:var(--mute)}
.qsc svg .qsc-x{stroke:var(--line2);stroke-dasharray:3 3}
.qsc-tip{position:absolute;top:8px;display:none;min-width:170px;background:var(--panel-solid);border:1px solid var(--line2);border-radius:10px;padding:8px 10px;font-size:12.5px;box-shadow:0 10px 30px rgba(5,10,30,.14);pointer-events:none;z-index:2}
.qsc-tip b{display:block;font-weight:500;margin-bottom:4px}.qsc-tip div{display:flex;align-items:center;gap:6px}.qsc-tip div i{width:8px;height:8px;border-radius:50%}.qsc-tip div span{margin-left:auto;font-weight:500}

/* ---------- date range ---------- */
.adr{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.adr-p{display:flex;border:1px solid var(--line2);border-radius:10px;overflow:hidden}.adr-p button{border:0;border-right:1px solid var(--line);background:var(--panel-solid);color:var(--text);font:inherit;font-size:13px;padding:8px 12px;cursor:pointer}
.adr-p button:last-child{border-right:0}.adr-p button.on{background:var(--accent);color:#fff}
.adr-c{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--mute)}.adr-c input{height:38px;width:150px}.adr-x{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--mute);cursor:pointer}

/* ---------- smart table ---------- */
.stb-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}
.stb-s{display:flex;align-items:center;gap:6px;border:1px solid var(--line2);border-radius:10px;padding:0 10px;height:38px;min-width:220px;background:var(--panel-solid)}.stb-s svg{width:16px;height:16px;fill:none;stroke:var(--mute);stroke-width:2}
.stb-s input{border:0!important;height:34px;padding:0;background:none;box-shadow:none!important;min-width:0;flex:1}.stb-bar select{height:38px;width:auto}
.stb-n{font-size:12.5px;color:var(--mute)}.stb-cols .dd-m{min-width:200px;padding:8px}.stb-cols .dd-m label{display:flex;gap:8px;align-items:center;padding:6px 8px;font-size:13.5px;cursor:pointer;border-radius:8px}.stb-cols .dd-m label:hover{background:var(--accent-soft)}
.stb-w{overflow:auto;max-width:100%}.stb .tbl{margin:0;min-width:640px}.stb th.srt{cursor:pointer;user-select:none;white-space:nowrap}.stb th.srt:hover{color:var(--accent)}
.stb th.asc:after{content:' ▲';font-size:9px}.stb th.desc:after{content:' ▼';font-size:9px}
.stb tbody.in{animation:stbIn .28s ease}@keyframes stbIn{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}
.stb td{white-space:nowrap}.stb td .pname{white-space:normal;min-width:200px}
.prow{display:flex;align-items:center;gap:10px;min-width:240px;white-space:normal}.prow img{width:44px;height:44px;border-radius:8px;object-fit:cover;flex:0 0 44px;cursor:zoom-in}
.prow a.t{font-weight:500;line-height:1.3}.prow small{display:block;color:var(--mute);font-size:11.5px}.prow small a{color:var(--accent)}
.bar-s{display:inline-block;height:6px;border-radius:3px;background:var(--accent);opacity:.75;vertical-align:middle;margin-right:6px}

/* ---------- advertising console shell ---------- */
.ac-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:10px 14px;margin-bottom:18px;border-radius:16px;background:linear-gradient(120deg,#0b1438,#1a3a9e 70%,#1e4fd8);color:#fff}
.ac-brand{display:flex;align-items:center;gap:10px}.ac-brand svg{width:26px;height:26px;fill:none;stroke:#ffb27a;stroke-width:1.8}.ac-brand b{font-weight:500;font-size:15px;display:block}.ac-brand span{font-size:11.5px;opacity:.7}
.ac-tabs{display:flex;flex-wrap:wrap;gap:4px}.ac-tabs a{padding:8px 12px;border-radius:10px;font-size:13.5px;color:rgba(255,255,255,.8)}.ac-tabs a:hover{background:rgba(255,255,255,.1);color:#fff}.ac-tabs a.on{background:#fff;color:#0b1438;font-weight:500}
.ac-bar .sp{flex:1}.ac-bar .ac-g{font-size:13px;color:#ffd2b0}.ac-bar form button{border:1px solid rgba(255,255,255,.35);background:none;color:#fff;border-radius:10px;padding:7px 12px;font:inherit;font-size:13px;cursor:pointer}.ac-bar form button:hover{background:rgba(255,255,255,.12)}
.ac-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;margin-top:16px}.ac-row>*{min-width:0}
.ac-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}.ac-head h2{margin:0}.ac-head .sp{flex:1}
.ac-chart{margin-bottom:16px}
/* where your ads show */
.wh{display:grid;gap:10px}.wh-r{display:grid;grid-template-columns:58px 1fr repeat(5,auto);align-items:center;gap:14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.wh-r svg{width:58px;height:42px}.wh-r b{font-weight:500;display:block}.wh-r small{color:var(--mute);font-size:12px}
.wh-m{text-align:right;min-width:70px}.wh-m span{display:block;font-size:11px;color:var(--mute)}.wh-m b{font-size:14px}
.wh-sh{height:6px;border-radius:3px;background:var(--line);margin-top:6px;overflow:hidden}.wh-sh i{display:block;height:100%;background:var(--accent)}
/* top products strip */
.tps{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.tp{border:1px solid var(--line);border-radius:12px;overflow:hidden;display:block}.tp img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.tp div{padding:8px 10px}.tp b{display:block;font-weight:500;font-size:13px;line-height:1.3}.tp span{font-size:12px;color:var(--mute)}.tp em{font-style:normal;color:#1d8a45;font-weight:500;font-size:13px}
/* console home */
.ah{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:center;padding:34px;border-radius:22px;background:radial-gradient(1200px 400px at 0 0,#16297a,#0b1438);color:#fff;margin-bottom:18px}
.ah h1{font-size:34px;line-height:1.15;margin:8px 0 12px;font-weight:500;color:#fff}.ah p{opacity:.85;font-size:15.5px;line-height:1.6;margin:0 0 18px}.ah .eb{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#ffb27a}
.ah .btn.primary{height:48px;padding:0 22px;font-size:15px;background:#ff7a1f;border-color:#ff7a1f}.ah .ah-s{display:flex;gap:22px;margin-top:22px;flex-wrap:wrap}.ah .ah-s b{display:block;font-size:22px;font-weight:500}.ah .ah-s span{font-size:12px;opacity:.7}
.ah svg.mock{width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.35))}
.ah-c{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ah-c .card{margin:0}.ah-c .card h3{margin:10px 0 6px;font-size:16px}.ah-c .card p{color:var(--mute);font-size:13.5px;margin:0 0 10px}
.ah-c .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft)}.ah-c .ic svg{width:22px;height:22px;fill:none;stroke:var(--accent);stroke-width:1.8}
.ah-f{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.ah-f div{padding:14px;border:1px solid var(--line);border-radius:14px}.ah-f b{display:block;font-weight:500;margin-bottom:4px}.ah-f span{font-size:13px;color:var(--mute)}
/* autopilot */
.ap{border:1.5px solid var(--line);border-radius:16px;padding:16px;background:linear-gradient(135deg,rgba(30,79,216,.05),rgba(255,122,31,.05))}.ap.on{border-color:var(--accent)}
.ap-h{display:flex;align-items:center;gap:12px}.ap-h svg{width:34px;height:34px;fill:none;stroke:var(--accent);stroke-width:1.6}.ap-h b{font-weight:500;font-size:15.5px}.ap-h span{display:block;font-size:13px;color:var(--mute)}
.ap-b{margin-top:14px}.ap-l{display:grid;gap:8px;margin-top:10px}.ap-l div{display:flex;gap:10px;font-size:13.5px}.ap-l i{flex:0 0 22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:600}
.agt td{vertical-align:middle}.agt td b{font-weight:500}.agt td small{display:block;color:var(--mute);font-size:12px}
.bsg{font-size:12px;color:var(--mute);margin-top:3px;white-space:nowrap}.bsg button{border:0;background:none;color:var(--accent);font:inherit;font-size:12px;cursor:pointer;padding:0 0 0 4px}
.mtypes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 12px}.mtypes div{border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:12.5px}.mtypes b{display:block;font-weight:500;font-size:13px}.mtypes code{font-size:11.5px;color:var(--accent)}
/* creative */
.cst{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;margin-bottom:14px;font-size:14px}.cst.pending{background:rgba(255,190,40,.14)}.cst.approved{background:rgba(29,138,69,.1)}.cst.rejected{background:rgba(217,48,37,.08)}
.upl{display:flex;gap:12px;align-items:center}.upl .ph0{width:72px;height:72px;border-radius:12px;border:1.5px dashed var(--line2);display:grid;place-items:center;overflow:hidden;background:var(--accent-soft)}.upl .ph0.w{width:160px;height:72px}.upl .ph0 img{width:100%;height:100%;object-fit:cover}
.sbprev2{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;color:#111}.sbp-top{display:flex;gap:6px;align-items:center;padding:8px 12px;background:#f4f5f7;font-size:12px;color:#556}.sbp-top i{width:8px;height:8px;border-radius:50%;background:#d0d4db}
.sbp-s{margin:10px 12px;height:34px;border:1px solid #d8dce3;border-radius:8px;display:flex;align-items:center;padding:0 10px;font-size:13px;color:#667}
.sbp-b{display:grid;grid-template-columns:200px 1fr;gap:12px;margin:0 12px 12px;border:1px solid #e6e8ec;border-radius:12px;overflow:hidden}
.sbp-l{position:relative;background:#0b1438 center/cover;min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;color:#fff}.sbp-l:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.65))}
.sbp-l>*{position:relative}.sbp-lg{width:40px;height:40px;border-radius:10px;background:#fff center/cover;color:#0b1438;display:grid;place-items:center;font-weight:700;margin-bottom:8px}
.sbp-l b{font-size:14px;line-height:1.3}.sbp-l small{font-size:11px;opacity:.85;margin-top:4px}.sbp-l .ad-l{font-size:10px;opacity:.75}
.sbp-p{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 12px 12px 0}.sbp-p div{font-size:12px}.sbp-p img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.sbp-p b{display:block;font-weight:600;font-size:12px}
.sbp-r{margin:0 12px 12px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sbp-r div{height:90px;border-radius:8px;background:#f0f1f4}
/* banners */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.pc{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel-solid);display:flex;flex-direction:column}.pc svg.wf{display:block;width:100%;height:auto;background:#eef1f6}
.pc-b{padding:12px 14px;display:flex;flex-direction:column;gap:8px;flex:1}.pc-b>b{font-weight:500}.pc-m{display:flex;flex-wrap:wrap;gap:6px;font-size:12px}.pc-m span{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 9px}
.pc-p{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--mute)}.pc-p b{font-size:17px;color:var(--text);font-weight:500}
.pc form{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto}.pc form>*{min-width:0;height:38px}.pc form .w2{grid-column:1/-1}
.pfil{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.pfil button{border:1px solid var(--line2);background:var(--panel-solid);color:var(--text);border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;cursor:pointer}.pfil button.on{background:var(--accent);border-color:var(--accent);color:#fff}
.pc.hide{display:none}
/* campaign page */
.cphead{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.cphead h1{margin:0}.cpmeta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:13px;color:var(--mute)}
.qsparts{display:flex;gap:10px;font-size:12px;color:var(--mute)}.qsparts b{color:var(--text);font-weight:500}
.aplog{display:grid;gap:8px}.aplog div{display:flex;gap:10px;font-size:13px;border-bottom:1px solid var(--line);padding-bottom:8px}.aplog time{color:var(--mute);white-space:nowrap;min-width:92px}
@media(max-width:1000px){.ac-row,.ah{grid-template-columns:1fr}.ah-c,.ah-f{grid-template-columns:1fr 1fr}.wh-r{grid-template-columns:48px 1fr repeat(2,auto)}.wh-r .wh-m.x{display:none}.mtypes{grid-template-columns:1fr 1fr}.sbp-b{grid-template-columns:1fr}.sbp-p{padding:0 12px 12px}}
@media(max-width:640px){.ah{padding:22px}.ah h1{font-size:26px}.ah-c,.ah-f{grid-template-columns:1fr}.ac-tabs{overflow-x:auto;flex-wrap:nowrap;width:100%}.ac-tabs a{white-space:nowrap}.qsc-tg button{min-width:calc(50% - 4px)}}
.stb .stb-bar select{width:auto!important;flex:0 0 auto;max-width:210px}.stb .sw{white-space:nowrap;min-width:110px}
.ac-bar{flex-wrap:nowrap}.ac-tabs{flex-wrap:nowrap;overflow-x:auto;min-width:0;flex:1}.ac-tabs a{white-space:nowrap}.ac-bar .sp{display:none}.ac-bar form{flex:0 0 auto}.ac-bar .ac-g{white-space:nowrap}
@media(max-width:1350px){.ac-bar .ac-g{display:none}}
@media(max-width:800px){.ac-bar{flex-wrap:wrap}.ac-tabs{order:3;width:100%;flex:0 0 100%}}
.kwt select{min-width:110px}.kwt input[name=kw]{min-width:170px}.bsg{white-space:normal;max-width:230px;margin-left:auto;line-height:1.4;text-align:right}
@media(max-width:800px){.grid4{grid-template-columns:1fr 1fr!important}}
.ac-tabs a{padding:8px 10px;font-size:13px}@media(max-width:1520px){.ac-bar .ac-g{display:none}}
.adr{max-width:100%;min-width:0}.adr-p{max-width:100%;overflow-x:auto}.adr-p button{white-space:nowrap}
@media(max-width:640px){.adr-c{flex-wrap:wrap}.adr-c input{width:calc(50% - 20px);min-width:0}.ac-head{flex-wrap:wrap}.ac-head>#rng{width:100%}
  .wh-r{grid-template-columns:40px minmax(0,1fr) auto auto auto;gap:8px;padding:10px}.wh-r svg{width:40px;height:40px}.wh-r small{display:none}.wh-m{min-width:0}
  .ac-chart,.card{min-width:0}.stb-s{min-width:0;flex:1 1 100%}}
.ad-wrap>*{min-width:0}
@media(max-width:800px){.ad-wrap{grid-template-columns:1fr!important}.grid3>[style*="grid-column"]{grid-column:auto!important}.ad-side{position:static!important}.simbox{flex-wrap:wrap}}
/* ---------- QwikStone sub-products: lockup + own menu ---------- */
.side .brand.subp{display:block;padding-bottom:6px}.brand.subp .lk{display:inline-flex;flex-direction:column;align-items:flex-start;gap:5px}
.brand.subp .lk b{font-size:19px;font-weight:600;letter-spacing:-.01em;line-height:1;color:#ffb27a;padding-left:1px}
.side .backhub{display:flex;align-items:center;gap:6px;margin:4px 0 10px;padding:8px 10px;border-radius:10px;font-size:13px;color:#c5cde6;border:1px solid rgba(255,255,255,.12)}
.side .backhub svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.side .backhub:hover{background:rgba(255,255,255,.07);color:#fff}
.side .lockt{margin-left:auto;font-size:10px;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:1px 6px;color:#aab3d1}
.brand.subp .lk b{text-transform:none}
/* lockup v2: small product name, right-aligned under the logo */
.brand.subp .lk{display:inline-flex;flex-direction:column;align-items:flex-end;gap:1px}
.brand.subp .lk b{font-size:11.5px;font-weight:600;letter-spacing:.02em;text-transform:none;line-height:1.1;color:#ffb27a;padding:0}
/* ---------- settings: business profile ---------- */
.bp{display:grid;gap:16px}.bp .card{margin:0}.bp-h{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.bp-h h2{margin:0 0 4px}.bp-h .sp{flex:1}
.ro{min-height:44px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 12px;border:1px dashed var(--line2);border-radius:10px;font-size:14px;color:var(--mute)}
.bp-hours{display:grid;gap:6px;margin-top:10px}.bp-d{display:grid;grid-template-columns:110px 120px 110px 24px 110px 1fr;align-items:center;gap:10px;padding:6px 10px;border-radius:10px}
.bp-d:nth-child(odd){background:var(--accent-soft)}.bp-d b{font-weight:500}.bp-d.off b{color:var(--mute)}.bp-d input[type=time]{height:38px;padding:0 8px}.bp-d input:disabled{opacity:.4}
.bp-bar2{position:relative;height:8px;border-radius:4px;background:var(--line)}.bp-bar2 i{position:absolute;top:0;bottom:0;border-radius:4px;background:#1d8a45}.bp-d.off .bp-bar2 i{display:none}
.bp-win{margin:10px 0}.bp-wt{display:flex;align-items:center;gap:8px;margin-bottom:10px}.bp-wt input{height:40px;width:130px}
.bp-dd{display:flex;flex-wrap:wrap;gap:6px}.bp-dd label{border:1px solid var(--line2);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer;user-select:none}.bp-dd label.on{background:var(--accent);border-color:var(--accent);color:#fff}.bp-dd input{display:none}
.bp-ch{display:flex;flex-wrap:wrap;gap:6px}.bp-ch .chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);border-radius:999px;padding:6px 12px;font-size:13px}
.bp-yards{display:grid;gap:12px;margin-top:12px}.bp-y{border:1px solid var(--line);border-radius:14px;padding:14px}.bp-y.pri{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent)}.bp-yh{display:flex;align-items:center;margin-bottom:8px}.bp-yh .sp{flex:1}
.bp-auto{display:grid;gap:12px;margin-top:8px}.bp-a{display:flex;gap:14px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:14px}.bp-a b{display:block;font-weight:500;margin-bottom:3px}.bp-a span{font-size:13.5px;color:var(--mute);line-height:1.5}
.bp-a .sw{margin-top:2px}.inl{width:70px!important;height:32px!important;display:inline-block!important;padding:0 6px!important;margin:0 2px}
.bp-bar{position:sticky;bottom:0;display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:12px 0;margin-top:12px;background:linear-gradient(transparent,var(--bg,#f6f7fb) 40%)}.bp-bar .warn{color:#b06d00}
.x{border:0;background:none;color:var(--mute);font-size:22px;line-height:1;cursor:pointer;padding:2px 8px;border-radius:8px}.x:hover{background:rgba(217,48,37,.1);color:#d93025}
/* payouts & payment methods */
.pa{display:grid;grid-template-columns:44px 1fr auto auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;margin-bottom:10px}.pa.pending{border-style:dashed;border-color:#e0a100}
.pa-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:700}.pa-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
.pa-ic.visa{background:#1a1f71;color:#fff}.pa-ic.mastercard{background:#eb001b;color:#fff}.pa-ic.rupay{background:#097939;color:#fff}.pa-ic.amex{background:#2e77bb;color:#fff}.pa-ic.upi{background:#5f259f;color:#fff}
.pa-b b{display:block;font-weight:500}.pa-b span{font-size:12.5px;color:var(--mute)}.pa-s{display:flex;gap:6px}.pa-a{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.pa-v{display:flex;gap:6px}.pa-v input{width:72px;height:34px;padding:0 8px}
.po-sch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.po-sch .oc{position:relative;border:1.5px solid var(--line2);border-radius:12px;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column}.po-sch .oc.on{border-color:var(--accent);background:var(--accent-soft)}
.po-sch input{position:absolute;opacity:0}.po-sch b{font-weight:500;font-size:14px}.po-sch span{font-size:12px;color:var(--mute)}
.po-safe{display:flex;gap:12px;align-items:flex-start}.po-safe svg{flex:0 0 34px;width:34px;height:34px;fill:none;stroke:#1d8a45;stroke-width:1.7}.po-safe b{display:block;font-weight:500}.po-safe span{font-size:13px;color:var(--mute)}
.po-m{position:fixed;inset:0;z-index:80;background:rgba(5,10,30,.45);display:grid;place-items:center;padding:16px}.po-m[hidden]{display:none}
.po-d{width:min(520px,100%);max-height:92vh;overflow:auto;background:var(--panel-solid);border-radius:18px;padding:20px;box-shadow:0 30px 80px rgba(0,0,0,.3);animation:stbIn .2s ease}.po-d form{display:grid;gap:12px}
.po-secure{border:1.5px solid #1d8a45;border-radius:14px;padding:12px;display:grid;gap:10px;background:rgba(29,138,69,.04)}.po-lk{font-size:12px;color:#1d8a45;font-weight:500}
/* documents */
.dv-top{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.dv-ring{--p:0;width:110px;height:110px;border-radius:50%;background:conic-gradient(#1d8a45 calc(var(--p)*1%),#ff7a1f 0);display:grid;place-items:center;position:relative;flex:0 0 110px}
.dv-ring:before{content:'';position:absolute;inset:12px;border-radius:50%;background:var(--panel-solid)}.dv-ring b,.dv-ring span{position:relative}.dv-ring b{font-size:22px;font-weight:500;margin-top:18px}.dv-ring span{font-size:11px;color:var(--mute);margin-top:-30px}
.dv-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin:16px 0}.dv-c{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-solid)}
.dv-ic{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--accent-soft);color:var(--accent)}.dv-c.on_file .dv-ic{background:#1d8a45;color:#fff}.dv-c.expired .dv-ic{background:#d93025;color:#fff}.dv-c.missing{border-style:dashed}
.dv-b{flex:1}.dv-b b{display:block;font-weight:500}.dv-b span{display:block;font-size:12.5px;color:var(--mute);margin-top:2px}.dv-b em{display:block;font-style:normal;font-size:12px;color:#1d8a45;margin-top:4px}
.ct-k{margin-bottom:16px}
@media(max-width:800px){.bp-d{grid-template-columns:1fr auto;}.bp-d input[type=time]{width:100%}.bp-d .mini,.bp-bar2{display:none}.pa{grid-template-columns:44px 1fr}.pa-s,.pa-a{grid-column:1/-1;justify-content:flex-start}}
.bp-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bp-2>.card{margin:0}@media(max-width:900px){.bp-2{grid-template-columns:1fr}}
.bp-a>.sw{flex:0 0 auto;min-width:46px}.bp-a>div{flex:1;min-width:0}
.bp-d{grid-template-columns:110px 120px 140px 24px 140px 1fr}.bp-d input[type=time]{width:140px}.bp-wt input{width:150px}
.po-sch .oc{padding-right:34px}
/* orders & business reports */
.tag{display:inline-block;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:6px;padding:2px 7px}.tag.local{background:rgba(29,138,69,.12);color:#1d8a45}.tag.export{background:rgba(30,79,216,.12);color:#1e4fd8}
.or-k{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.or-s{margin:0;text-align:left;font:inherit;color:inherit;display:flex;flex-direction:column;gap:4px;cursor:pointer;border:1px solid var(--line)}.or-s.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.or-s b{font-size:22px;font-weight:500}.or-s small{color:var(--mute);font-size:12.5px}div.or-s{cursor:default}
.or-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.or-bar .sp{flex:1}.or-bar .adr-p em{font-style:normal;opacity:.7;margin-left:4px}
.or-l{display:grid;gap:4px;min-width:200px}.or-l span{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.3}.or-l img{width:30px;height:30px;border-radius:6px;object-fit:cover;flex:0 0 30px}
.br-f{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}.br-f select{width:auto;height:38px}
.br-split{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px;margin-bottom:16px}.br-s{margin:0;text-align:left;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:6px;border:1px solid var(--line)}
.br-s.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.br-s b{font-size:26px;font-weight:500}.br-s small{color:var(--mute);font-size:12.5px}.br-s .pill{align-self:flex-start}
.br-sm{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--mute)}.br-sm em{font-style:normal;color:var(--text);font-weight:500;font-size:14px}
.br-mix{margin:0;display:flex;flex-direction:column;gap:8px}.br-mix b{font-weight:500}.br-mix small{color:var(--mute);font-size:12.5px}
.br-bar{height:12px;border-radius:6px;background:#1e4fd8;overflow:hidden}.br-bar i{display:block;height:100%;background:#1d8a45}.br-lg{display:flex;gap:16px;font-size:12.5px}.br-lg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.br-lg i.l{background:#1d8a45}.br-lg i.x{background:#1e4fd8}
.br-d{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n v" "b b" "s s";gap:3px 10px;width:100%;text-align:left;font:inherit;color:inherit;background:none;border:0;border-bottom:1px solid var(--line);padding:9px 2px;cursor:pointer}
.br-d.on{background:var(--accent-soft);border-radius:8px}.br-d span{grid-area:n;font-size:13.5px}.br-d span em{font-style:normal;font-size:11px;color:#1d8a45;margin-left:4px}.br-d b{grid-area:v;font-weight:500;font-size:13.5px}.br-d i{grid-area:b;display:block;height:6px;border-radius:3px;background:var(--accent);opacity:.7}.br-d small{grid-area:s;font-size:11.5px;color:var(--mute)}
.br-fn{display:grid;grid-template-columns:150px 1fr 70px;gap:10px;align-items:center;margin-bottom:10px;font-size:13.5px}.br-fn i{display:block;height:22px;border-radius:6px;background:linear-gradient(90deg,#1e4fd8,#6f96ff)}.br-fn b{font-weight:500;text-align:right}.br-fn small{grid-column:2/-1;font-size:11.5px;color:var(--mute);margin-top:-6px}
@media(max-width:1000px){.or-k{grid-template-columns:1fr 1fr}.br-split{grid-template-columns:1fr}}
.or-s .tag,.or-s>.mini{align-self:flex-start}.or-t td:first-child b{white-space:nowrap}[hidden].btn{display:none!important}
/* stock readiness & stock check */
.rd-c{border:2px solid var(--accent)}.rd-h{display:flex;gap:14px;align-items:flex-start}.rd-h svg{flex:0 0 40px;width:40px;height:40px;fill:none;stroke:var(--accent);stroke-width:1.6}.rd-h b{display:block;font-weight:500}.rd-h span{font-size:13.5px;color:var(--mute)}
.rd-l{list-style:none;padding:0;margin:14px 0;display:grid;gap:8px}.rd-l li{display:flex;align-items:center;gap:10px;font-size:14px}.rd-l img{width:44px;height:44px;border-radius:8px;object-fit:cover}.rd-l b{font-weight:500;flex:1}.rd-l span{color:var(--mute)}
.rd-nr{margin-top:12px;padding:12px;border:1px solid rgba(217,48,37,.3);border-radius:12px;background:rgba(217,48,37,.04);display:grid;gap:8px}.btn.danger{background:#d93025;border-color:#d93025;color:#fff}
.rd-b{border-left:4px solid var(--accent);margin-bottom:14px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.rd-bl{display:flex;gap:6px;flex-wrap:wrap}
.sc-hero{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}.sc-hero .sp{flex:1}.sc-ic{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#ff7a1f;color:#fff;font-size:22px;font-weight:600}.sc-ic.ok{background:#1d8a45}
.sc-all{height:48px;padding:0 20px}.sc-t tr.stale td{background:rgba(255,190,40,.06)}.sc-t tr.chg td{background:var(--accent-soft)}.sc-t .qe{width:110px}
.xd{border-color:var(--accent)!important;background:var(--accent-soft)}.xd-st{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:8px;font-size:12.5px}.xd-st span{color:var(--mute)}.xd-st .ok{color:#1d8a45}.xd-st .warn{color:#b06d00}
.rd-nr[hidden]{display:none!important}
.or-s .tag,.or-s>.mini{align-self:flex-start}.or-t td:first-child b{white-space:nowrap}[hidden].btn{display:none!important}
/* account health */
.hd{position:relative;width:150px;height:150px;flex:0 0 150px}.hd svg{width:100%;height:100%;transform:rotate(-90deg)}.hd circle{fill:none;stroke-width:14}.hd-o{stroke:#ff7a1f}.hd-g{stroke:#1d8a45;stroke-linecap:butt;transition:stroke-dasharray .6s}
.hd>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.hd b{font-size:36px;font-weight:500;line-height:1}.hd span{font-size:12px;color:var(--mute)}
.ah-score{display:flex;gap:24px;align-items:center}.hd-lg{display:flex;gap:16px;font-size:12.5px;color:var(--mute)}.hd-lg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.hd-lg i.g{background:#1d8a45}.hd-lg i.o{background:#ff7a1f}
.hd-sc{position:relative;height:30px;margin-top:14px;background:linear-gradient(90deg,#d93025 0 50%,#ffb020 50% 70%,#1d8a45 70%);background-size:100% 6px;background-repeat:no-repeat;border-radius:3px}
.hd-sc i{position:absolute;top:-2px;width:2px;height:10px;background:var(--panel-solid)}.hd-sc b{position:absolute;top:-5px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#fff;border:3px solid var(--text)}.hd-sc span{position:absolute;top:12px;font-size:10.5px;color:var(--mute);transform:translateX(-50%)}.hd-sc span:first-of-type{transform:none;left:0}.hd-sc span:last-of-type{transform:none}
.ah-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;transition:.15s}.ah-card:hover{border-color:var(--accent);background:var(--accent-soft)}
.ah-ci{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--accent-soft);color:var(--accent)}.ah-card.critical .ah-ci{background:#d93025;color:#fff}.ah-card.warning .ah-ci{background:#ffb020;color:#fff}
.ah-card div{flex:1}.ah-card b{display:block;font-weight:500;font-size:14px}.ah-card small{font-size:12px;color:var(--mute)}.ah-card em{font-style:normal;font-size:12.5px;color:var(--accent)}
.ah-iss{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:14px}.ah-i{margin:0;border-left:4px solid var(--line2)}.ah-i.critical{border-left-color:#d93025}.ah-i.warning{border-left-color:#ffb020}.ah-i.resolved{opacity:.75}
.ah-ih{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ah-i h3{margin:10px 0 4px;font-size:16px;font-weight:500}.ah-i p{margin:0 0 8px;color:var(--mute);font-size:13.5px}
.ah-do{background:var(--accent-soft);border-radius:10px;padding:10px 12px;font-size:13.5px;margin-bottom:10px}.ah-do b{display:block;font-weight:500;font-size:12px;color:var(--accent);margin-bottom:2px}
.ah-af{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.ah-af span{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:3px 9px}
.ah-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.ah-btns form{margin:0}.ah-btns .btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px}.ah-btns svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ah-fix{background:#1d8a45!important;border-color:#1d8a45!important}.ah-ap{border-color:var(--accent);color:var(--accent)}
@media(max-width:700px){.ah-score{flex-direction:column;align-items:flex-start}.ah-iss{grid-template-columns:1fr}}
/* attach box + case status */
.fdrop{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border:1.5px dashed var(--line2);border-radius:14px;cursor:pointer;background:var(--panel-solid);transition:.15s}
.fdrop:hover,.fdrop.over{border-color:var(--accent);background:var(--accent-soft)}.fdrop.has{border-style:solid;border-color:#1d8a45}.fdrop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.fdrop>svg{flex:0 0 26px;width:26px;height:26px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round}.fd-t b{display:block;font-weight:500;font-size:14px}.fd-t small{font-size:12px;color:var(--mute)}
.fd-p{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.fd-p img{width:44px;height:44px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.fd-p em{font-style:normal;font-size:12px;border:1px solid var(--line);border-radius:8px;padding:4px 8px}
.cs-st{margin-top:14px;display:grid;gap:4px}.cs-st select{height:44px;font-weight:500}.cs-st select.st-open{border-color:#ffb020;background:rgba(255,176,32,.08)}.cs-st select.st-solved{border-color:#1d8a45;background:rgba(29,138,69,.08)}
.sp-msg textarea,form textarea{min-height:110px}
/* RFQ */
.rq-bar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:-4px 0 14px}.rq-list{display:grid;gap:14px}
.rq{margin:0;border-left:4px solid var(--line2)}.rq.rel{border-left-color:#1d8a45}.rq-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.rq-h h2{margin:0 0 6px;font-size:17px}
.rq-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.rq-b{display:grid;grid-template-columns:auto 1fr;gap:16px;margin:14px 0}.rq-b:not(:has(.rq-ph)){grid-template-columns:1fr}
.rq-ph{display:grid;grid-template-columns:repeat(2,96px);gap:6px;align-content:start}.rq-ph img{width:96px;height:96px;object-fit:cover;border-radius:10px;cursor:zoom-in}
.rq-sp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 18px;margin:0}.rq-sp dt{font-size:11.5px;color:var(--mute)}.rq-sp dd{margin:0 0 4px;font-size:14px;font-weight:500}

.rq-n{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:var(--accent-soft);font-size:13.5px}.rq-pc{margin-top:8px;font-size:13px}.rq-pc span{display:inline-block;margin:4px 6px 0 0;border:1px solid var(--line);border-radius:999px;padding:2px 9px}
.rq-q{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line)}.rq-q>div:first-child{flex:1;min-width:220px}.rq-q b{display:block;font-weight:500}.rq-q span{font-size:13px;color:var(--mute)}.rq-q em{display:block;font-style:normal;font-size:12.5px;color:#b06d00;margin-top:3px}
.rq-a{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rq-a .dd-m button{display:block;width:100%;text-align:left;border:0;background:none;padding:8px 12px;font:inherit;font-size:13.5px;cursor:pointer;color:var(--text)}.rq-a .dd-m button:hover{background:var(--accent-soft)}
.rq-d{width:min(640px,100%)}.rq-f{display:grid;gap:12px}.rq-up{display:flex;gap:8px;flex-wrap:wrap}.rq-up span{position:relative}.rq-up img{width:72px;height:72px;object-fit:cover;border-radius:10px}.rq-up button{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:0;background:#0b1020;color:#fff;cursor:pointer}
.rq-add{width:72px;height:72px;border:1.5px dashed var(--line2);border-radius:10px;display:grid;place-items:center;font-size:12.5px;color:var(--accent);cursor:pointer}.rq-add input{display:none}
@media(max-width:800px){.rq-b{grid-template-columns:1fr}.rq-sp{grid-template-columns:auto auto}}
/* fabrication */
.fj-new{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px;padding:14px;border-radius:14px;background:var(--accent-soft);border:1px solid var(--accent)}.fj-new>div{flex:1;min-width:240px}.fj-new b{display:block;font-weight:500}.fj-new span{font-size:13px;color:var(--mute)}.fj-new form{margin:0}
.fj-acc{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;background:#1d8a45!important;border-color:#1d8a45!important}.fj-acc svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4}
.fj-dec{position:relative}.fj-dec summary{list-style:none;height:44px;display:inline-flex;align-items:center}.fj-dec summary::-webkit-details-marker{display:none}.fj-dec[open] form{position:absolute;right:0;top:50px;z-index:5;width:280px;padding:14px;border-radius:12px;background:var(--panel-solid);border:1px solid var(--line2);box-shadow:0 14px 40px rgba(5,10,30,.15);display:grid;gap:10px}
.fj-next{display:flex;align-items:center;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:12px}.fj-next .btn{height:42px}
.fj-steps i.now{box-shadow:0 0 0 2px var(--accent)}
.mtbl td{vertical-align:middle;padding:8px}.mtbl input{min-width:110px}.mph{display:flex;align-items:center;gap:8px;min-width:150px}.mph img{width:56px;height:42px;object-fit:cover;border-radius:8px;cursor:zoom-in}.mup{font-size:12.5px;color:var(--accent);cursor:pointer;white-space:nowrap}.mup input{display:none}
form .split>.card .grid2{gap:14px 18px}form .split>.card .f small{display:block;margin-top:4px;line-height:1.4}
/* growth */
.sc-k{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.sc-k .card{margin:0;display:flex;flex-direction:column;gap:3px}.sc-k span{font-size:12.5px;color:var(--mute)}.sc-k b{font-size:24px;font-weight:500}.sc-k small{font-size:12px;color:var(--mute)}
.sc-fin{background:linear-gradient(120deg,#0b1438,#1e4fd8)!important;color:#fff!important;border:0}.sc-fin b{font-size:17px!important;color:#fff}.sc-fin small,.sc-fin .ad-l{color:#c5cde6!important}
.sc-l{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.sc-l>*{min-width:0}.sc-side{position:sticky;top:80px;display:grid;gap:14px}.sc-side .card{margin:0}
.sc-g{margin-bottom:14px}.sc-gh{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}.sc-gh h2{margin:0}.sc-gh p{margin:3px 0 0}
.sc-cmp{display:flex;align-items:center;gap:12px;margin:14px 0 4px;font-size:12.5px;color:var(--mute);flex-wrap:wrap}.sc-cmp b{color:var(--text);font-weight:500}.sc-bar{flex:1;min-width:120px;height:10px;border-radius:5px;background:#ff7a1f33;position:relative}.sc-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:#1d8a45}
.sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:14px}
.sc-o{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel-solid);transition:.15s}.sc-o:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 8px 24px rgba(5,10,30,.08)}
.sc-o img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.sc-ob{padding:10px 12px;display:flex;flex-direction:column;gap:3px}.sc-ob b{font-weight:500;font-size:13.5px;line-height:1.3}.sc-ob small{font-size:12px;color:var(--mute)}
.sc-p{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font-size:13px}.sc-p small{display:block;font-size:11px;color:var(--mute)}.sc-p b{font-weight:600;font-size:15px}.sc-ob em{font-style:normal;font-size:12px;color:#b06d00}.sc-ob em.sv{color:#1d8a45;font-weight:500}
.sc-ad{padding:16px;justify-content:center;gap:6px;border-style:dashed;background:linear-gradient(135deg,rgba(255,122,31,.08),rgba(30,79,216,.06))}.sc-ad b{font-weight:500}.sc-ad small{font-size:12.5px;color:var(--mute)}.sc-ad em{font-style:normal;color:var(--accent);font-weight:500;font-size:13px}
.mb-i{padding:10px 0;border-top:1px solid var(--line)}.mb-i:first-of-type{border-top:0}.mb-i b{display:block;font-weight:500;font-size:13.5px;margin:4px 0 2px}.mb-i p{margin:0;font-size:12.5px;color:var(--mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc-fin2{display:flex;flex-direction:column;gap:6px;border:1px solid #ff7a1f66;background:rgba(255,122,31,.06)}.sc-fin2 b{font-weight:500}.sc-fin2 span{font-size:13px;color:var(--mute)}.sc-fin2 em{font-style:normal;color:#c2560c;font-weight:500}
.nw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}.nw{margin:0;padding:20px 22px;border-left:4px solid var(--accent);display:flex;flex-direction:column;gap:8px}.nw[hidden]{display:none}
.nw.brief{border-left-color:#1d8a45}.nw.demand{border-left-color:#ff7a1f}.nw.freight{border-left-color:#7a3cff}.nw-h{display:flex;justify-content:space-between;align-items:center}.nw-h time{font-size:12px;color:var(--mute)}
.nw h2{margin:2px 0 0;font-size:17px;line-height:1.35}.nw p{margin:0;color:var(--mute);font-size:14px;line-height:1.6}.nw-l{color:var(--accent);font-size:13.5px;font-weight:500;margin-top:auto}
.sv-h{display:flex;align-items:center;gap:10px}.sv-i{width:30px;height:30px;border-radius:10px;background:#ff7a1f}.sv-i.insurance{background:#1e4fd8}.sv-i.logistics{background:#1d7a3e}.sv-g{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.sv-g .card{padding:20px}
@media(max-width:1100px){.sc-l{grid-template-columns:1fr}.sc-side{position:static}.sc-k{grid-template-columns:1fr 1fr}}
.sc-o img{width:auto;aspect-ratio:auto}.sc-o>img{width:100%;aspect-ratio:4/3;object-fit:cover}.sc-ob img{height:12px;width:auto;vertical-align:-1px}
.rq-sp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px}.rq-sp>div{display:flex;flex-direction:column}.rq-sp span{font-size:11.5px;color:var(--mute)}.rq-sp b{font-size:14px;font-weight:500}
@media(max-width:700px){.rq-sp{grid-template-columns:1fr 1fr}}
#subT td:first-child{white-space:nowrap}
.sc-bar{overflow:hidden}
td.mph{display:table-cell;white-space:nowrap}td.mph img{vertical-align:middle;margin-right:8px}
.st-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.st-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;transition:box-shadow .2s,border-color .2s}
.st-card.hi{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
.st-card h2{margin:0;font-size:20px}.st-card p{margin:0;color:var(--mute);font-size:14px;line-height:1.55;flex:1}.st-k{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.st-st{font-size:13px;padding:6px 10px;border-radius:8px;background:var(--bg2)}
@media(max-width:900px){.st-grid{grid-template-columns:1fr}}
/* ---- listing form: product types with pictures ---- */
.forms{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;margin:6px 0 18px}
.fc3{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden;cursor:pointer;
  transition:border-color .18s,box-shadow .18s,transform .12s;text-align:left;font:inherit;color:inherit}
.fc3 img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;display:block;border-bottom:1px solid var(--line)}
.fc3 span{padding:9px 11px;font-size:13px;font-weight:500}
.fc3:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 6px 18px rgba(16,24,40,.08)}
.fc3:active{transform:scale(.985)}
.fc3.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.fc3.on span{color:var(--accent)}
.gstro{min-height:44px;display:flex;flex-direction:column;justify-content:center;padding:6px 12px;border-radius:12px;background:var(--bg2);border:1px dashed var(--line)}
.gstro b{font-weight:600;font-size:14px}.gstro span{font-size:11.5px;color:var(--mute);line-height:1.35}
.hzc{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,#1d8a45 7%,var(--card));border:1px solid color-mix(in srgb,#1d8a45 30%,var(--line));margin-bottom:16px}
.hzc span{font-size:13px;color:var(--mute)}
/* stock: yard or Merchandising */
.mbox{display:grid;gap:12px;margin:12px 0 4px;padding:16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent) 4%,var(--card))}
.mbox ol{margin:6px 0 0;padding-left:18px;font-size:13.5px;color:var(--mute);line-height:1.6}
.mlive{padding:14px 16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--card));margin-bottom:12px}
.mlive-h{display:flex;gap:10px;align-items:center;margin-bottom:4px}.mlive p{margin:0;font-size:13.5px;color:var(--mute)}
.mbadge{background:var(--accent);color:#fff;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:500}
/* price table */
.pt-disc{align-self:end;padding-bottom:10px}
.pt-wrap{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card);margin:6px 0 16px}
table.pt{width:100%;border-collapse:collapse;font-size:14px}
.pt th,.pt td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle}
.pt th{text-align:left;font-weight:500}.pt th small{display:block;font-weight:400;font-size:11.5px;color:var(--mute);margin-top:2px}
.pt thead th{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);font-weight:500;background:var(--bg2);padding:9px 16px;text-align:right}
.pt thead th:first-child{text-align:left}
.pt tbody tr:last-child th,.pt tbody tr:last-child td{border-bottom:0}
.pt td.was{color:var(--mute);text-decoration:line-through;text-decoration-thickness:1px}
.pt .pt-in td input{width:150px;text-align:right;font-size:16px;font-weight:500}
.pt .pt-in{background:color-mix(in srgb,var(--accent) 4%,var(--card))}
.pt .pct{display:inline-flex;align-items:center;gap:6px}.pt .pct input{width:90px}
.pt .pt-tot{background:var(--bg2)}.pt .pt-tot td.b,.pt .pt-fin td.b{font-weight:600;font-size:16px}
.pt .pt-fin th,.pt .pt-fin td{border-top:2px solid var(--text)}
.pt-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.pt-c h3{margin:0 0 2px;font-size:15px}
.pt-l{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px}.pt-l:last-child{border-bottom:0}
.pt-l small{display:block;color:var(--mute);font-size:11.5px}.pt-l b{font-weight:500;white-space:nowrap}.pt-l.me{font-weight:500}
@media(max-width:800px){.pt-2{grid-template-columns:1fr}.pt th,.pt td{padding:10px}.pt .pt-in td input{width:110px}}
/* cut-to-size on this listing */
.fo{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.fo-t{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.fo-t span{display:flex;flex-direction:column}.fo-t small{color:var(--mute);font-size:12.5px}
#foBox{margin-top:14px}
.fo-e{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.fe{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}
.fe span{flex:1;font-size:13.5px}.fe input[type=number]{width:84px;padding:6px 8px;font-size:13px}
.fe.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--card))}
/* slimmer drop zones */
.drop.slim{flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 16px;min-height:0;border-radius:12px}
.drop.slim b{font-size:14px}.drop.slim span{font-size:12.5px;color:var(--mute)}
/* keywords */
.tagin{position:relative}.kwn{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--mute)}.kwn.full{color:#b3261e}
.kwlive{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.kwlive button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:5px 11px;font-size:13px;cursor:pointer}
.kwlive small,.kwsug small{color:var(--mute);margin-left:4px}.kwerr{color:#b3261e;min-height:16px;margin:6px 0 0}
.kwst{padding:10px 14px;border-radius:12px;background:color-mix(in srgb,#b06d00 8%,var(--card));border:1px solid color-mix(in srgb,#b06d00 30%,var(--line));font-size:13px;margin-bottom:10px}
.kwsim{margin-top:18px}.kwsim input{width:100%;margin-top:8px}
.simres{display:grid;gap:8px;margin-top:10px}.sim{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px}
.sim-i{width:56px;height:42px;border-radius:8px;overflow:hidden;background:var(--bg2)}.sim-i img{width:100%;height:100%;object-fit:cover}
.sim b{display:block;font-weight:500;font-size:13.5px}.sim span{font-size:12px;color:var(--mute)}.sim-k{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.sim-k em{font-style:normal;font-size:11.5px;padding:2px 7px;border-radius:999px;background:var(--bg2)}
.rv-pt{grid-column:1/-1;margin-bottom:8px}.rv-pt .pt{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.pt-disc{grid-column:1/-1;align-self:auto;padding-bottom:0;margin-top:-4px}
.lf.wide{grid-template-columns:230px minmax(0,1fr)}.lf.wide .lf-help{display:none}
.pt-2{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
table.ptm{width:100%;border-collapse:collapse;font-size:13px}.ptm th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--mute);font-weight:500;text-align:left;padding:6px 6px;border-bottom:1px solid var(--line)}
.ptm td{padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}.ptm td small{display:block;color:var(--mute);font-size:11px}.ptm tr:last-child td{border-bottom:0}.ptm .r{text-align:right;white-space:nowrap}.ptm tr.me td{font-weight:500;background:var(--bg2)}
@media(max-width:1100px){.lf.wide{grid-template-columns:1fr}}
/* ---- QwikStone Merchandising ---- */
.mh{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:center;padding:28px;border-radius:22px;margin-bottom:18px;color:#fff;
  background:radial-gradient(120% 140% at 100% 0%,#1e4fd8 0%,#13214d 55%,#0b1020 100%);box-shadow:0 20px 50px rgba(11,20,56,.18)}
.mh h1{margin:6px 0 10px;font-size:30px;font-weight:400;letter-spacing:-.02em;color:#fff}.mh p{color:#c6cfe8;margin:0 0 16px;line-height:1.55}
.mh-k{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#ffb27a;font-weight:600}
.mh .btn:not(.primary){background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.2)}
.mh-k4{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mh-k4 div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px}
.mh-k4 b{display:block;font-size:22px;font-weight:400}.mh-k4 span{font-size:12px;color:#aeb8d6}
.mx .mh-k{color:var(--accent)}.mx-h h2{margin:4px 0 14px}
.mx-g{display:grid;grid-template-columns:260px 1fr;gap:20px}.mx-i{border-radius:14px;overflow:hidden;background:var(--bg2);aspect-ratio:4/3}.mx-i img{width:100%;height:100%;object-fit:cover}
.mx-row{display:grid;grid-template-columns:150px auto 1fr;gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line)}.mx-row span{color:var(--mute);font-size:13px}
.mx-row b{font-size:18px;font-weight:500}.mx-row em{font-style:normal;color:var(--mute);font-size:12.5px}.mx-row.hi b{color:#1d8a45}
.mx-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.mx-sum div{padding:12px;border-radius:12px;background:var(--bg2)}
.mx-sum span{display:block;font-size:12px;color:var(--mute)}.mx-sum b{font-size:17px;font-weight:500}.mx-sum .gain{background:color-mix(in srgb,#1d8a45 10%,var(--card))}.mx-sum .gain b{color:#1d8a45}
.mb3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}.mb3 h3{margin:0 0 6px}.mb3 p{margin:0;color:var(--mute);font-size:13.5px;line-height:1.55}
.mflow{list-style:none;counter-reset:m;padding:0;margin:10px 0;display:grid;gap:10px}
.mflow li{counter-increment:m;display:grid;grid-template-columns:34px 1fr;gap:4px 12px;align-items:start}
.mflow li::before{content:counter(m);grid-row:span 2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,var(--card));color:var(--accent);font-weight:600;font-size:13px}
.mflow b{font-weight:500}.mflow span{color:var(--mute);font-size:13.5px;line-height:1.5}
.mapp .mrow{display:flex;gap:10px;align-items:center}.mapp img{width:56px;height:42px;border-radius:8px;object-fit:cover}.mapp tr.busy{opacity:.55}.mapp td.ok{color:#1d8a45;font-weight:500}
.mreq{margin-bottom:14px}.mreq-h{display:flex;gap:12px;align-items:center}.mreq-h img{width:64px;height:48px;border-radius:10px;object-fit:cover}.mreq-h b{display:block;font-weight:500}
.mtl{list-style:none;display:flex;gap:0;padding:0;margin:16px 0 8px;overflow-x:auto}
.mtl li{flex:1;min-width:92px;position:relative;font-size:11.5px;color:var(--mute);padding-top:18px;text-align:center}
.mtl li i{position:absolute;top:4px;left:50%;width:10px;height:10px;border-radius:50%;background:var(--line2);transform:translateX(-50%);z-index:1}
.mtl li::before{content:"";position:absolute;top:8px;left:0;right:0;height:2px;background:var(--line)}
.mtl li.done i{background:#1d8a45}.mtl li.done::before{background:#1d8a45}.mtl li.now i{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}.mtl li.now{color:var(--text);font-weight:500}
.moffer{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;padding:14px 16px;border-radius:14px;margin-top:10px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--card))}
.moffer b{display:block;font-size:20px;font-weight:500;margin:2px 0}.moffer p{margin:6px 0 0;font-size:13px}
.mbids{margin-top:10px}.mbk{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mbk div{padding:12px;border-radius:12px;background:var(--bg2)}.mbk b{display:block;font-size:17px;font-weight:500}.mbk span{font-size:12px;color:var(--mute)}
.mlad tr.withdrawn td,.mlad tr.lost td{color:var(--mute)}.mlad tr.won td{font-weight:600;color:#1d8a45}
.mev{margin-top:10px;font-size:13px}.mev summary{cursor:pointer;color:var(--mute)}.mev div{padding:4px 0}
@media(max-width:900px){.mh,.mx-g,.mb3,.mx-sum{grid-template-columns:1fr}.mbk{grid-template-columns:1fr 1fr}.mx-row{grid-template-columns:1fr}}
.prt input{width:110px;text-align:right}.prt td{vertical-align:middle}.prt tr.chg{background:color-mix(in srgb,var(--accent) 5%,var(--card))}.prt tr.notlive{opacity:.6}
.prt s{display:block;color:var(--mute);font-size:11.5px}.prt .off{color:#b3261e;font-weight:500}
.prp{display:flex;gap:10px;align-items:center;min-width:240px}.prp img,.prp i{width:48px;height:36px;border-radius:8px;object-fit:cover;background:var(--bg2);flex:none}.prp b{display:block;font-weight:500;font-size:13.5px}.prp span{font-size:12px;color:var(--mute)}
.mb3 .card{margin:0}
.fj-wait{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:12px;padding:14px 16px;border-radius:14px;border:1px solid color-mix(in srgb,#b06d00 35%,var(--line));background:color-mix(in srgb,#b06d00 7%,var(--card))}
.fj-wait.ready{border-color:color-mix(in srgb,#1d8a45 35%,var(--line));background:color-mix(in srgb,#1d8a45 7%,var(--card))}
.fj-wait b{display:block;font-weight:500}.fj-wait span{font-size:13px;color:var(--mute)}
/* toggles: just the switch (and its label text) — never a box around it */
label.sw,.sw{border:0!important;background:none!important;box-shadow:none!important;padding:0!important;height:auto!important;min-height:0!important;border-radius:0!important;outline:0}
.sw i{flex:none;box-shadow:inset 0 0 0 1px rgba(16,24,40,.06);transition:background .22s ease}
.sw i::after{transition:left .22s cubic-bezier(.3,.7,.2,1),transform .15s}
.sw:active i::after{transform:scale(.92)}
.sw input:focus-visible+i{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}
.sw span{color:var(--mute);font-size:13px}.sw input:checked~span{color:var(--text)}
/* feedback opens from "Send feedback" in the sidebar — no floating tab */
.fb-tab{display:none!important}
.fb{bottom:18px;right:18px;pointer-events:none}.fb.open{pointer-events:auto}
.fb-p{border-radius:16px;border-bottom:1px solid var(--line);box-shadow:0 20px 50px rgba(11,20,56,.22);opacity:0;transform:translateY(10px);transition:max-height .3s cubic-bezier(.2,.8,.2,1),opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1)}
.fb.open .fb-p{opacity:1;transform:none}
@media(max-width:900px){.fb{bottom:76px}}
/* no decorative icons inside the pages: search boxes, buttons and cards are plain text */
.stb-s>svg,.inv-s>svg,.btn>svg,.ss-card>svg,.ads-home .ic,.ah .ic,.wh-r>svg{display:none!important}
.stb-s input,.inv-s input{padding-left:12px!important}
.btn{gap:6px}
/* company switcher */
.cosw{position:relative}.cosw summary{list-style:none;display:flex;flex-direction:column;cursor:pointer;padding:6px 26px 6px 10px;border-radius:10px;border:1px solid transparent;transition:background .15s,border-color .15s;position:relative}
.cosw summary::-webkit-details-marker{display:none}.cosw summary::after{content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;border-right:1.5px solid var(--mute);border-bottom:1.5px solid var(--mute);transform:translateY(-70%) rotate(45deg)}
.cosw summary:hover,.cosw[open] summary{background:var(--bg2);border-color:var(--line)}
.cosw-n{font-size:13.5px;font-weight:500;line-height:1.2}.cosw-m{font-size:11.5px;color:var(--mute)}
.cosw-d{position:absolute;top:calc(100% + 6px);left:0;z-index:70;min-width:280px;padding:8px;border-radius:14px;background:var(--panel-solid,var(--card));border:1px solid var(--line);box-shadow:0 18px 44px rgba(11,20,56,.18)}
.cosw-t{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);padding:6px 10px}
.cosw-d a{display:flex;flex-direction:column;padding:8px 10px;border-radius:10px}.cosw-d a:hover{background:var(--bg2)}.cosw-d a.on{background:color-mix(in srgb,var(--accent) 8%,transparent)}
.cosw-d a b{font-weight:500;font-size:13.5px}.cosw-d a span{font-size:12px;color:var(--mute)}.cosw-d a.add{font-size:13px;color:var(--accent);border-top:1px solid var(--line);border-radius:0;margin-top:4px}
@media(max-width:900px){.cosw-m{display:none}}
.tm select{min-width:170px}.rl{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.rl div{padding:12px;border-radius:12px;background:var(--bg2)}.rl b{display:block;font-weight:500}.rl span{font-size:13px;color:var(--mute)}
.co-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.co{display:flex;flex-direction:column;gap:6px;align-items:flex-start;margin:0}.co.on{border-color:var(--accent)}.co .row{width:100%}
.plc{display:grid;gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.plc-r{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;border-bottom:1px solid var(--line)}.plc-r:last-child{border-bottom:0}
.plc-r>div{display:flex;flex-direction:column;gap:2px;min-width:0}.plc-r b{font-weight:500}.plc-r>div>span{font-size:12.5px;color:var(--mute)}
.plc-r .f{margin:0;width:140px;flex:none}.plc-r .f input{width:100%}.plc-r.pb{background:color-mix(in srgb,var(--accent) 4%,var(--card))}
/* Sponsored Brands builder: form on the left, preview on the right */
.sbl{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,520px);gap:18px;align-items:start}
.sbl-l>.card{margin-top:0}.sbl-r{position:sticky;top:76px}.sbpv{margin:0}
.pvw{transition:max-width .3s;margin:0 auto;max-width:100%}.pvw.m{max-width:340px}
.sbp-gr{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 12px 12px}.sbp-gr div{height:74px;border-radius:10px;background:#f0f1f4}
.pvw[data-spot=top] .sbp-gr.pre{display:none}.pvw[data-spot=bottom] .sbp-gr.post{display:none}
.pvw[data-spot=mid] .sbp-s,.pvw[data-spot=bottom] .sbp-s{display:none}
.pvw[data-spot=mid] .sbp-b,.pvw[data-spot=bottom] .sbp-b{grid-template-columns:150px 1fr}
/* phone preview: roomy, one column, nothing cramped */
.pvw.m .sbp-b{grid-template-columns:1fr;gap:0;margin:0 10px 12px}
.pvw.m .sbp-l{min-height:170px;padding:16px}.pvw.m .sbp-l b{font-size:16px;line-height:1.3}
.pvw.m .sbp-p{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px}.pvw.m .sbp-p div{font-size:11.5px;line-height:1.35}
.pvw.m .sbp-p span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:4px 0 2px}
.pvw.m .sbp-gr{grid-template-columns:1fr 1fr;margin:0 10px 12px}.pvw.m .sbp-gr div:nth-child(3){display:none}
.pvw.m .sbp-top{font-size:10.5px}.pvw.m .sbp-s{margin:10px}
@media(max-width:1100px){.sbl{grid-template-columns:1fr}.sbl-r{position:static;order:-1}}
.ap-h{display:flex;align-items:center;gap:16px;min-width:0}.ap-h>div{min-width:0}.ap-h>.sw{flex:none;margin-left:auto}
.card>.ic{display:none!important}
.wh-r{grid-template-columns:minmax(0,1fr) repeat(5,minmax(64px,auto))!important}
@media(max-width:1000px){.wh-r{grid-template-columns:minmax(0,1fr) repeat(2,auto)!important}}

/* ===== Enriched feel: depth, solid surfaces, smooth and weighty interactions ===== */
:root{--sh-1:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08);--sh-2:0 4px 12px rgba(16,24,40,.08),0 2px 4px rgba(16,24,40,.05);--sh-3:0 12px 32px rgba(16,24,40,.12),0 4px 8px rgba(16,24,40,.06);--ease:cubic-bezier(.2,.8,.2,1)}
:root[data-theme=dark]{--sh-1:0 1px 2px rgba(0,0,0,.4);--sh-2:0 4px 14px rgba(0,0,0,.45);--sh-3:0 14px 36px rgba(0,0,0,.55)}
.main .card,.card{background:var(--panel-solid,var(--card));border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-1);transition:box-shadow .25s var(--ease),border-color .2s,transform .25s var(--ease)}
a.card:hover,.card.click:hover,.dbk .card:hover,.st-card:hover,.co:hover{box-shadow:var(--sh-2);transform:translateY(-1px)}
.btn{height:38px;border-radius:10px;font-weight:500;letter-spacing:-.005em;box-shadow:var(--sh-1);transition:background .18s,border-color .18s,box-shadow .2s var(--ease),transform .08s}
.btn:hover{box-shadow:var(--sh-2)}.btn:active{transform:translateY(1px) scale(.99);box-shadow:var(--sh-1)}
.btn.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 92%,#fff),var(--accent));border-color:color-mix(in srgb,var(--accent) 85%,#000);box-shadow:0 1px 2px rgba(16,24,40,.12),inset 0 1px 0 rgba(255,255,255,.18)}
.btn.primary:hover{filter:brightness(1.05)}.btn:disabled{opacity:.55;box-shadow:none;transform:none;cursor:not-allowed}
.btn.sm{height:32px}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{border-radius:10px;transition:border-color .15s,box-shadow .2s var(--ease),background .15s}
input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.tbl tbody tr{transition:background .15s}.tbl tbody tr:hover{background:color-mix(in srgb,var(--accent) 3%,transparent)}
.side a,.side summary{transition:background .18s var(--ease),color .18s}
.oc,.fc3,.chip,.fe{transition:border-color .18s,box-shadow .2s var(--ease),background .18s,transform .12s}
.oc:active,.fc3:active{transform:scale(.99)}
.ph h1{letter-spacing:-.02em}
/* pages arrive smoothly instead of popping in */
.main>*{animation:qsIn .32s var(--ease) both}.main>*:nth-child(2){animation-delay:.03s}.main>*:nth-child(3){animation-delay:.06s}
@keyframes qsIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.main>*{animation:none}.card,.btn{transition:none}}
/* toasts and menus: solid with depth */
.toast{box-shadow:var(--sh-3)!important;border-radius:12px!important}
.dd-m{box-shadow:var(--sh-3)!important;border-radius:12px!important}
/* Seller Hub home: welcome band with the QwikStone products */
.dbh{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;padding:26px 28px;border-radius:22px;margin-bottom:18px;color:#fff;
  background:radial-gradient(110% 160% at 100% 0%,#1e4fd8 0%,#13214d 55%,#0b1020 100%);box-shadow:0 20px 50px rgba(11,20,56,.18);position:relative;overflow:hidden}
.dbh::after{content:"";position:absolute;right:-80px;bottom:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,122,31,.28),transparent);pointer-events:none}
.dbh-k{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#ffb27a;font-weight:600}
.dbh h1{margin:8px 0 6px;font-size:28px;font-weight:400;letter-spacing:-.02em;color:#fff}.dbh p{margin:0 0 16px;color:#c6cfe8}
.dbh-a{display:flex;gap:8px;flex-wrap:wrap}.dbh .btn:not(.primary){background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.22);box-shadow:none}
.dbh-p{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start;position:relative;z-index:1}.dbh-p .dbh-k{grid-column:1/-1;margin-bottom:2px}
.dbh-p a{display:flex;flex-direction:column;gap:2px;padding:11px 13px;border-radius:13px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);transition:background .2s,transform .2s var(--ease,ease)}
.dbh-p a:hover{background:rgba(255,255,255,.13);transform:translateY(-1px)}.dbh-p b{font-weight:500;color:#fff;font-size:14px}.dbh-p span{font-size:12px;color:#aeb8d6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbh-p a:last-child{grid-column:1/-1}
@media(max-width:1000px){.dbh{grid-template-columns:1fr;padding:22px}.dbh h1{font-size:23px}}
.mc-h{gap:0}
.prt{font-size:13px}.prt th,.prt td{padding:10px 10px!important}.prt input{width:92px}.prp{min-width:190px}.prp b{font-size:13px}
.card>.tablewrap{overflow-x:auto}

/* loading at the yard */
.ldc-h{display:flex;gap:14px;align-items:flex-start}.ldc-h>svg{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--accent-soft,#fff1e6);stroke:var(--accent,#f26b1d);fill:none;stroke-width:1.8;flex:none}
.ldc-steps{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}.ldc-steps span{font-size:12.5px;padding:5px 10px;border-radius:999px;background:var(--soft);color:var(--mute)}.ldc-steps .on{background:var(--accent,#f26b1d);color:#fff}
.ldc-clock{margin-top:14px;padding:14px 16px;border-radius:12px;background:var(--soft);border:1px solid var(--line)}.ldc-clock b{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;display:block}.ldc-clock small{color:var(--mute);font-size:12.5px}
.ldc-bar{height:6px;border-radius:9px;background:var(--line);margin-top:10px;overflow:hidden}.ldc-bar i{display:block;height:100%;background:#22a05a;transition:width .5s}
.ldc-clock.late{border-color:#e5484d;background:rgba(229,72,77,.08)}.ldc-clock.late b{color:#e5484d}.ldc-clock.late .ldc-bar i{background:#e5484d}
.ldc-done{margin-top:12px;padding:12px 14px;border-radius:12px;background:rgba(34,160,90,.1);border:1px solid rgba(34,160,90,.3)}.ldc-done b{display:block;color:#1d7a46}.ldc-done small{color:var(--mute)}
.ldc-done.late{background:rgba(229,72,77,.08);border-color:rgba(229,72,77,.3)}.ldc-done.late b{color:#c4373c}
/* pricing table bar */
.prt-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.prt-dest{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mute)}
.prt-chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:12px;padding:5px 10px;border-radius:999px;background:var(--soft);border:1px solid var(--line);color:var(--ink2,var(--ink))}
.prt-tag{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--soft);border:1px solid var(--line)}
.prt tr.merch td{background:rgba(242,107,29,.04)}
.prt th .th-sub{display:block;font-size:11px;font-weight:400;color:var(--mute);text-transform:none;letter-spacing:0}
.prt .prt-to{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:4px;white-space:nowrap}.prt .prt-tag{white-space:nowrap}
.prt-dest select{min-width:200px}

/* ===== Launch polish: orange primary buttons, one dropdown style, dark-mode safe menus ===== */
:root{--btn:#f26b1d;--btn2:#e05a0c;--btn-soft:rgba(242,107,29,.12);color-scheme:light}
:root[data-theme=dark]{color-scheme:dark}
.btn.primary,button.primary,.btn.go,.btn.cta{background:linear-gradient(180deg,#ff8034,var(--btn))!important;border-color:var(--btn2)!important;color:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.08),0 6px 16px -8px rgba(242,107,29,.55)!important}
.btn.primary:hover,button.primary:hover,.btn.go:hover{background:linear-gradient(180deg,#ff7a2a,var(--btn2))!important;filter:none}
.btn.primary:disabled,button.primary:disabled{background:var(--btn)!important;opacity:.45}
.btn.primary:focus-visible{outline:3px solid rgba(242,107,29,.35);outline-offset:2px}
/* dropdowns */
select{-webkit-appearance:none;appearance:none;background-color:var(--panel-solid,var(--card,#fff));color:var(--text);border:1px solid var(--line2,var(--line));border-radius:10px;padding-right:38px!important;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b8b94' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;transition:border-color .15s,box-shadow .15s}
select:hover{border-color:color-mix(in srgb,var(--btn) 55%,var(--line))}
select:focus{outline:none;border-color:var(--btn);box-shadow:0 0 0 3px var(--btn-soft)}
select option,select optgroup{background:var(--panel-solid,#fff);color:var(--text)}
:root[data-theme=dark] select option{background:#1b1e27;color:#ececf1}
select[multiple]{background-image:none;padding-right:14px!important}
.cosw-d,.hb-sr,.avm-p{color:var(--text)}
/* opening hours: plain-language summary instead of bars */
.bp-d{grid-template-columns:110px 120px 140px 24px 140px 1fr!important}
.bp-sum{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text2,var(--mute));min-width:0}
.bp-sum i{font-style:normal;font-weight:600;font-size:12.5px;padding:4px 10px;border-radius:999px;white-space:nowrap}
.bp-sum i.op{background:rgba(31,138,76,.12);color:#1d7a46}.bp-sum i.cl{background:var(--soft);color:var(--mute)}
:root[data-theme=dark] .bp-sum i.op{color:#5fd394}
.bp-week{display:flex;flex-direction:column;gap:2px;margin-top:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--soft)}
.bp-week b{font-weight:600;font-size:14px}.bp-week span{font-size:13px;color:var(--mute)}
.bp-d:nth-child(odd){background:transparent!important}.bp-d{border-bottom:1px solid var(--line);border-radius:0!important}.bp-d:last-child{border-bottom:0}
@media(max-width:800px){.bp-d{grid-template-columns:1fr auto!important}.bp-sum{grid-column:1/-1}.bp-d .mini{display:none}}
/* share sheet */
.shr-img{width:100%;height:140px;object-fit:cover;border-radius:12px;margin-bottom:10px}
.shr-t{font-size:14px;color:var(--mute);margin:0 0 12px}
.shr-l{display:flex;gap:8px}.shr-l input{flex:1;min-width:0;height:42px!important;min-height:0!important;font-size:13.5px;border-radius:10px}
.shr-b{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin-top:12px}
.shr-b a,.shr-b button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:12px;border:1px solid var(--line);background:var(--panel-solid,var(--card));color:var(--text);font:inherit;font-size:13px;text-decoration:none;cursor:pointer;transition:border-color .15s,transform .15s}
.shr-b a:hover,.shr-b button:hover{border-color:var(--btn);transform:translateY(-1px)}
.shr-b svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.shr-b .shr-wa{background:#25d366;border-color:#25d366;color:#fff}
.shr-pv{margin-top:14px;padding:10px 12px;border-radius:12px;background:var(--soft);font-size:13px}.shr-pv small{display:block;color:var(--mute);font-size:11.5px;margin-bottom:4px}.shr-pv u{color:#1e6fd8;word-break:break-all}
/* ===== Dashboard greeting: big light "Hello", words rise and fade in ===== */
.hello{padding:18px 4px 0;margin-bottom:56px}
.hello-h{font-size:clamp(64px,7vw,96px);line-height:1;font-weight:200;letter-spacing:-.05em;margin:0;color:var(--text)}
.hello-g{font-size:clamp(26px,2.6vw,34px);line-height:1.25;font-weight:300;letter-spacing:-.02em;margin:22px 0 0;color:var(--mute)}
.hello-g b{font-weight:400;color:var(--text)}
.hello-m{margin:14px 0 0;font-size:14px;color:var(--mute)}
.hello-more{display:inline-flex;align-items:center;gap:6px;margin-top:40px;font-size:14px;color:var(--mute);text-decoration:none}
.hello-more svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;animation:hbob 2.4s ease-in-out 1.2s infinite}
.hello-more:hover{color:var(--text)}
.rise{display:inline-block;opacity:0;transform:translateY(.55em);filter:blur(6px);animation:rise .9s cubic-bezier(.2,.7,.2,1) var(--d,0ms) both}
@keyframes rise{to{opacity:1;transform:none;filter:none}}
@keyframes hbob{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
@media(prefers-reduced-motion:reduce){.rise{animation:none;opacity:1;transform:none;filter:none}.hello-more svg{animation:none}}
.main>.hello{animation:none!important}
@media(max-width:760px){
  .hello{padding:28px 6px 0;margin-bottom:28px;min-height:calc(100svh - 230px);display:flex;flex-direction:column}
  .hello-h{font-size:68px}.hello-g{font-size:28px;margin-top:26px}.hello-more{margin-top:auto;padding-top:24px}
}
/* avatar: plain initial (or the photo), no gradient */
.avatar,.top .avatar{background:#1b2030!important;color:#fff!important;font-weight:600!important;font-size:14px!important;letter-spacing:0;box-shadow:0 0 0 2px var(--panel-solid,#fff),0 0 0 3px var(--line)}
:root[data-theme=dark] .avatar,:root[data-theme=dark] .top .avatar{background:#eef0f5!important;color:#151821!important}
.avatar.ph{padding:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
/* phone bottom bar: raised orange Add listing in the middle */
@media(max-width:1000px){
  .hb-bottom .hb-add{position:relative;color:var(--text)!important;font-weight:500}
  .hb-bottom .hb-add i{display:grid;place-items:center;width:50px;height:50px;margin-top:-24px;border-radius:50%;background:linear-gradient(180deg,#ff8034,#f26b1d);box-shadow:0 8px 20px -6px rgba(242,107,29,.6),0 0 0 5px var(--panel-solid,#fff);transition:transform .15s}
  .hb-bottom .hb-add:active i{transform:scale(.94)}
  .hb-bottom .hb-add svg{stroke:#fff!important;width:24px!important;height:24px!important;stroke-width:2.4!important}
}
/* tighter gap between Hello and the first card */
.hello{margin-bottom:28px!important}.hello-more{margin-top:22px!important}
@media(max-width:760px){.hello{min-height:0!important;padding-top:18px!important;margin-bottom:18px!important}.hello-more{margin-top:22px!important;padding-top:0!important}}
.dbh>*{min-width:0}.dbh-p{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dbh-p a{min-width:0}
@media(max-width:760px){.dbh{padding:20px 16px!important;border-radius:18px}.dbh-a .btn{flex:1 1 auto;justify-content:center}.dbh h1{font-size:22px!important}}
/* greeting: one line on desktop, big "Hello" on phones */
.hello-one{display:none}
@media(min-width:761px){
  .hello{padding:2px 2px 0!important;margin-bottom:18px!important;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
  .hello-h{font-size:30px!important;font-weight:300!important;letter-spacing:-.02em!important;line-height:1.2}
  .hello-hi,.hello-g,.hello-more{display:none!important}.hello-one{display:inline-block}.hello-one b{font-weight:500}
  .hello-m{margin:0!important;font-size:13.5px}
}
.hello-co{color:var(--mute);font-weight:300}
.hb-logo{display:none}
@media(max-width:1000px){
  .hb-logo{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;flex:none;text-decoration:none;line-height:1}
  .hb-logo img{height:15px;width:auto}.hb-logo .dk{display:none}:root[data-theme=dark] .hb-logo .lt{display:none}:root[data-theme=dark] .hb-logo .dk{display:block}
  .hb-logo span{font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--btn,#f26b1d);padding:2px 5px;border-radius:4px;margin-top:2px}
  .cosw-n,.cosw-m{max-width:28vw!important}
}
.lgp-h{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--mute);margin:6px 0 10px}
.lgp-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:18px}
.lgp-o{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--panel-solid);color:var(--text);font:inherit;cursor:pointer;text-align:left;transition:border-color .15s,transform .15s}
.lgp-o:hover{border-color:var(--btn);transform:translateY(-1px)}.lgp-o b{font-size:17px;font-weight:500}.lgp-o span{font-size:12.5px;color:var(--mute)}
.lgp-o.on{border-color:var(--btn);box-shadow:0 0 0 3px var(--btn-soft)}.lgp-o i{position:absolute;right:12px;top:12px;font-style:normal;color:var(--btn);font-weight:700}
/* billing */
.bl-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;margin-bottom:16px}
.bl-k{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--mute)}.bl-big{display:block;font-size:30px;font-weight:400;letter-spacing:-.02em;margin:4px 0 8px}
.bl-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--mute)}.bl-meta b{color:var(--text);font-weight:500}
.bl-use{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 12px}.bl-use small{display:block;font-size:12px;color:var(--mute)}.bl-use b{font-weight:500}
.bl-use i{display:block;height:6px;border-radius:9px;background:var(--line);margin-top:6px;overflow:hidden}.bl-use u{display:block;height:100%;background:var(--btn);text-decoration:none}
.bl-pm{display:flex;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--line);font-size:13px}.bl-pm a{text-decoration:underline}
.bl-br{list-style:none;padding:0;margin:6px 0 0}.bl-br li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--line);font-size:14px}.bl-br b{font-weight:500}
.bl-br i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:8px;background:var(--mute)}.bl-br .d-subscription{background:#1e4fd8}.bl-br .d-ads{background:#8b5cf6}.bl-br .d-fee{background:#f26b1d}.bl-br .d-broker{background:#16a34a}.bl-br .d-detention{background:#e5484d}
.bl-yr{margin-top:10px;font-size:13px;color:var(--mute)}.bl-yr b{color:var(--text)}
@media(max-width:900px){.bl-top{grid-template-columns:1fr}.bl-use{grid-template-columns:1fr 1fr}}
/* report builder */
.rb{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}.rb-side{position:sticky;top:84px}
.rb-pre{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.rb-pre button{height:32px;padding:0 11px;border-radius:999px;border:1px solid var(--line);background:var(--panel-solid);color:var(--text);font:inherit;font-size:13px;cursor:pointer}
.rb-pre button.on{background:var(--text);color:var(--bg,#fff);border-color:var(--text)}
.rb-dates{display:flex;align-items:center;gap:6px;margin-top:8px}.rb-dates input{min-width:0;flex:1;height:38px;min-height:0}
.rb-cols{display:grid;gap:4px;margin-top:4px;max-height:320px;overflow:auto}.rb-cols .chk{font-size:13.5px}
.rb-tw{max-height:560px;overflow:auto}.rb-tw thead th{position:sticky;top:0;background:var(--panel-solid);z-index:1}
.rbsv{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.rbsv:last-child{border-bottom:0}
.rbsv b{display:block;font-weight:500}.rbsv span{display:block;font-size:13px;color:var(--mute)}.rbsv small{font-size:12px;color:var(--mute)}.rbsv-a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:900px){.rb{grid-template-columns:1fr}.rb-side{position:static}.rbsv{flex-direction:column;align-items:flex-start}}
.rb-dates[hidden]{display:none!important}.rb-tw td.nw{white-space:nowrap}
/* upgrade lightbox + subscription page */
.upg-why{font-size:13px;padding:8px 12px;border-radius:10px;background:var(--btn-soft);color:var(--text);margin-bottom:10px}
.upg-l{margin:0 0 10px;color:var(--mute);font-size:14px}.upg-b{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:6px}
.upg-b li{position:relative;padding-left:24px;font-size:14px}.upg-b li::before{content:"";position:absolute;left:2px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--btn) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='m6 12 4 4 8-9'/%3E%3C/svg%3E") center/10px no-repeat}
.upg-plan{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--soft)}.upg-plan small{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute)}.upg-plan b{display:block;font-size:18px;font-weight:600}.upg-plan span{font-size:13px;color:var(--mute)}
.upg-g{margin-top:10px;font-size:13.5px}.upg-g summary{cursor:pointer;color:var(--mute)}.upg-g ul{margin:8px 0 0;padding-left:18px}
.upg-n{font-size:12.5px;color:var(--mute);margin:12px 0 0}.upg-p b{font-size:22px;display:block}.upg-p span{font-size:13px;color:var(--mute)}
.sub{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}
.sub-bill{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sub-g{margin:0;padding-left:18px;display:grid;gap:6px}
.sub-sum{position:sticky;top:84px}.sub-sum dl{display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin:0 0 14px}.sub-sum dd{margin:0;text-align:right}
.sub-sum .t{font-weight:600;font-size:17px;border-top:1px solid var(--line);padding-top:10px}
.sub-note{display:flex;gap:10px;padding:12px;border-radius:12px;background:var(--btn-soft);font-size:13.5px;line-height:1.5}.sub-note svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--btn);stroke-width:2}
.sub-ag{margin:14px 0;font-size:13.5px;align-items:flex-start}.sub-go{width:100%;height:48px;font-size:15.5px}
@media(max-width:900px){.sub{grid-template-columns:1fr}.sub-sum{position:static}.sub-bill{grid-template-columns:1fr}}
.qsd .ok:not(.danger){background:linear-gradient(180deg,#ff8034,var(--btn,#f26b1d))!important;border-color:var(--btn2,#e05a0c)!important;color:#fff!important}
.sub-bill .oc{cursor:pointer}.sub-bill .oc:has(input:checked){border-color:var(--btn);box-shadow:0 0 0 3px var(--btn-soft)}.sub-bill+h2{margin-top:22px}
.pl-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:16px}
.pl2{position:relative;display:flex;flex-direction:column;gap:4px;padding:20px!important}.pl2.pop{border-color:var(--btn)!important;box-shadow:0 0 0 3px var(--btn-soft)}
.pl-pop{position:absolute;top:-11px;left:16px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--btn);color:#fff}
.pl-n{font-size:16px}.pl2 .pp{font-size:28px;font-weight:400;letter-spacing:-.02em}.pl2 .pp small{font-size:13px;color:var(--mute);margin-left:2px}
.pl-f{list-style:none;padding:0;margin:12px 0 16px;display:grid;gap:7px;flex:1}.pl-f li{position:relative;padding-left:22px;font-size:13.5px}
.pl-f li::before{position:absolute;left:0;top:0;font-weight:700}.pl-f li.y::before{content:"✓";color:#1d8a45}.pl-f li.n{color:var(--mute);text-decoration:line-through;text-decoration-color:rgba(0,0,0,.2)}.pl-f li.n::before{content:"–";color:var(--mute)}
.pl-go{justify-content:center;width:100%}
.pl-add{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.pl-add b{display:block}.pl-add span{font-size:13.5px;color:var(--mute)}
/* bulk upload: slim drop bar, template links under it, results below */
.bk1{display:grid;gap:14px;max-width:1100px}
.bk-up{padding:14px!important}
.bk-drop{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1.5px dashed var(--line2,var(--line));border-radius:14px;cursor:pointer;transition:border-color .15s,background .15s;position:relative}
.bk-drop:hover,.bk-drop.over{border-color:var(--btn);background:var(--btn-soft)}.bk-drop.has{border-style:solid;border-color:rgba(31,138,76,.45)}
.bk-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.bk-ic{width:40px;height:40px;border-radius:11px;background:var(--btn-soft);display:grid;place-items:center;flex:none}.bk-ic svg{width:20px;height:20px;fill:none;stroke:var(--btn);stroke-width:2}
.bk-tx{flex:1;min-width:0}.bk-tx b{display:block;font-weight:500;font-size:14.5px}.bk-tx u{color:var(--btn)}.bk-tx small{display:block;font-size:12.5px;color:var(--mute);margin-top:2px}
.bk-ok{color:#1d7a46;font-weight:500}.bk-err{color:#c4373c;font-weight:500}
.bk-tpl{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;margin-top:10px;padding:0 4px;font-size:13px;color:var(--mute)}
.bk-tpl a{display:inline-flex;align-items:center;gap:5px;color:var(--text);text-decoration:none;font-weight:500}.bk-tpl a:hover{color:var(--btn)}.bk-tpl svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.bk-guide{flex-basis:100%}.bk-guide summary{cursor:pointer;display:inline}
.bk-empty{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;padding:28px!important;border-style:dashed!important;background:transparent!important}.bk-empty b{font-weight:500}.bk-empty span{font-size:13px;color:var(--mute);max-width:460px}
.bk-sum{display:flex;gap:8px}.bk-sum span{font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px}.bk-sum .ok{background:rgba(31,138,76,.12);color:#1d7a46}.bk-sum .bad{background:rgba(229,72,77,.12);color:#c4373c}.bk-sum .sv{background:var(--btn-soft);color:var(--btn)}
@media(max-width:640px){.bk-drop .btn{display:none}}
[hidden]{display:none!important}
.btn,button.btn,a.btn{white-space:nowrap}
.asst-ai{font-size:11px;color:var(--mute);margin-top:8px}.asst-bot ul{margin:6px 0;padding-left:18px}
.bl-br .d-wallet{background:#f26b1d}
/* Ads wallet overrides (after .card+.card) */
.wl-top>.card+.card{margin-top:0}.wl-top{align-items:stretch}
.card .wl-q a{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12.5px;color:var(--text);text-decoration:none;white-space:nowrap}
.card .wl-q a.on{border-color:var(--btn,#f26b1d);background:#fff1e6;color:#b4510e}:root[data-theme=dark] .card .wl-q a.on{background:rgba(242,107,29,.18);color:#ffb27f}

/* ---- listing photos: slim add bar, small thumbnails with a remove button (25 Oct) ---- */
.drop{aspect-ratio:auto}
.drop.slim{display:flex;align-items:center;flex-wrap:wrap;width:100%;max-width:760px;padding:10px 14px;gap:4px 12px;border-width:1.5px;border-radius:12px;text-align:left}
.drop.slim svg{width:20px;height:20px;flex:none}
.drop.slim b{font-size:13.5px}.drop.slim span{font-size:12px}
.phgrid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;max-width:760px}
.pi{border-radius:10px}.pi img{aspect-ratio:1}
.pi button{width:24px;height:24px;line-height:22px;font-size:16px;padding:0;right:5px;top:5px;background:rgba(0,0,0,.62)}
.pi button:hover{background:#d93025}
.pi .cov{font-size:10.5px}
@media(max-width:600px){.phgrid{grid-template-columns:repeat(3,1fr)}.drop.slim span{flex-basis:100%;padding-left:32px}}
/* ---- messages appear at the top of the screen, under the header ---- */
.toast{top:76px;bottom:auto;transform:translateX(-50%) translateY(-24px);opacity:0}
.toast.show{transform:translateX(-50%);opacity:1}
@media(max-width:900px){.toast{top:66px;width:calc(100vw - 28px);text-align:center}}

/* ---- apply to sell a brand (focused form) ---- */
.ba-focus{border-color:var(--accent);max-width:860px}
.ba-focus h2{margin:2px 0 4px}.ba-focus .eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.ba-form{display:flex;flex-direction:column;gap:14px;margin-top:12px}
.ba-form .f{display:flex;flex-direction:column;gap:6px}.ba-form .f>span{font-size:13px;color:var(--text2)}
.ba-form textarea{width:100%}
.ba-docs{display:flex;flex-wrap:wrap;gap:6px}
.ba-doc{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:3px 4px 3px 12px;font-size:12.5px;max-width:100%}
.ba-doc a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}
.ba-doc button{border:0;background:var(--hover);color:var(--text);width:22px;height:22px;border-radius:50%;cursor:pointer;line-height:20px;padding:0}
.ba-doc button:hover{background:#d93025;color:#fff}
.ba-act{display:flex;gap:8px;flex-wrap:wrap}
.ba-ev{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.ba-ev a{text-decoration:underline}

/* ---- Banners page (25 Oct) ---- */
:root{--wf-bg:#eef1f6;--wf-2:#dfe3ea;--wf-3:#e7eaf0;--wf-card:#fff;--wf-line:#dfe3ea}
[data-theme=dark]{--wf-bg:#111a33;--wf-2:#22305a;--wf-3:#1b2647;--wf-card:#18223f;--wf-line:#2a3966}
.bn-where{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:4px 0 22px}
.bn-w{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--panel-solid);color:var(--text);text-decoration:none;transition:border-color .15s}
.bn-w:hover{border-color:var(--accent)}.bn-w.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.bn-w b{font-weight:500;font-size:15px}.bn-w p{margin:0;font-size:12.5px;color:var(--mute);line-height:1.5}.bn-w em{font-style:normal;font-size:12.5px;color:var(--accent);margin-top:auto;padding-top:4px}
.bn-wt{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.bn-sec{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:6px 0 10px}.bn-sec h2{margin:0;font-size:18px}
.bn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px;margin-bottom:22px}
.bn-c{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel-solid)}
.bn-pv{background:var(--wf-bg);padding:12px 12px 0}.wf2{display:block;width:100%;height:auto;border-radius:10px 10px 0 0}
.wf2 .hl{fill:#ff7a1f;fill-opacity:.28;stroke:#ff7a1f;stroke-width:2}
.bn-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;flex:1}
.bn-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.bn-top b{font-weight:500;font-size:15px}
.bn-price{font-size:16px;font-weight:500;white-space:nowrap}.bn-price small{font-size:12px;color:var(--mute);font-weight:400}
.bn-d{margin:0;font-size:12.5px;color:var(--mute);line-height:1.5}
.bn-chips{display:flex;flex-wrap:wrap;gap:6px}.bn-chips span{font-size:11.5px;border:1px solid var(--line);border-radius:999px;padding:2px 9px;color:var(--text2)}
.bn-chips .ok{border-color:rgba(30,160,90,.4);color:#1a8f52}.bn-chips .bad{border-color:rgba(217,48,37,.4);color:#d93025}
.bn-f{display:flex;flex-direction:column;gap:9px;margin-top:auto}
.bn-l{display:flex;flex-direction:column;gap:4px;min-width:0}.bn-l>span{font-size:12px;color:var(--text2)}.bn-l em{font-style:normal;color:var(--mute)}
.bn-l input,.bn-l select{width:100%;min-width:0;height:38px}
.bn-row{display:grid;grid-template-columns:1fr 100px;gap:8px}
.bn-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:64px;border:1.5px dashed var(--line2);border-radius:10px;cursor:pointer;overflow:hidden;font-size:12.5px;color:var(--mute)}
.bn-art:hover{border-color:var(--accent);color:var(--accent)}.bn-art input{display:none}
.bn-art-e{display:flex;align-items:center;gap:8px}.bn-art-e svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.bn-art img{display:block;width:100%;max-height:120px;object-fit:cover}.bn-art.has{border-style:solid}
.bn-art.busy{opacity:.6;pointer-events:none}
.bn-art-x{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(0,0,0,.62);color:#fff;cursor:pointer;line-height:22px;padding:0}.bn-art-x:hover{background:#d93025}
.bn-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.bn-tot{font-size:13px;color:var(--mute)}.bn-tot b{color:var(--text);font-weight:500}
@media(max-width:900px){.bn-where{grid-template-columns:1fr}.bn-grid{grid-template-columns:1fr}}
.bn-art [hidden]{display:none!important}
/* ---- block listing: live volume / yield estimate ---- */
.blk-est{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin:12px 0 4px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--hover)}
.blk-est div{display:flex;flex-direction:column;gap:2px}.blk-est span{font-size:11.5px;color:var(--mute)}.blk-est b{font-weight:500;font-size:13.5px}
.blk-est p{grid-column:1/-1;margin:2px 0 0}