/* ============================================================
   DEALER DAILY — SHOWROOM DASHBOARD
   styles.css — v1.6.0
   S4 styles preserved exactly. S5 additions at bottom.
============================================================ */
:root{
  --red:#EB0A1E;--red-d:#c00818;--blk:#1a1a1a;
  --bg:#f4f4f4;--bgs:#fff;--bgc:#fff;--bgi:#f8f8f8;--bgh:#f0f0f0;
  --tp:#1a1a1a;--ts:#555;--tm:#999;
  --br:#e8e8e8;--brs:#d0d0d0;
  --sh:0 1px 3px rgba(0,0,0,.08);
  --shm:0 4px 12px rgba(0,0,0,.12);
  --shl:0 8px 24px rgba(0,0,0,.16);
  --r:8px;--rs:4px;--rl:12px;
  --svc:#0ea5e9;
  --parts:#f97316;
}
.dk{
  --bg:#0f0f14;--bgs:#1a1a1a;--bgc:#1e1e28;--bgi:#13131a;--bgh:#111118;
  --tp:#f0f0f0;--ts:#9090a8;--tm:#55556a;
  --br:#2a2a3a;--brs:#3a3a4a;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;font-family:'Inter',system-ui,sans-serif;font-size:14px;background:var(--bg);color:var(--tp);}
button{cursor:pointer;font-family:inherit;border:none;outline:none;}
input,select{font-family:inherit;outline:none;}
::-webkit-scrollbar{width:4px;height:4px;}
::-webkit-scrollbar-thumb{background:var(--brs);border-radius:3px;}
@keyframes pu{0%,100%{opacity:1;}50%{opacity:.3;}}

#hdr{position:fixed;top:0;left:0;right:0;height:52px;background:var(--bgs);border-bottom:3px solid var(--red);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:10px;}
.hl{display:flex;align-items:center;gap:8px;}
.hl img{height:32px;}
.hbrand{display:flex;align-items:baseline;gap:4px;}
.hd{font-size:17px;font-weight:800;color:var(--red);}
.hs{font-size:13px;font-weight:500;color:var(--tm);}
#hver{font-size:8px;font-weight:700;padding:1px 5px;border-radius:8px;background:rgba(235,10,30,.08);color:var(--red);border:1px solid rgba(235,10,30,.2);margin-left:3px;}
.hc{font-size:13px;font-weight:700;}
.hr{display:flex;align-items:center;gap:7px;}
.gsel-wrap{display:flex;align-items:center;gap:4px;}
.gsel-lbl{font-size:11px;color:var(--tm);}
#gsel{font-size:12px;font-weight:600;padding:3px 7px;border:1px solid var(--brs);border-radius:var(--rs);background:var(--bgi);color:var(--tp);min-width:150px;}
.mgr-badge{font-size:12px;font-weight:600;color:var(--ts);padding:3px 9px;border:1px solid var(--br);border-radius:20px;background:var(--bgi);}
.tbtn{font-size:12px;font-weight:600;padding:4px 11px;border:1px solid var(--brs);border-radius:20px;background:var(--bgi);color:var(--tp);}
.gbtn{font-size:14px;padding:4px 8px;border:1px solid var(--br);border-radius:var(--rs);background:var(--bgi);color:var(--ts);}

#fbar{position:fixed;top:52px;left:0;right:0;height:40px;background:var(--bgs);border-bottom:1px solid var(--br);z-index:999;display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:8px;}
.fbar-left{display:flex;align-items:center;gap:6px;}
.fbar-right{display:flex;align-items:center;gap:8px;}
#fi{height:27px;padding:0 9px;font-size:12px;border:1px solid var(--brs);border-radius:var(--rs);background:var(--bgi);color:var(--tp);width:260px;}
#fi::placeholder{color:var(--tm);}
#fcl{font-size:11px;font-weight:600;padding:3px 9px;border:1px solid var(--brs);border-radius:var(--rs);background:var(--bgi);color:var(--ts);display:none;cursor:pointer;}
#fcl.v{display:block;}
.ftb{font-size:11px;font-weight:600;padding:3px 11px;border:1px solid var(--brs);border-radius:20px;background:var(--bgi);color:var(--ts);cursor:pointer;}
.ftb.a{background:var(--red);color:#fff;border-color:var(--red);}
.ftb.sa{background:var(--svc);color:#fff;border-color:var(--svc);}
.ftb.pa{background:var(--parts);color:#fff;border-color:var(--parts);}
.ftb.ba{background:#6366f1;color:#fff;border-color:#6366f1;}
.ftb.fa{background:#a855f7;color:#fff;border-color:#a855f7;}
#fres{font-size:11px;color:var(--tm);}

#main{margin-top:92px;padding:8px 10px;display:flex;flex-direction:column;gap:7px;}
#gmv{display:none;margin-top:92px;padding:8px 10px;}

.lane{display:flex;flex-direction:column;margin-bottom:4px;}
.lane-hdr{display:flex;align-items:stretch;justify-content:space-between;background:var(--bgh);border:1px solid var(--br);border-radius:var(--r) var(--r) 0 0;border-bottom:2px solid var(--red);overflow:hidden;}
.lane-hdr.sv{border-bottom-color:var(--svc);}
.lane-hdr.pt{border-bottom-color:var(--parts);}
.lane-hdr-left{display:flex;align-items:center;gap:7px;padding:6px 10px;}
.lane-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;}
.lane-title.s{color:var(--red);}
.lane-title.v{color:var(--svc);}
.lane-title.p{color:var(--parts);}
.lane-cnt{font-size:11px;color:var(--tm);}
.lane-kpis{display:flex;align-items:center;gap:0;border-left:1px solid var(--br);}
.lkpi{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 14px;border-right:1px solid var(--br);min-width:80px;}
.lkpi:last-child{border-right:none;}
.lkpi-lbl{font-size:9px;font-weight:600;color:var(--tm);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;}
.lkpi-val{font-size:16px;font-weight:800;color:var(--tp);line-height:1.1;}
.lkpi-sub{font-size:9px;color:var(--tm);}
.lkpi-pace{font-size:8px;font-weight:700;padding:1px 5px;border-radius:6px;margin-top:1px;}
.lkpi-pace.ok{background:rgba(34,197,94,.1);color:#16a34a;}
.lkpi-pace.bh{background:rgba(239,68,68,.1);color:#dc2626;}
.board{display:flex;gap:5px;padding:5px;background:var(--bg);border:1px solid var(--br);border-top:none;border-radius:0 0 var(--r) var(--r);overflow-x:auto;}

.kcol{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bgh);border-radius:var(--rs);padding:4px;border:1px solid var(--br);}
.ch{display:flex;align-items:center;justify-content:space-between;padding:3px 4px 4px;border-bottom:1px solid var(--br);margin-bottom:2px;}
.ct{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--ts);}
.cc{font-size:10px;font-weight:700;padding:1px 5px;border-radius:8px;background:var(--br);color:var(--tm);}
.cbar{height:2px;border-radius:2px;margin:0 4px 3px;}
.cards{display:flex;flex-direction:column;gap:3px;min-height:20px;}

.card{background:var(--bgc);border-radius:var(--rs);border:1px solid var(--br);border-left:3px solid #ccc;padding:5px 6px;cursor:pointer;transition:all .15s;position:relative;}
.card:hover{box-shadow:var(--shm);transform:translateY(-1px);}
.card:hover .ci-btn{opacity:1;}
.card.sv{border-left-color:var(--svc)!important;}
.card.pt{border-left-color:var(--parts)!important;}
.card.dl{background:rgba(34,197,94,.05);}
.r1{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-bottom:2px;}
.cn{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;}
.ct2{font-size:10px;font-weight:700;padding:1px 5px;border-radius:8px;white-space:nowrap;flex-shrink:0;}
.tg{background:rgba(34,197,94,.12);color:#16a34a;}
.ta{background:rgba(245,158,11,.12);color:#d97706;}
.tr{background:rgba(239,68,68,.12);color:#dc2626;}
.tb{background:rgba(59,130,246,.12);color:#2563eb;}
.r2{display:flex;align-items:center;justify-content:space-between;}
.ca{font-size:10px;color:var(--tm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;}
.ctype-tag{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;flex-shrink:0;white-space:nowrap;letter-spacing:.2px;}
.ctype-sales{background:rgba(235,10,30,.09);color:var(--red);}
.ctype-svc{background:rgba(14,165,233,.09);color:var(--svc);}
.ctype-parts{background:rgba(249,115,22,.09);color:var(--parts);}
.ctype-bdc{background:rgba(99,102,241,.09);color:#6366f1;}

.ci-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#16a34a;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;cursor:pointer;border:none;z-index:10;line-height:1;}
.ci-btn:hover{background:#15803d;transform:scale(1.1);}

.gstrip{border:1px solid var(--br);border-radius:var(--r);background:var(--bgs);overflow:hidden;margin-bottom:9px;}
.gsh{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bgh);border-bottom:1px solid var(--br);}
.gst{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;}
.gst.s{color:var(--red);}
.gst.v{color:var(--svc);}
.gsb{display:flex;gap:5px;}
.gb{font-size:11px;font-weight:600;padding:3px 10px;border:1px solid var(--brs);border-radius:20px;background:var(--bgs);color:var(--ts);cursor:pointer;}
.gb.fs{color:var(--red);border-color:rgba(235,10,30,.3);}
.gb.fv{color:var(--svc);border-color:rgba(14,165,233,.3);}
.gb.fp{color:var(--parts);border-color:rgba(249,115,22,.3);}
.gmet{display:flex;padding:8px 12px;flex-wrap:wrap;}
.gm2{display:flex;flex-direction:column;padding:0 12px;border-right:1px solid var(--br);}
.gm2:first-child{padding-left:0;}
.gm2:last-child{border-right:none;}
.gmv2{font-size:17px;font-weight:800;}
.gml{font-size:9px;color:var(--tm);text-transform:uppercase;letter-spacing:.3px;font-weight:600;}
.gsc{display:flex;flex-wrap:wrap;gap:4px;padding:6px 12px;background:rgba(0,0,0,.02);border-top:1px solid var(--br);}
.gsp{font-size:10px;font-weight:600;padding:2px 7px;border-radius:8px;background:var(--bgi);color:var(--ts);border:1px solid var(--br);}
.gsp .n{font-weight:800;color:var(--tp);margin-right:1px;}
.gros{display:none;border-top:1px solid var(--br);padding:9px 12px;}
.gros.op{display:block;}
.grg{display:flex;gap:7px;flex-wrap:wrap;}
.grc{flex:1;min-width:110px;}
.grt{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--tm);margin-bottom:4px;padding-bottom:3px;border-bottom:1px solid var(--br);}
.grr{display:flex;align-items:center;gap:5px;padding:3px 4px;border-radius:var(--rs);cursor:pointer;}
.grr:hover{background:var(--bgi);}
.grn{font-size:11px;font-weight:600;}
.grti{font-size:10px;color:var(--tm);}

#sp{position:fixed;top:0;right:-500px;width:480px;height:100vh;background:var(--bgs);border-left:1px solid var(--br);box-shadow:var(--shl);z-index:1100;transition:right .3s;display:flex;flex-direction:column;}
#sp.op{right:0;}
.ph{padding:11px 14px 9px;border-bottom:1px solid var(--br);background:var(--bgs);flex-shrink:0;position:relative;}
.psl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--red);margin-bottom:2px;}
.psl.sv{color:var(--svc);}
.psl.pt{color:var(--parts);}
.pcn{font-size:15px;font-weight:800;}
.pcl{position:absolute;top:11px;right:11px;width:25px;height:25px;border-radius:50%;background:var(--bgi);border:1px solid var(--br);color:var(--ts);font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
#jts{padding:9px 14px;border-bottom:1px solid var(--br);background:var(--bgs);flex-shrink:0;}
#fss{flex-shrink:0;}
#pb{flex:1;overflow-y:auto;padding:12px;}

.jt{display:flex;align-items:center;}
.js{display:flex;flex-direction:column;align-items:center;flex:1;}
.jd{width:8px;height:8px;border-radius:50%;background:var(--br);border:2px solid var(--brs);}
.jd.dn{background:var(--red);border-color:var(--red);}
.jd.ac{background:var(--red);border-color:var(--red);box-shadow:0 0 0 3px rgba(235,10,30,.2);}
.jd.sv-dn{background:var(--svc);border-color:var(--svc);}
.jd.sv-ac{background:var(--svc);border-color:var(--svc);box-shadow:0 0 0 3px rgba(14,165,233,.2);}
.jd.pt-dn{background:var(--parts);border-color:var(--parts);}
.jd.pt-ac{background:var(--parts);border-color:var(--parts);box-shadow:0 0 0 3px rgba(249,115,22,.2);}
.jd.bd-dn{background:#6366f1;border-color:#6366f1;}
.jd.bd-ac{background:#6366f1;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.2);}
.jl{flex:1;height:2px;background:var(--br);}
.jl.dn{background:var(--red);}
.jl.sv-dn{background:var(--svc);}
.jl.pt-dn{background:var(--parts);}
.jl.bd-dn{background:#6366f1;}
.jlb{font-size:9px;font-weight:600;margin-top:3px;color:var(--tm);text-align:center;white-space:nowrap;}
.jlb.ac{color:var(--red);font-weight:700;}
.jlb.sv-ac{color:var(--svc);font-weight:700;}
.jlb.pt-ac{color:var(--parts);font-weight:700;}
.jlb.bd-ac{color:#6366f1;font-weight:700;}

.ps{margin-bottom:14px;}
.pst{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--tm);margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--br);}
.pr{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid var(--br);font-size:12px;}
.pr:last-child{border-bottom:none;}
.prl{color:var(--tm);font-weight:500;}
.prv{font-weight:600;text-align:right;}
.btn{width:100%;padding:9px;border-radius:var(--r);font-size:12px;font-weight:700;border:none;margin-top:5px;cursor:pointer;display:block;}
.btn.rd{background:var(--red);color:#fff;}
.btn.rd:hover{background:var(--red-d);}
.btn.sv{background:var(--svc);color:#fff;}
.btn.pt{background:var(--parts);color:#fff;}
.btn.bk{background:var(--blk);color:#fff;}
.btn.ol{background:transparent;color:var(--ts);border:1px solid var(--brs);}
.btn.dis{opacity:.4;pointer-events:none;background:var(--br);color:var(--tm);}

.svbg{display:inline-flex;align-items:center;padding:3px 9px;border-radius:8px;font-size:11px;font-weight:700;margin-bottom:10px;}
.svw{background:rgba(245,158,11,.12);color:#d97706;}
.svp{background:rgba(59,130,246,.12);color:#2563eb;}
.svr{background:rgba(34,197,94,.15);color:#15803d;}
.svd{background:rgba(34,197,94,.12);color:#16a34a;}
.sri{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:var(--rs);border:1px solid var(--br);margin-bottom:4px;}
.srn{font-size:11px;font-weight:600;}
.sra{padding:2px 7px;border-radius:8px;font-size:10px;font-weight:700;}
.ap{background:rgba(34,197,94,.12);color:#16a34a;}
.dc{background:rgba(239,68,68,.1);color:#dc2626;}
.pd{background:rgba(245,158,11,.12);color:#d97706;}

#no{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1200;display:none;align-items:center;justify-content:center;padding:22px;}
#no.op{display:flex;}
#nm{width:1040px;max-width:100%;max-height:calc(100vh - 44px);background:var(--bgs);border-radius:var(--rl);box-shadow:var(--shl);display:flex;flex-direction:column;overflow:hidden;}
.nh{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;background:var(--blk);color:#fff;flex-shrink:0;}
.nt{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;}
.nc{font-size:13px;font-weight:800;}
.np{font-size:9px;font-weight:700;padding:2px 6px;border-radius:8px;background:rgba(34,197,94,.2);color:#22c55e;margin-left:5px;}
.navs{display:flex;gap:4px;}
.nav2{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;}
.nav2.m{background:var(--red);color:#fff;}
.nav2.s{background:#374151;color:#fff;}
.nx{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:12px;font-weight:700;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.nb{display:flex;flex:1;overflow:hidden;}
.nl{width:330px;flex-shrink:0;border-right:1px solid var(--br);overflow-y:auto;padding:12px;}
.nr{flex:1;overflow-y:auto;padding:12px;}
.nf{border-top:1px solid var(--br);padding:9px 16px;background:var(--bgs);flex-shrink:0;}
.nsec{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--tm);margin-bottom:5px;}
.nrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;gap:5px;}
.nlbl{font-size:12px;color:var(--ts);flex:1;}
.ni{width:100px;padding:4px 6px;font-size:12px;font-weight:600;border:1px solid var(--brs);border-radius:var(--rs);background:var(--bgi);color:var(--tp);text-align:right;}
.ni.pay{border-color:var(--red);color:var(--red);font-size:14px;font-weight:800;}
.ni.lk,.nsel.lk{opacity:.55;pointer-events:none;}
.nsel{flex:1;max-width:150px;padding:4px 6px;font-size:12px;font-weight:600;border:1px solid var(--brs);border-radius:var(--rs);background:var(--bgi);color:var(--tp);}
.mbar{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:5px;}
.mc{background:var(--bgi);border-radius:var(--rs);padding:6px 8px;text-align:center;}
.mcl{font-size:9px;font-weight:700;text-transform:uppercase;color:var(--tm);margin-bottom:1px;}
.mcv{font-size:13px;font-weight:800;}
.pg{width:100%;border-collapse:collapse;font-size:11px;}
.pg th{padding:3px 6px;background:var(--bgh);font-weight:700;font-size:9px;text-transform:uppercase;color:var(--tm);border:1px solid var(--br);text-align:center;}
.pg td{padding:3px 6px;border:1px solid var(--br);text-align:center;font-weight:600;cursor:pointer;background:var(--bgc);}
.pg td:first-child{text-align:left;background:var(--bgi);cursor:default;}
.pg td.sel{background:var(--blk);color:#fff;}
.nlog{display:flex;gap:7px;padding:6px 8px;border-radius:var(--rs);border-left:3px solid var(--br);background:var(--bgi);margin-bottom:4px;}
.nlog.ct{border-left-color:var(--red);}
.nlog.ac{border-left-color:#22c55e;}
.nla{width:21px;height:21px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;}
.nla.m{background:var(--red);color:#fff;}
.nla.s{background:#374151;color:#fff;}
.rb{font-size:9px;font-weight:700;padding:1px 4px;border-radius:3px;}
.rm{background:rgba(235,10,30,.1);color:var(--red);}
.rs2{background:rgba(55,65,81,.1);color:#374151;}
.apbr{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.25);border-radius:var(--r);padding:8px 11px;margin-top:5px;}
.dps{display:flex;gap:4px;margin-top:5px;}
.dp{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700;border:2px solid var(--brs);background:var(--bgc);color:var(--ts);cursor:pointer;}
.dp.sel{border-color:var(--red);color:var(--red);background:rgba(235,10,30,.04);}
.nfr{display:flex;align-items:center;justify-content:space-between;gap:5px;}
.nfl{display:flex;align-items:center;gap:5px;}
.nfrr{display:flex;align-items:center;gap:5px;}
.nbtn{padding:6px 13px;border-radius:var(--rs);font-size:12px;font-weight:700;border:none;cursor:pointer;white-space:nowrap;}
.nbtn.rd{background:var(--red);color:#fff;}
.nbtn.bk{background:var(--blk);color:#fff;}
.nbtn.ol{background:transparent;color:var(--ts);border:1px solid var(--brs);}
.nbtn.gn{background:#22c55e;color:#fff;pointer-events:none;}
.nbtn.ds{opacity:.4;pointer-events:none;background:var(--br);color:var(--tm);}

#toast{position:fixed;bottom:65px;left:50%;transform:translateX(-50%);background:var(--blk);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;z-index:2000;opacity:0;transition:opacity .3s;pointer-events:none;}
#toast.sh{opacity:1;}

#bbt{position:fixed;left:0;top:50%;transform:translateY(-50%);writing-mode:vertical-lr;padding:8px 6px;background:var(--bgs);border:1px solid var(--br);border-left:none;border-radius:0 var(--r) var(--r) 0;font-size:11px;font-weight:700;cursor:pointer;z-index:900;color:var(--ts);}
#bbt.hb{color:#fff;background:var(--red);}
#bbd{position:fixed;left:-380px;top:0;bottom:0;width:360px;background:var(--bgs);border-right:1px solid var(--br);box-shadow:var(--shl);z-index:1050;transition:left .3s;display:flex;flex-direction:column;}
#bbd.op{left:0;}
.bbh{padding:13px;border-bottom:1px solid var(--br);display:flex;align-items:center;justify-content:space-between;}
.bbt2{font-size:14px;font-weight:800;}
.bbx{font-size:16px;font-weight:700;color:var(--tm);background:none;border:none;cursor:pointer;}
.bbl2{flex:1;overflow-y:auto;padding:9px;}
.bbi{background:var(--bgc);border-radius:var(--r);border:1px solid var(--br);padding:10px;margin-bottom:6px;}
.bbn{font-size:12px;font-weight:700;}
.bbm{font-size:11px;color:var(--tm);margin-top:2px;}
.bba{display:flex;gap:4px;margin-top:7px;}
.bbb{flex:1;padding:5px;border-radius:var(--rs);font-size:11px;font-weight:700;border:1px solid var(--br);background:var(--bgi);color:var(--ts);cursor:pointer;}
.bbb.rt{background:var(--blk);color:#fff;border-color:var(--blk);}
.bbb.ar{color:var(--red);border-color:rgba(235,10,30,.3);}
#co{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1300;display:none;align-items:center;justify-content:center;}
#co.op{display:flex;}
#cm{width:660px;max-width:95vw;max-height:83vh;background:var(--bgs);border-radius:var(--rl);box-shadow:var(--shl);overflow:hidden;display:flex;flex-direction:column;}
.cch{padding:13px 16px;border-bottom:1px solid var(--br);display:flex;align-items:center;justify-content:space-between;background:var(--bgs);}
.cct{font-size:14px;font-weight:800;}
.ccx{font-size:16px;font-weight:700;color:var(--tm);background:none;border:none;cursor:pointer;}
.ccn{display:flex;border-bottom:1px solid var(--br);background:var(--bgh);}
.cctb{padding:8px 15px;font-size:12px;font-weight:600;border:none;background:none;color:var(--tm);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;}
.cctb.ac{color:var(--red);border-bottom-color:var(--red);}
.ccb{flex:1;overflow-y:auto;padding:16px;}
.ugl{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;}
.ugi{background:var(--bgc);border:1px solid var(--br);border-radius:var(--r);padding:10px 12px;}
.ugit{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;}
.ugin{font-size:12px;font-weight:700;}
.urgb{font-size:10px;font-weight:700;padding:2px 6px;border-radius:8px;}
.rg{background:rgba(34,197,94,.1);color:#16a34a;}
.rs3{background:rgba(235,10,30,.1);color:var(--red);}
.rv{background:rgba(14,165,233,.1);color:#0ea5e9;}
.rf{background:rgba(168,85,247,.1);color:#a855f7;}
.rb3{background:rgba(245,158,11,.1);color:#d97706;}
.rfi{background:rgba(249,115,22,.1);color:#ea580c;}
.rpt{background:rgba(249,115,22,.1);color:var(--parts);}
.ugim{font-size:11px;color:var(--tm);}
.ugia{display:flex;gap:4px;margin-top:6px;}
.ugib{padding:3px 8px;border-radius:var(--rs);font-size:11px;font-weight:600;border:1px solid var(--br);background:var(--bgi);color:var(--ts);cursor:pointer;}
.ugib.dl{color:var(--red);border-color:rgba(235,10,30,.3);}
.ugadd{width:100%;padding:8px;border-radius:var(--r);border:2px dashed var(--brs);background:none;color:var(--tm);font-size:12px;font-weight:600;cursor:pointer;}
.ugadd:hover{border-color:var(--red);color:var(--red);}
.ugf{background:var(--bgi);border-radius:var(--r);padding:13px;margin-bottom:12px;border:1px solid var(--br);}
.ugft{font-size:12px;font-weight:700;margin-bottom:9px;}
.ufr{margin-bottom:8px;}
.ufl{font-size:10px;font-weight:600;color:var(--tm);text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px;display:block;}
.ufi{width:100%;padding:6px 8px;border-radius:var(--rs);border:1px solid var(--brs);background:var(--bgs);color:var(--tp);font-size:13px;}
.ufs{width:100%;padding:6px 8px;border-radius:var(--rs);border:1px solid var(--brs);background:var(--bgs);color:var(--tp);font-size:13px;}
.ufcs{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;}
.ufc{display:flex;align-items:center;gap:3px;padding:3px 8px;border-radius:20px;border:1px solid var(--br);background:var(--bgc);cursor:pointer;font-size:11px;font-weight:600;color:var(--ts);}
.ufc.ck{background:var(--blk);color:#fff;border-color:var(--blk);}
.ufac{display:flex;gap:6px;margin-top:9px;}
.ufsv{padding:6px 16px;border-radius:var(--rs);background:var(--red);color:#fff;font-size:12px;font-weight:700;border:none;cursor:pointer;}
.ufcn{padding:6px 12px;border-radius:var(--rs);background:var(--bgi);color:var(--ts);font-size:12px;border:1px solid var(--br);cursor:pointer;}
#dbg{position:fixed;bottom:12px;right:12px;background:var(--blk);color:#fff;padding:6px 11px;border-radius:20px;font-size:11px;font-weight:700;z-index:2000;display:none;border:2px solid var(--red);}
#dbg.on{display:flex;align-items:center;gap:4px;}
.dd{width:6px;height:6px;border-radius:50%;background:var(--red);animation:pu 1s infinite;}
.bdg{display:inline-flex;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:700;}
.bdg-sp{background:rgba(235,10,30,.1);color:var(--red);}
.bdg-ca{background:rgba(59,130,246,.1);color:#2563eb;}
.bdg-aa{background:rgba(245,158,11,.12);color:#d97706;}
.bdg-rf{background:rgba(34,197,94,.1);color:#16a34a;}
.bdg-wb{background:rgba(168,85,247,.1);color:#7c3aed;}
.bdg-wi{background:rgba(249,115,22,.1);color:#ea580c;}
.bdg-sg{background:rgba(20,184,166,.1);color:#0d9488;}
#no{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1200;display:none;align-items:center;justify-content:center;padding:22px;}
#no.op{display:flex;}
#nm{width:1040px;max-width:100%;max-height:calc(100vh - 44px);background:var(--bgs);border-radius:var(--rl);box-shadow:var(--shl);display:flex;flex-direction:column;overflow:hidden;}
#sp{position:fixed;top:0;right:-500px;width:480px;height:100vh;background:var(--bgs);border-left:1px solid var(--br);box-shadow:var(--shl);z-index:1100;transition:right .3s;display:flex;flex-direction:column;}
#sp.op{right:0;}
#toast{position:fixed;bottom:65px;left:50%;transform:translateX(-50%);background:var(--blk);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;z-index:2000;opacity:0;transition:opacity .3s;pointer-events:none;}
#toast.sh{opacity:1;}
.jd.bd-dn{background:#6366f1;border-color:#6366f1;}
.jd.bd-ac{background:#6366f1;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.2);}
.jl.bd-dn{background:#6366f1;}
.jlb.bd-ac{color:#6366f1;font-weight:700;}
.ctype-bdc{background:rgba(99,102,241,.09);color:#6366f1;}
.ftb.ba{background:#6366f1;color:#fff;border-color:#6366f1;}
.ftb.fa{background:#a855f7;color:#fff;border-color:#a855f7;}