/* app.css */
:root{--ink:#0f172a;--bg:#f4f5f7;--surface:#fff;--line:#e5e7eb;--muted:#6b7280;--soft:#f8fafc;--pri:#111827;--gold:#b8860b;--r:14px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;font-size:14.5px;line-height:1.45}a{color:#1d4ed8;text-decoration:none}h1,h2,h3,h4{margin:0}.hide{display:none!important}.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:8px 14px;font:inherit;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s,transform .08s;white-space:nowrap}
.btn:hover{background:var(--soft)}.btn:active{transform:translateY(1px)}.btn.pri{background:var(--pri);color:#fff;border-color:var(--pri);box-shadow:0 4px 12px rgba(17,24,39,.2)}.btn.pri:hover{background:#1f2937}
.btn.ghost{background:none;border-color:transparent;color:inherit}.btn.sm{padding:5px 10px;font-size:12.5px;border-radius:8px}.btn.big{padding:12px 16px;font-size:15px;width:100%}
.inp{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit;background:var(--surface);color:var(--ink)}.inp:focus{outline:2px solid #2563eb33;border-color:#2563eb}.inp.sm{padding:5px 8px;font-size:12.5px;width:auto}
:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.spin{width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:sp 1s linear infinite;margin:40vh auto}@keyframes sp{to{transform:rotate(360deg)}}
/* login */
.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(1200px 600px at 10% -10%,#fde68a55,transparent),radial-gradient(900px 500px at 110% 110%,#bfdbfe66,transparent),var(--bg)}
.lg-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 30px 80px rgba(15,23,42,.12);display:grid;gap:18px}
.lg-brand,.brand{display:flex;gap:12px;align-items:center}.lg-brand small,.brand small{display:block;color:var(--muted);font-size:12px}
.logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#d4a017,#8a6508);color:#fff;font-weight:800;display:grid;place-items:center;flex:none}
#lgForm,#pwForm{display:grid;gap:12px}#lgForm h1,#pwForm h1{font-size:22px}#lgForm p,#pwForm p{margin:0}
label{display:grid;gap:5px;font-size:13px;font-weight:600;color:#374151}label input{border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit;font-weight:400}
.code{font-size:24px;letter-spacing:.3em;text-align:center}.err{color:#b91c1c;font-size:13px;margin:0;min-height:1em}.lg-foot{font-size:12px;color:var(--muted);text-align:center;margin:0}
/* shell */
.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.rail{position:sticky;top:0;height:100vh;background:#0f172a;color:#e5e7eb;padding:18px 14px;display:flex;flex-direction:column;gap:16px}
.rail .brand small{color:#94a3b8}.rail nav{display:grid;gap:3px;flex:1;align-content:start}
.rail nav a{display:flex;align-items:center;gap:10px;color:#cbd5e1;padding:10px 12px;border-radius:10px;font-weight:600}.rail nav a svg{width:18px;height:18px}.rail nav a:hover{background:#1e293b;color:#fff}.rail nav a.on{background:#1e293b;color:#fff;box-shadow:inset 3px 0 0 var(--gold)}
.me{display:flex;gap:10px;align-items:center;color:#e5e7eb;padding:10px;border-radius:12px;background:#111c33}.me small{display:block;color:#94a3b8;font-size:11.5px}
.av{width:34px;height:34px;border-radius:50%;background:#334155;color:#fff;display:inline-grid;place-items:center;font-weight:800;flex:none}.av.sm{width:22px;height:22px;font-size:11px;margin-right:6px;background:#64748b}
.rail .btn.ghost{color:#94a3b8;justify-content:flex-start}
main{padding:24px 28px 60px;min-width:0;animation:fi .2s ease}@keyframes fi{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.ph{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}.ph h1{font-size:26px;letter-spacing:-.01em}.ph p{margin:4px 0 0;color:var(--muted)}.acts{display:flex;gap:8px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin-bottom:14px}.card h3{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;margin-bottom:10px}.card h3 a{font-size:13px;font-weight:600}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fld{margin-bottom:10px}.chk{display:flex;flex-direction:row;align-items:center;gap:6px}
.li{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-top:1px solid var(--line);background:none;padding:9px 2px;font:inherit;cursor:pointer;color:inherit}.li:first-of-type{border-top:0}.li span{color:var(--muted);flex:1}.li .pill{flex:none}
.pill{display:inline-block;font-size:11.5px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);border-radius:999px;padding:3px 9px;white-space:nowrap}
.bd{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:2px 6px;background:#eef2ff;color:#3730a3;margin-left:6px}.bd.urg{background:#fef2f2;color:#b91c1c}.bd.cod{background:#fff7ed;color:#c2410c;margin:0}.bd.pre{background:#ecfdf5;color:#047857;margin:0}
/* dashboard */
.flow{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:8px;margin-bottom:14px;overflow-x:auto}.flow i{color:#cbd5e1;font-style:normal}
.fl{flex:1 0 110px;display:grid;padding:10px 14px;border-radius:12px;color:var(--ink);border-top:3px solid var(--c);background:color-mix(in srgb,var(--c) 5%,var(--surface))}.fl:hover{background:color-mix(in srgb,var(--c) 12%,var(--surface))}.fl b{font-size:24px;color:var(--c)}.fl span{font-size:12.5px;color:var(--muted);font-weight:600}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;display:grid}.kpi b{font-size:26px}.kpi span{color:var(--muted);font-size:12.5px}.kpi.warn{border-color:#fde68a;background:#fffbeb}.kpi.warn b{color:#b45309}
/* orders */
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.tabs .main{display:flex;align-items:center;gap:3px;flex:1 1 640px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:5px;overflow-x:auto}.tabs i{color:#cbd5e1;font-style:normal}.tabs .side{display:flex;gap:6px;flex-wrap:wrap}
.st{display:flex;align-items:center;gap:8px;border:1px solid transparent;background:none;border-radius:11px;padding:8px 11px;font:inherit;font-weight:600;font-size:13px;cursor:pointer;color:var(--ink);white-space:nowrap;flex:1 0 auto}.side .st{background:var(--surface);border-color:var(--line)}
.st em{font-style:normal;font-weight:800;color:var(--c);margin-left:auto}.st:hover{background:color-mix(in srgb,var(--c) 8%,var(--surface))}.st.on{background:color-mix(in srgb,var(--c) 14%,var(--surface));border-color:color-mix(in srgb,var(--c) 45%,transparent);box-shadow:0 4px 14px color-mix(in srgb,var(--c) 20%,transparent)}.st.zero em{color:var(--muted);font-weight:600}
.sub{display:flex;gap:10px;align-items:baseline;padding:12px 16px;border-radius:14px;background:linear-gradient(120deg,color-mix(in srgb,var(--c) 12%,var(--surface)),var(--surface) 70%);border:1px solid color-mix(in srgb,var(--c) 25%,var(--line));margin-bottom:12px}.sub b{font-size:17px;color:var(--c)}.sub span{color:var(--muted)}
.tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.search{flex:1 1 280px;width:auto}
.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}.chip.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.bulk{position:sticky;top:8px;z-index:5;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:8px 12px;margin-bottom:10px;box-shadow:0 8px 24px rgba(15,23,42,.1)}.bulk .inp{width:auto}
.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:14px}
.lh,.row{display:grid;grid-template-columns:28px minmax(200px,1.3fr) minmax(180px,1.4fr) 100px 150px auto;gap:12px;align-items:center;padding:10px 14px}
.lh{background:var(--soft);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;border-bottom:1px solid var(--line)}
.row{border-top:1px solid var(--line);cursor:pointer;transition:background .12s}.row:first-of-type{border-top:0}.row:hover{background:var(--soft)}.row.sel{background:#eff6ff}.row.off{opacity:.55}.row.bad{background:#fef2f2}
.o small,.py small{display:block;color:var(--muted);font-size:12.5px}.o b{font-size:14.5px}.it{font-size:13px;color:#374151}.as{font-size:13px;display:flex;align-items:center}.ac{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.users .lh,.users .row{grid-template-columns:minmax(200px,1.4fr) 150px 140px 150px 120px auto}
.act .lh,.act .row{grid-template-columns:130px 130px 140px 120px 1fr 110px}.dt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.empty{display:grid;place-items:center;gap:6px;text-align:center;padding:50px 20px;background:var(--surface);border:1px dashed var(--line);border-radius:var(--r);color:var(--muted)}.empty b{color:var(--ink);font-size:16px}
/* drawer */
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,96vw);background:var(--bg);z-index:40;transform:translateX(105%);transition:transform .22s ease;display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(15,23,42,.2);visibility:hidden}.drawer.on{transform:none;visibility:visible}
.scrim{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:30;opacity:0;pointer-events:none;transition:opacity .2s}.scrim.on{opacity:1;pointer-events:auto}
.dh{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:var(--surface);border-bottom:1px solid var(--line)}.dh small{color:var(--muted)}.dh h2{font-size:22px}
.db{overflow:auto;padding:14px 18px;display:grid;gap:14px;align-content:start}.db section{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.db h4{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}.db p{margin:0 0 6px}
.stat{border-radius:14px;padding:14px;background:color-mix(in srgb,var(--c) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--c) 30%,transparent);display:grid;gap:10px}.stat b{display:block;font-size:17px;color:var(--c)}.stat span{color:var(--muted);font-size:13px}
.steps{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.steps i{height:6px;border-radius:99px;background:var(--line)}.steps i.done{background:color-mix(in srgb,var(--c) 45%,var(--line))}.steps i.on{background:var(--c)}
.mv{display:flex;gap:6px;flex-wrap:wrap}.it2{padding:5px 0;border-top:1px solid var(--line);font-size:13.5px}.it2:first-of-type{border-top:0}.it2 small{display:block;color:var(--muted);font-size:12px}
.row2{display:flex;justify-content:space-between;align-items:center}.note{display:flex;gap:6px;margin-bottom:10px}
.tl{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--line);display:grid;gap:10px}.tl li{position:relative}.tl li::before{content:"";position:absolute;left:-20px;top:5px;width:10px;height:10px;border-radius:50%;background:#94a3b8;border:2px solid var(--bg)}.tl b{display:block;font-size:13px;font-weight:600}.tl small{color:var(--muted);font-size:12px}
/* tasks */
.board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.col{background:#eef0f3;border-radius:16px;padding:10px;display:grid;gap:8px;align-content:start;min-height:200px}.col h3{font-size:13px;display:flex;justify-content:space-between;padding:2px 4px}.col h3 span{color:var(--muted)}
.tk{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:4px}.tk.high{border-left:4px solid #dc2626}.tk.late{background:#fff7ed}.tk p{margin:0;font-size:13px;color:#374151}.tk small{color:var(--muted);font-size:12px}.tka{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}
.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.roles div{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:2px}.roles span{color:var(--muted);font-size:13px}
.temp{font-size:24px;font-weight:800;letter-spacing:.08em;background:var(--soft);border:1px dashed var(--line);border-radius:12px;padding:12px;text-align:center;user-select:all}
.tf{display:flex;gap:14px;align-items:flex-start;margin-top:10px;flex-wrap:wrap}.tf img{border:1px solid var(--line);border-radius:10px}.tf code{word-break:break-all}
/* dialog + toast */
dialog{border:0;border-radius:18px;padding:0;width:min(520px,94vw);box-shadow:0 30px 80px rgba(15,23,42,.3)}dialog::backdrop{background:rgba(15,23,42,.45)}dialog form{padding:20px;display:grid;gap:12px}dialog h2{font-size:18px}.dlg-f{display:flex;justify-content:flex-end;gap:8px}
#toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);background:#111827;color:#fff;padding:10px 16px;border-radius:12px;font-weight:600;opacity:0;pointer-events:none;transition:all .2s;z-index:60;max-width:90vw}#toast.on{opacity:1;transform:translate(-50%,0)}#toast.err{background:#991b1b}
/* phones */
@media (max-width:900px){.shell{grid-template-columns:1fr}.rail{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px}.rail nav{display:flex;overflow-x:auto;flex:1 1 100%;order:3}.rail nav a{padding:8px 10px;white-space:nowrap}.me{order:2;margin-left:auto}.rail .btn.ghost{order:2}
 main{padding:16px}.two,.g2,.kpis,.board,.roles{grid-template-columns:1fr}.lh{display:none}.row{grid-template-columns:28px 1fr;row-gap:4px}.row>:not(input):not(.o){grid-column:2}.users .row,.act .row{grid-template-columns:1fr}.users .row>*,.act .row>*{grid-column:auto}.ac{justify-content:flex-start}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.errbox{position:fixed;left:50%;top:12px;transform:translateX(-50%);z-index:70;background:#fef2f2;border:1px solid #fecaca;color:#7f1d1d;border-radius:12px;padding:10px 14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;max-width:min(760px,94vw);box-shadow:0 10px 30px rgba(127,29,29,.15);font-size:13.5px}.errbox[hidden]{display:none}
@media (max-width:900px){.errbox{top:auto;bottom:70px}}

.lgrp{margin-bottom:14px}.lgrp h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px}
.lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.ltile{display:grid;gap:3px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;color:var(--ink);transition:transform .12s,box-shadow .15s,border-color .15s;border-top:3px solid var(--c)}
.ltile:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(15,23,42,.08);border-color:color-mix(in srgb,var(--c) 40%,var(--line))}
.ltile b{font-size:15px}.ltile small{color:var(--muted);font-size:12.5px}
.lic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);font-weight:800;margin-bottom:4px}
.small{font-size:12.5px}

/* ops.css */
/* portal v3 · operations screens */
.rail h6{margin:12px 12px 4px;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:#64748b;font-weight:700}
.rail nav{overflow-y:auto}.rail nav a{padding:8px 12px}.rail nav a .nb,.rail .nb{margin-left:auto;font-style:normal;background:#b8860b;color:#fff;border-radius:999px;font-size:11px;padding:1px 7px}
.fl small{display:block;color:var(--muted);font-size:11.5px}
a.kpi{color:var(--ink)}a.kpi:hover{box-shadow:0 8px 20px rgba(15,23,42,.06)}
.acts2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.act2{display:grid;border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--ink);transition:border-color .15s,background .15s}.act2:hover{border-color:#2563eb;background:#eff6ff}.act2 small{color:var(--muted)}
.ctag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);border-radius:7px;padding:2px 8px;white-space:nowrap}
.why{display:block;color:#b91c1c;font-size:12px;margin-top:2px}.whybox{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:10px;padding:8px 10px;margin:0;font-size:13px}
.lbl{font-size:11.5px;font-weight:700;margin-left:6px}
.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.steps4 div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-weight:600;color:var(--muted);display:flex;gap:8px;align-items:center}.steps4 b{width:24px;height:24px;border-radius:50%;background:var(--line);display:grid;place-items:center;color:var(--ink);font-size:12px}.steps4 .on{border-color:#2563eb;color:var(--ink)}.steps4 .on b{background:#2563eb;color:#fff}
.mini{display:flex;flex-wrap:wrap;gap:6px}.mini span{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:3px 8px;font-size:12.5px}
.rds .lh,.rds .row{grid-template-columns:70px 130px 120px 150px 1fr auto}.rr{grid-template-columns:90px 1fr 110px 120px auto!important;display:grid;gap:10px;align-items:center;padding:8px 10px;cursor:default}
.pick{max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:8px;display:grid;gap:4px}.pick .chk{font-weight:400;font-size:13px}
.drop{display:grid;place-items:center;gap:6px;text-align:center;padding:44px 20px;border:2px dashed #cbd5e1;border-radius:18px;background:var(--surface);cursor:pointer;margin-bottom:14px;transition:border-color .15s,background .15s}.drop b{font-size:17px}.drop span{color:var(--muted)}.drop.over,.drop:hover{border-color:#2563eb;background:#eff6ff}
.lb{grid-template-columns:110px 90px 1fr 130px auto!important}.mt{margin:14px 0 6px}
.um{display:grid;grid-template-columns:70px 1fr 120px 140px auto;gap:8px;align-items:center;border-top:1px solid var(--line);padding:8px 0}.um small{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.um.done{opacity:.5}
.spin.sm{width:18px;height:18px;margin:0 8px 0 0;display:inline-block;vertical-align:middle;border-width:2px}
/* stations */
.st3{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,1.3fr) minmax(220px,.8fr);gap:12px;align-items:start}
.camh{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.camh b{margin-right:auto}
.camc video,.rvv{width:100%;aspect-ratio:16/9;background:#0f172a;border-radius:12px;object-fit:cover}
.scan{font-size:20px;padding:14px 16px;border-width:2px;border-color:#2563eb;margin-bottom:12px}
.pko{display:grid;gap:8px}.pkh{display:flex;justify-content:space-between;align-items:flex-start}.pkh h2{font-size:28px}.pkh small,.pkh span{color:var(--muted)}
.pkb{font-size:15px}.pkb b{font-size:22px}.recdot{color:#dc2626;font-weight:800;margin-left:8px;animation:bl 1s infinite}@keyframes bl{50%{opacity:.3}}
.pki{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.pki b{font-size:18px;min-width:44px}.pki small{display:block;color:var(--muted);font-size:12px}.pki.ok{background:#f0fdf4;border-color:#86efac}
.pka{display:flex;gap:8px}.pka .big{flex:1}
.qc{max-height:70vh;overflow:auto}.qi{display:grid;gap:2px;width:100%;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 10px;margin-bottom:6px;font:inherit;cursor:pointer}.qi small{color:var(--muted);font-size:12px}.qi.lk{opacity:.6}.qi.ok{background:#f0fdf4;border-color:#86efac}
.hob{font-size:15px;margin-bottom:10px}.hob b{font-size:26px}
.sig{width:100%;border:1px dashed #94a3b8;border-radius:10px;background:#fff;touch-action:none}
.linkbtn{background:none;border:0;color:#1d4ed8;font:inherit;font-size:13px;cursor:pointer;padding:2px 0}
.red{color:#dc2626}.g{color:#16a34a}.mono{font-family:ui-monospace,monospace}
/* evidence */
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.vcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.vcard video{width:100%;aspect-ratio:16/9;background:#0f172a;display:block}.vcard>div{padding:10px 12px;display:grid;gap:3px}.vcard small{color:var(--muted);font-size:12px}
.ev video{width:100%;border-radius:10px;background:#0f172a}.ev small{color:var(--muted);font-size:12px}.phs{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.phs img{width:84px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
/* stock */
.stk .lh,.stk .row{grid-template-columns:minmax(210px,1.6fr) 130px 70px 120px 90px 60px 70px auto}.sz{font-size:12px;background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.qty{display:flex;align-items:center;gap:6px}.qty b{min-width:26px;text-align:center;font-size:15px}.qb{width:26px;height:26px;border-radius:8px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-weight:800}
.mv .row{grid-template-columns:120px 50px 80px 1fr 1fr;cursor:default}
/* purchase */
.pol .lh,.pol .row{grid-template-columns:90px 1fr 90px 100px 180px auto}.pol2{display:grid;grid-template-columns:1fr 80px 100px;gap:6px;margin-bottom:6px}.pol3{display:grid;grid-template-columns:1fr 90px;gap:8px;align-items:center;border-top:1px solid var(--line);padding:8px 0}.pol3 small{display:block;color:var(--muted)}
/* returns */
.board.rc{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.case{text-align:left;font:inherit;cursor:pointer}.case:hover{border-color:#2563eb}
.cst{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.cst span{font-size:11.5px;border-radius:999px;padding:3px 9px;background:var(--soft);border:1px solid var(--line);color:var(--muted)}.cst .done{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.cst .on{background:#2563eb;color:#fff;border-color:#2563eb}
dialog .tl{max-height:200px;overflow:auto}dialog{width:min(640px,96vw)}
/* reports */
.bars{display:flex;align-items:flex-end;gap:4px;height:160px;padding-top:10px}.bars div{flex:1;display:grid;grid-template-rows:1fr auto;height:100%;align-items:end;text-align:center}.bars i{display:block;background:linear-gradient(#3b82f6,#1d4ed8);border-radius:6px 6px 0 0;min-height:2px}.bars small{font-size:10px;color:var(--muted)}
.tb{width:100%;border-collapse:collapse;font-size:13.5px}.tb th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line)}.tb td{padding:7px 8px;border-bottom:1px solid var(--line)}
.cur .lh,.cur .row{grid-template-columns:180px 70px 90px 160px auto;cursor:default}
@media (max-width:1100px){.st3{grid-template-columns:1fr}.qc{max-height:none}.acts2{grid-template-columns:1fr}.steps4{grid-template-columns:1fr 1fr}.stk .row,.pol .row,.rds .row,.cur .row,.mv .row{grid-template-columns:1fr 1fr}.um{grid-template-columns:1fr 1fr}}
.qi .ctag,.pkh .ctag{justify-self:start}.pka .btn[disabled]{opacity:.45;cursor:not-allowed}
.dha{display:flex;gap:6px;align-items:center}
.cxg{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:12px;margin-bottom:14px}
.cx{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:grid;gap:8px;align-content:start}
.cxh{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cxh b{font-size:17px;margin-right:4px}.cxh small{margin-left:auto;font-size:12px}
.cxs{display:grid;gap:4px}.cx h4{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:6px 0 0}
.kx{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;border-top:1px solid var(--line);padding-top:8px}.kx .inp{width:100%;grid-column:1}.kx .btn{grid-column:2}
.sx{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.sx .chk{grid-column:1/-1;font-weight:500;font-size:13px}.sx .fld{margin:0}
.nb{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.btn.danger{color:#b91c1c;border-color:#fecaca}
.cxl .row{grid-template-columns:120px 100px 140px 110px 1fr;cursor:default}
@media (max-width:700px){.cxg{grid-template-columns:1fr}.sx{grid-template-columns:1fr}.cxl .row{grid-template-columns:1fr 1fr}}

/* v4.css */
/* v4: dark mode, top tools, palette, schedule, support, HR */
html.dark{--ink:#e5e7eb;--bg:#0b1020;--surface:#121a2e;--line:#243049;--muted:#94a3b8;--soft:#0f172a;--pri:#e5e7eb;color-scheme:dark}
html.dark body{background:var(--bg);color:var(--ink)}html.dark label{color:#cbd5e1}html.dark .btn.pri{background:#d4a017;color:#111;border-color:#d4a017}html.dark #main a:not(.btn):not(.li):not(.ni),html.dark dialog a:not(.btn):not(.ni){color:#93c5fd}
html.dark .rail{background:#0a0f1c}html.dark dialog{background:var(--surface);color:var(--ink)}html.dark .row,html.dark .list{background:var(--surface)}
.topx{display:flex;gap:6px;padding:8px 10px;flex-wrap:wrap}.topx button{border:1px solid #ffffff22;background:#ffffff10;color:inherit;border-radius:9px;padding:6px 10px;font:inherit;font-size:12.5px;cursor:pointer;position:relative}.topx #kbtn{flex:1;text-align:left}.topx kbd{opacity:.6;font-size:10.5px;margin-left:6px}
#bellN{position:absolute;top:-6px;right:-6px;background:#dc2626;color:#fff;border-radius:99px;font-style:normal;font-size:10.5px;padding:1px 5px}
.nl{display:grid;gap:4px;max-height:60vh;overflow:auto}.ni{display:grid;padding:9px 11px;border-radius:10px;border:1px solid var(--line);color:inherit}.ni.un{border-left:4px solid var(--gold);background:var(--soft)}.ni small{color:var(--muted)}
.kr{display:grid;gap:4px;margin-top:10px;max-height:50vh;overflow:auto}.kri{display:grid;grid-template-columns:70px 1fr;gap:2px 10px;text-align:left;border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:10px;padding:8px 10px;font:inherit;cursor:pointer}.kri.on{border-color:var(--gold);box-shadow:0 0 0 2px #b8860b33}.kri small{grid-column:2;color:var(--muted)}.kt{grid-row:span 2;font-size:11px;text-transform:uppercase;color:var(--muted);align-self:center}
.drb{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.drb .inp{width:auto}.inp.sm{padding:6px 9px;font-size:13px;width:auto}.linkbtn{background:none;border:0;color:#2563eb;cursor:pointer;font:inherit;padding:0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:900px){.two{grid-template-columns:1fr}}
.li{display:flex;gap:10px;align-items:center;justify-content:space-between;width:100%;padding:9px 4px;border:0;border-bottom:1px solid var(--line);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.li span{color:var(--muted);font-size:13px}.red{color:#dc2626!important;font-weight:600}
.sbar{position:sticky;top:0;z-index:3;display:flex;gap:10px;align-items:center;background:var(--bg);padding:8px 0;margin-bottom:8px}.sbar .inp{width:auto}
.cal{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.cd{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px;min-height:120px}.cd.off{opacity:.55;background:repeating-linear-gradient(45deg,transparent 0 8px,#94a3b811 8px 16px)}.cd.today{border-color:var(--gold);box-shadow:0 0 0 2px #b8860b33}.cdh{display:flex;justify-content:space-between}.cd small{color:var(--muted);display:block;margin:4px 0}
.load{display:block;height:6px;background:var(--line);border-radius:9px;overflow:hidden;margin:6px 0}.load>i{display:block;height:100%;background:linear-gradient(90deg,#16a34a,#b8860b);border-radius:9px}.load>i.full{background:#dc2626}
.scg{display:grid;gap:4px;margin-top:6px}.sc{display:grid;grid-template-columns:auto 1fr auto;gap:0 6px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:5px 7px;font-size:12.5px;font-weight:500;cursor:pointer}.sc small{grid-column:2/4;color:var(--muted);font-weight:400}.sc:has(input:checked){border-color:#2563eb;background:#2563eb11}.warnc{border-color:#f59e0b}
.drop{display:grid;place-items:center;gap:4px;border:2px dashed var(--line);border-radius:14px;padding:30px;margin-bottom:14px;cursor:pointer;background:var(--surface)}.drop.over{border-color:var(--gold);background:#b8860b11}.drop span{color:var(--muted)}
.um{display:grid;grid-template-columns:70px 1fr 140px auto auto;gap:8px;align-items:center;padding:6px 0;border-top:1px solid var(--line)}.um small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.um.done{opacity:.5}
.mini{display:flex;flex-wrap:wrap;gap:6px}.mini span{border:1px solid var(--line);border-radius:8px;padding:3px 8px;font-size:12.5px;cursor:default}.mini [data-oo]{cursor:pointer}
.list .lh,.list .row{display:grid;gap:10px;align-items:center;padding:10px 14px}.list .lh{font-size:12px;color:var(--muted);text-transform:uppercase}.list .row{border-top:1px solid var(--line);cursor:default}.list{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);margin-bottom:14px}
.tkl .lh,.tkl .row{grid-template-columns:2.2fr 1.4fr 1fr .9fr .9fr}.tkl .row{cursor:pointer}.tkl .row:hover{background:var(--soft)}
.rfl .lh,.rfl .row{grid-template-columns:1fr 1.6fr .8fr 1fr 1.2fr auto}.apl .row{grid-template-columns:1fr 1.4fr 1.4fr auto}.lvl .row{grid-template-columns:1fr 1.6fr 1.4fr auto}
.hre .lh,.hre .row{grid-template-columns:2fr 1fr 1fr .8fr 1fr auto}.prl .lh,.prl .row{grid-template-columns:1.8fr .6fr .9fr .9fr .8fr .9fr auto}.row.off{opacity:.5}.ac{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:800px){.list .lh{display:none}.list .row{grid-template-columns:1fr 1fr!important}}
.c360{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:6px;margin-bottom:10px}.acts3{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.rsn .lh,.rsn .row{display:grid;grid-template-columns:2fr 1.3fr .7fr .8fr 1.3fr;gap:8px;align-items:center;padding:4px 0}.rsn .lh{font-size:12px;color:var(--muted)}
.tbw{overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-bottom:12px}.tb{border-collapse:collapse;width:100%;font-size:13px}.tb th,.tb td{border-bottom:1px solid var(--line);padding:7px 9px;text-align:left;white-space:nowrap}.tb td.c{text-align:center}.rot th{font-size:12px}
.attg td.ac2{text-align:center;cursor:pointer;min-width:26px;font-weight:600;padding:5px 2px}.attg .p{background:#16a34a22;color:#15803d}.attg .l{background:#f59e0b2a;color:#b45309}.attg .h{background:#3b82f622;color:#1d4ed8}.attg .a{background:#dc262622;color:#b91c1c}.attg .lv{background:#7c3aed22;color:#6d28d9}.attg .wo{color:var(--muted)}
.wlg{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.wl{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:8px}.wl.off{opacity:.5}.wlh{display:flex;gap:10px;align-items:center}.wlh small{display:block;color:var(--muted)}.wln{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;font-size:11.5px;color:var(--muted)}.wln b{display:block;font-size:18px;color:var(--ink)}
.av{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#b8860b,#f59e0b);color:#fff;font-weight:700;flex:none}.av.sm{width:24px;height:24px;font-size:12px;margin-right:6px}
.fd{display:flex;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:8px}.fd p{margin:3px 0}.fd small{color:var(--muted)}.fd.kd{border-color:#f59e0b;background:linear-gradient(90deg,#f59e0b11,transparent)}.fdr{display:flex;gap:8px;margin-top:8px}.fdr .inp{width:auto;flex:1}.cel{background:linear-gradient(90deg,#fde68a55,transparent)}.ldr{display:inline-block;margin-right:12px}
.lb{display:grid;gap:8px}.lbr{display:grid;grid-template-columns:40px 160px 1fr;gap:4px 12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.lbr small{grid-column:2/4;color:var(--muted)}.rk{font-size:20px;text-align:center;grid-row:span 2}
.mehero{display:grid;grid-template-columns:1.4fr auto auto;gap:14px;align-items:center;background:linear-gradient(135deg,#111827,#1f2937);color:#fff;border-radius:18px;padding:18px 22px;margin-bottom:14px}.mehero .muted{color:#cbd5e1}.chk2{display:grid;gap:8px;justify-items:start}.btn.big{padding:14px 28px;font-size:17px}
.ring{--p:0;width:110px;height:110px;border-radius:50%;background:conic-gradient(#d4a017 calc(var(--p)*1%),#ffffff22 0);display:grid;place-items:center}.ring>div{width:86px;height:86px;border-radius:50%;background:#111827;display:grid;place-items:center;text-align:center;line-height:1.1}.ring b{font-size:24px}.ring small{font-size:10.5px;color:#cbd5e1}
.streak{text-align:center}.streak b{font-size:26px;display:block}.streak small{color:#cbd5e1}@media(max-width:700px){.mehero{grid-template-columns:1fr 1fr}.chk2{grid-column:1/3}}
.mcal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px}.mcal i{font-style:normal;text-align:center;padding:6px 0;border-radius:7px;font-size:12.5px;background:var(--soft)}.mcal .dh{background:none;color:var(--muted);font-size:11px}.mcal .p{background:#16a34a33}.mcal .l{background:#f59e0b44}.mcal .h{background:#3b82f633}.mcal .a{background:#dc262633}.mcal .td{outline:2px solid var(--gold)}
.bars{display:flex;gap:6px;align-items:flex-end;height:120px}.bars div{flex:1;display:grid;grid-template-rows:1fr auto;height:100%;text-align:center}.bars i{align-self:end;background:linear-gradient(#d4a017,#b8860b);border-radius:6px 6px 0 0;min-height:3px}.bars small{color:var(--muted);font-size:10.5px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:14px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.kpi b{font-size:22px;display:block}.kpi span{color:var(--muted);font-size:12.5px}.kpi.warn b{color:#b45309}
.dhme{display:flex;gap:14px;flex-wrap:wrap;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin-bottom:14px}
.chip{border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:99px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}.chip.on{background:var(--pri);color:var(--surface);border-color:var(--pri)}
.temp.sm2{font-size:12px;white-space:pre-wrap;word-break:break-all;background:var(--soft);padding:10px;border-radius:10px}
.empty{display:grid;place-items:center;gap:4px;padding:40px;background:var(--surface);border:1px dashed var(--line);border-radius:14px;color:var(--muted)}.empty b{color:var(--ink)}
.main,#main{animation:fadein .18s ease}@keyframes fadein{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}

/* v5.css */
/* v5: stock, labels, storage, COD, insights, mobile-first */
.srch{display:flex;gap:6px;flex:1;min-width:220px}.srch .inp{flex:1}.stt{flex-wrap:wrap;gap:8px}.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:8px;scrollbar-width:none}.chips .chip{white-space:nowrap}
.bulk{position:sticky;top:0;z-index:4;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#111827;color:#fff;border-radius:12px;padding:8px 12px;margin-bottom:10px}.bulk .linkbtn{color:#fde68a}
.stock5{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}
.shd,.srow{display:grid;grid-template-columns:30px minmax(220px,2.4fr) 110px repeat(5,.7fr) .8fr 44px;gap:8px;align-items:center;padding:8px 12px}
.shd{background:var(--soft);font-size:11.5px;text-transform:uppercase;color:var(--muted);position:sticky;top:0;z-index:2}.sth{background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;padding:0;text-transform:uppercase}.sth.on{color:var(--ink);font-weight:700}
.srow{border-top:1px solid var(--line);cursor:pointer}.srow:hover{background:var(--soft)}.srow small{display:block;color:var(--muted);font-size:12px}.srow .c{font-variant-numeric:tabular-nums}
.sn{display:flex;gap:10px;align-items:center;min-width:0}.sn img,.sn .nop{width:36px;height:36px;border-radius:8px;object-fit:cover;flex:none;background:var(--soft)}
.dsg>header{display:flex;gap:12px;align-items:center;padding:10px 12px;border-top:2px solid var(--line);background:linear-gradient(90deg,#b8860b0d,transparent);cursor:pointer}.dsg:first-of-type>header{border-top:0}.dsg>header img,.dsg>header .nop{width:48px;height:48px;border-radius:10px;object-fit:cover;background:var(--soft);flex:none;display:block}.dsg>header small{display:block;color:var(--muted)}.dsg>header .ed{margin-left:auto;color:var(--muted);font-size:13px}.dsg .srow{padding-left:24px}
.ck{display:flex;align-items:center}.ck input{width:18px;height:18px}.qty{display:flex;align-items:center;gap:6px}.qb{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:16px;cursor:pointer}.sz{border:1px solid var(--line);border-radius:6px;padding:0 6px;font-size:12px}
.btn.danger{color:#b91c1c;border-color:#fca5a5}.pdh{display:flex;gap:14px;align-items:flex-start}.grow{flex:1}.ph5{width:96px;height:96px;border:2px dashed var(--line);border-radius:14px;display:grid;place-items:center;cursor:pointer;overflow:hidden;flex:none;color:var(--muted)}.ph5 img{width:100%;height:100%;object-fit:cover}
.vr{display:grid;grid-template-columns:1.1fr 1.2fr 1.3fr .8fr .8fr .8fr .8fr .6fr .8fr 28px;gap:4px;align-items:center;margin-bottom:4px}.vr.del{opacity:.4;text-decoration:line-through}.vr .inp.sm{width:100%;padding:6px 7px}.vq{font-size:12.5px;color:var(--muted);text-align:center}
.g3{display:grid;grid-template-columns:1fr 1.6fr .5fr .7fr;gap:4px;margin-bottom:4px}.chkg{display:flex;flex-wrap:wrap;gap:6px 14px}.plf{width:100%;height:260px;border:1px solid var(--line);border-radius:10px;background:#fff}
.drop.sm{padding:18px}.dlg2{display:flex;flex-wrap:wrap;gap:8px}.mapg{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 12px;margin:10px 0}.ok5{color:#15803d;font-weight:600}
.wl5{display:grid;gap:4px;max-height:420px;overflow:auto;margin:8px 0}.wi{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:6px 8px;cursor:pointer}.wi img{width:40px;height:40px;object-fit:cover;border-radius:8px}.wi small{display:block;color:var(--muted)}.wi em{font-style:normal;color:#b45309}.wi em.g{color:#15803d}
.slr{grid-template-columns:24px 1fr 2fr 1.5fr 1fr!important;cursor:pointer}.fil .row{grid-template-columns:24px 2fr 1.6fr 1fr .7fr auto;cursor:pointer}
.sgb{display:grid;grid-template-columns:1.4fr 1fr 80px;gap:10px;align-items:center;padding:4px 0}.sgb b{text-align:right}
.cods{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px}.codc{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:5px}.cdt{display:flex;gap:8px;align-items:center}.risk{margin-left:auto;font-size:12px;font-weight:700;color:var(--c);border:1px solid var(--c);border-radius:99px;padding:1px 8px}.cda{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.warnbar{background:#fef3c7;border:1px solid #fcd34d;color:#92400e;border-radius:12px;padding:10px 14px}html.dark .warnbar{background:#78350f55;color:#fde68a}
.hlp{margin-left:auto;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-weight:700;cursor:pointer;align-self:flex-start}.hlpt{white-space:normal;line-height:1.6}
.mbar{display:none}
@media (max-width:760px){
  body{font-size:15px}.shell{display:block!important}
  .rail{position:fixed!important;inset:0 20% 0 0!important;height:100%!important;z-index:60;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;overflow:auto;transform:translateX(-105%);transition:transform .2s;padding:14px!important;box-shadow:0 0 0 100vmax transparent}
  .rail nav{display:block!important;overflow:visible!important}body.railopen .rail{transform:none;box-shadow:0 0 0 100vmax #0007}
  #main{padding:14px 12px 86px!important;min-height:100vh}.ph{flex-direction:column;align-items:stretch!important}.ph h1{font-size:22px}.ph .acts,.ph>div:last-child{display:flex;flex-wrap:wrap;gap:6px}
  .mbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--surface);border-top:1px solid var(--line);padding:4px 4px calc(4px + env(safe-area-inset-bottom))}
  .mbar a{display:grid;justify-items:center;font-size:11px;color:var(--muted);padding:4px 0;text-decoration:none}.mbar a span{font-size:20px;line-height:1.2}.mbar a.on{color:var(--ink);font-weight:700}
  .btn{min-height:40px}.inp{min-height:42px;font-size:16px}.inp.sm{min-height:36px}
  dialog{width:100vw!important;max-width:100vw!important;height:100dvh;max-height:100dvh!important;margin:0!important;border-radius:0!important}dialog form{max-height:100dvh;display:flex;flex-direction:column}#dlgBody{overflow:auto;flex:1}.dlg-f{position:sticky;bottom:0;background:var(--surface);padding:10px 0 calc(10px + env(safe-area-inset-bottom))}
  .shd{display:none}.srow{grid-template-columns:28px 1fr auto!important;grid-template-areas:"ck sn qty" "ck nums act";row-gap:4px}.srow .ck{grid-area:ck}.srow .sn{grid-area:sn}.srow .qty{grid-area:qty}.srow>[data-act]{grid-area:act}
  .srow .c{display:none}.srow .c[data-l="Free"],.srow .c[data-l="Kept"]{display:inline;font-size:12px;color:var(--muted)}.srow .c[data-l="Free"]::before{content:"Free "}.srow .c[data-l="Kept"]::before{content:"Kept "}.dsg .srow{padding-left:12px}
  .vr{grid-template-columns:1fr 1fr 1fr;padding:8px;border:1px solid var(--line);border-radius:10px}.vr [data-vdel]{justify-self:end}.pdh{flex-direction:column}.g2{grid-template-columns:1fr!important}
  .cods{grid-template-columns:1fr}.cda .btn{flex:1 1 45%}.sgb{grid-template-columns:1fr 70px}.sgb .load{grid-column:1/3;grid-row:2}
  .list .row{grid-template-columns:1fr!important;gap:4px}.slr,.fil .row{grid-template-columns:24px 1fr!important}
  .tools{gap:6px}.tools .inp{flex:1 1 140px}.kpis{grid-template-columns:1fr 1fr}.cal{grid-template-columns:1fr}
  .drawer{width:100vw!important;max-width:100vw!important}
  #topx{display:none}
}
.bulk[hidden]{display:none!important}
@media (max-width:760px){.srow{grid-template-areas:"ck sn qty" "ck sn act"!important}.srow .c{display:none!important}.ph{position:relative}.hlp{position:absolute;top:0;right:0}.ph h1{padding-right:40px}}
@media (max-width:760px){.rail .brand{order:0}.rail nav{order:1;margin:8px 0}.rail .me{order:2}.rail #logout{order:3}.rail #topx{order:1}}

/* v6.css */
/* v6: homes per role, one-screen labels, label design */
.home6,.lab6{max-width:760px;margin:0 auto;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.h6{background:#14171F;color:#fff;border-radius:20px;padding:20px 20px 22px;display:flex;flex-direction:column;gap:14px}
.h6-r{display:flex;align-items:center;gap:10px}.h6-av{width:38px;height:38px;border-radius:11px;background:#D4A017;color:#14171F;display:grid;place-items:center;font-weight:800;font-size:14px;flex:none}
.h6-t{display:flex;flex-direction:column;flex:1;min-width:0}.h6-t small{font-size:12px;color:#C9CDD6}.h6-t b{font-size:19px}
.h6-ci{height:38px;border-radius:99px;background:#D4A017;color:#14171F!important;font-weight:700;font-size:13px;display:flex;align-items:center;padding:0 14px;text-decoration:none}
.h6-bell{width:44px;height:44px;border-radius:12px;border:1px solid #343A46;background:#1E222C;color:#fff;position:relative;display:grid;place-items:center;cursor:pointer}.h6-bell em{position:absolute;top:-5px;right:-5px;background:#DC2626;color:#fff;font-style:normal;font-size:11px;font-weight:700;border-radius:99px;padding:1px 6px}
.h6-s{height:46px;border-radius:12px;background:#1E222C;border:1px solid #343A46;color:#C9CDD6;display:flex;align-items:center;gap:8px;padding:0 14px;font:inherit;font-size:14px;cursor:pointer;text-align:left}
.h6-in{display:flex;align-items:center;gap:8px;height:48px;border-radius:12px;background:#fff;color:#4B5263;padding:0 14px}.h6-in input{border:0;outline:none;font:inherit;font-size:15px;flex:1;background:transparent;color:#14171F;min-width:0}
.h6-ring{display:flex;align-items:center;gap:18px}.ring6{--p:0;width:108px;height:108px;border-radius:50%;background:conic-gradient(#D4A017 calc(var(--p)*1%),#343A46 0);display:grid;place-items:center;flex:none}.ring6>div{width:84px;height:84px;border-radius:50%;background:#14171F;display:grid;place-items:center;text-align:center;line-height:1.1}.ring6 b{font-size:27px}.ring6 small{font-size:11px;color:#C9CDD6}
.h6-rt{display:flex;flex-direction:column;gap:4px}.h6-rt small{color:#C9CDD6;font-size:13px}.h6-rt b{font-size:17px}
.b6{display:flex;flex-direction:column;gap:14px;padding:14px 0 6px}.b6.up{margin-top:-36px;padding:0 12px 6px}
.c6{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;color:inherit;text-decoration:none}
.k6{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8A5A00}.n6{display:flex;align-items:center;gap:12px}.n6>b{font-size:36px;line-height:1}.n6 div{display:flex;flex-direction:column}.n6 strong{font-size:15px}.n6 small{font-size:13px;color:#4B5263}
.btn6{min-height:48px;border-radius:12px;background:#14171F;color:#fff!important;border:1px solid #14171F;display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer;padding:0 16px}
.btn6.line{background:var(--surface,#fff);color:var(--ink,#14171F)!important;border-color:#D5D9E0}.btn6.xl{min-height:54px;font-size:16px;border-radius:14px;width:100%}.btn6.green{background:#fff;color:#15803D!important;border:1.5px solid #15803D}
.g6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.g6.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.t6{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;color:inherit!important;text-decoration:none}.t6 span{font-size:12px;color:#4B5263}.t6 b{font-size:21px}.t6 small{font-size:12px;color:#4B5263}.t6.ok small{color:#15803D}.t6.bad b{color:#B42318}.t6.alert{border:1.5px solid #B42318}.t6.alert b{color:#B42318}
.c6.list{padding:4px 16px;gap:0}.r6{display:flex;align-items:center;gap:12px;min-height:52px;color:inherit!important;text-decoration:none;border-bottom:1px solid var(--line,#ECEEF2)}.r6:last-child{border-bottom:0}.r6 i{width:10px;height:10px;border-radius:50%;flex:none}.r6 span{flex:1;font-size:14px}.r6 small{font-size:13px;color:#4B5263}
.c6.tk{padding:4px 0}.hd6{display:flex;justify-content:space-between;align-items:center;padding:10px 16px 6px}.tk6{display:flex;flex-direction:column;gap:3px;padding:10px 16px;border:0;border-top:1px solid var(--line,#ECEEF2);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.tk6>span{display:flex;gap:8px;align-items:center}.tk6>span b{flex:1;font-size:14px}.tk6 small{font-size:12.5px;color:#4B5263}.pad6{padding:12px 16px}
.hint6{flex-direction:row;align-items:center;background:#FFF7E6;border-color:#F3D9A4;color:#8A5A00}.hint6 span{display:flex;flex-direction:column;flex:1;color:#14171F}.hint6 small{color:#4B5263}.hint6 em{font-style:normal;font-size:20px}
.big6{min-height:96px;border-radius:18px;background:#D4A017;color:#14171F!important;display:flex;align-items:center;gap:16px;padding:0 20px;text-decoration:none}.big6 span{display:flex;flex-direction:column}.big6 b{font-size:20px}.big6 small{font-size:14px}
.q6{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:4px;min-height:88px;color:inherit!important;text-decoration:none}.q6 b{font-size:15px}.q6 small{font-size:12px;color:#4B5263}
.c6.nx{gap:8px}.nx6{display:flex;align-items:center;gap:10px;font-size:14px}.nx6 span:nth-child(2){flex:1}.nx6 small{color:#4B5263}.qn{width:34px;height:34px;border-radius:8px;background:#ECEEF2;display:grid;place-items:center;font-weight:700;font-size:13px;color:#14171F}
/* labels */
.lab6{display:flex;flex-direction:column;gap:14px;padding-bottom:12px}.lab6-h h1{margin:0;font-size:24px}.lab6-h p{margin:2px 0 0;color:#4B5263}
.zz6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.z6{background:var(--surface,#fff);border:2px dashed #C9CED8;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px;min-height:112px;cursor:pointer;box-sizing:border-box}.z6.has{border:1.5px solid #15803D}.z6.over{border-color:#D4A017;background:#FFF7E6}
.z6-k{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#4B5263}.z6.has .z6-k{color:#15803D}.z6 b{font-size:14px;word-break:break-all}.z6 small{font-size:12px;color:#4B5263}
.busy6{align-items:center;text-align:center}.busy6 small{color:#4B5263}
.rs6{display:flex;align-items:baseline;gap:8px}.rs6 b{font-size:32px;line-height:1}.rs6 strong{font-size:16px}.rs6 small{margin-left:auto;color:#4B5263}.res6 p{margin:0;font-size:13px;color:#4B5263}
.ch6{display:flex;flex-wrap:wrap;gap:6px}.ch6 span{font-size:12px;font-weight:600;border:1px solid #D5D9E0;border-radius:99px;padding:4px 10px}
.pv6{display:flex;gap:10px;overflow-x:auto;padding:2px}.lb6{width:112px;height:168px;flex:none;border:1.5px solid #14171F;border-radius:6px;background:#fff;color:#14171F;display:flex;flex-direction:column;gap:3px;padding:6px;box-sizing:border-box;font-family:Arial,sans-serif}
.lb6-b{font-family:Georgia,'Times New Roman',serif;font-size:12px;text-align:center}.lb6-c{display:flex;justify-content:space-between;align-items:center;font-size:7.5px;font-weight:700;border-bottom:1px solid #14171F;padding-bottom:3px}.lb6-c em{font-style:normal;background:#14171F;color:#fff;padding:0 3px;border-radius:2px}.lb6-c em.pp{background:#fff;color:#14171F;border:1px solid #14171F}
.lb6-bc{display:block;height:26px;background:repeating-linear-gradient(90deg,#14171F 0 2px,#fff 2px 4px,#14171F 4px 5px,#fff 5px 8px)}.lb6 small{font-size:6.5px;color:#4B5263}.lb6 strong{font-size:9px}.lb6 .ad{font-size:7px;color:#14171F}.lb6-o{margin-top:auto;text-align:right;font-size:9.5px}
.w6{display:flex;align-items:center;gap:10px;background:#FFF7E6;border:1px solid #F3D9A4;border-radius:12px;padding:10px 12px;color:#14171F!important;text-decoration:none;font-size:13px}.w6 svg{color:#8A5A00;flex:none}.w6 span{flex:1}.w6 em{font-style:normal;font-weight:700;color:#8A5A00}
.ft6{position:sticky;bottom:0;max-width:760px;margin:0 auto;background:var(--bg,#F3F4F6);padding:10px 0 12px;display:flex;flex-direction:column;gap:8px;align-items:stretch}.ft6 .linkbtn{align-self:center}.sent6{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;color:#15803D;font-weight:700}
/* label design */
.ld6{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.form6{gap:10px}.ldp6{position:sticky;top:14px;display:flex;flex-direction:column;align-items:center;gap:6px}
.lp6{width:288px;height:432px;box-sizing:border-box;background:#fff;color:#000;border:1.5px solid #000;border-radius:4px;padding:8px 10px;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;font-size:9px;gap:5px;overflow:hidden}
.lp6 .sf{font-family:'Times New Roman',Georgia,serif}.lp6-b{text-align:center;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid #000;padding-bottom:5px}.lp6-b b{font-size:22px}.lp6-b small{font-size:6px;font-weight:700;letter-spacing:.08em}.lp6-b img{max-height:32px;max-width:160px;object-fit:contain}
.lp6-c{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #000;padding-bottom:5px}.lp6-c b{font-size:12px}.lp6-c em{font-style:normal;background:#000;color:#fff;font-weight:700;padding:1px 5px;font-size:10px}
.lp6-bc{height:50px;background:repeating-linear-gradient(90deg,#000 0 2px,#fff 2px 4px,#000 4px 5px,#fff 5px 8px,#000 8px 11px,#fff 11px 12px)}.lp6 .c{text-align:center;font-weight:700;font-size:10px;border-bottom:1px solid #000;padding-bottom:4px}
.lp6-o{display:flex;justify-content:space-between;border-bottom:1px solid #000;padding-bottom:4px}.lp6-o span{display:flex;flex-direction:column}.lp6-o span:last-child{text-align:right}.lp6-o small,.lp6-d small{font-size:6px;font-weight:700;color:#444}.lp6-o b{font-size:14px}
.lp6-d{display:flex;flex-direction:column;gap:2px}.lp6-d>b{font-size:12px}.lp6-i{border-top:1px solid #999;padding-top:4px;font-size:8px}
.lp6-f{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;border-top:1px solid #000;padding-top:4px}.lp6-f i{font-size:10px;font-weight:700}.lp6-f small{font-size:6px}.lp6-f .bx{border:1px solid #000;padding:3px 5px;text-align:left;width:100%;box-sizing:border-box;display:flex;flex-direction:column}.lp6-f .bx b{font-size:7px}.lp6-f .w{font-size:7px}
/* role bottom bar */
.mbar6 a{position:relative}.mbar6 .mb6-p{display:flex;align-items:center;justify-content:center}.mbar6 .mb6-p span{width:48px;height:48px;border-radius:16px;background:#D4A017;color:#14171F;display:grid;place-items:center;font-size:0}
html.dark .h6-in{background:#1E222C}html.dark .t6 span,html.dark .t6 small,html.dark .q6 small,html.dark .r6 small,html.dark .n6 small{color:#A7AEBD}
@media(max-width:760px){
 #main .home6{margin:-14px -12px 0}.h6{border-radius:0 0 20px 20px;padding-top:18px}.b6{padding:14px 12px 6px}.b6.up{padding:0 12px 6px}
 .g6.three .t6{padding:10px}.ld6{grid-template-columns:1fr}.ldp6{position:static;order:-1}.ldp6 .lp6{transform:scale(.9);transform-origin:top center}
 .ft6{bottom:64px;padding:10px 0}
}
.h6:has(+ .b6.up){padding-bottom:56px}
.mbar6 a{font-size:11px!important;white-space:nowrap;line-height:1.2}.mbar6 a span{font-size:11px}

/* v7.css */
/* v7: warehouse */
.sb7{display:flex;gap:8px;margin:8px 0}.sb7 .inp{flex:1;font-size:17px;min-height:50px;border-width:2px}.sb7 .inp:focus{border-color:#D4A017;outline:none;box-shadow:0 0 0 3px #D4A01733}.sb7 .btn{min-width:54px;font-size:20px}
.bigc7{display:flex;align-items:baseline;gap:10px}.bigc7 b{font-size:38px;line-height:1}.bigc7 span{color:var(--muted,#6b7280)}
.code7{font-family:ui-monospace,Menlo,monospace;background:#14171F;color:#fff;border-radius:6px;padding:2px 7px;font-size:13px;letter-spacing:.03em}
.warn7{background:#FFF7E6;border:1px solid #F3D9A4;color:#8A5A00;border-radius:10px;padding:8px 10px;margin:4px 0;font-size:13px}
.nt7{background:#EFF6FF;border:1px solid #BFDBFE;border-radius:12px;padding:10px 14px;margin-bottom:12px}.nt7 small{color:#6b7280}
.dk7{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}.dkc{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-top:5px solid var(--c);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}
.dkc header{display:flex;justify-content:space-between;align-items:center}.dkc header b{font-size:18px}.dkt{display:flex;justify-content:space-between;font-size:14px}.dkt b{font-size:15px}
.dkb{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;background:var(--soft,#F6F7F9);border-radius:12px;padding:8px 0}.dkb b{font-size:24px;display:block}.dkb small{font-size:11.5px;color:#6b7280}.dka{display:flex;flex-wrap:wrap;gap:6px}.dka .btn{flex:1 1 auto;min-height:42px}
.ik7{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.ik7 .chip input{margin-right:4px}
.pl7{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line,#ECEEF2)}.pl7 div{display:flex;flex-direction:column}.pl7 small{color:#6b7280}
.rl7 .lh,.rl7 .row{grid-template-columns:2fr .7fr .8fr .8fr 1.2fr}.rl7 .row.ok7{background:#16a34a0d}.rl7 .row.ov7{background:#dc26260d}.rl7 .inp.sm{width:100%}
.pt7 .lh,.pt7 .row{grid-template-columns:2fr .6fr 1fr auto}.zd{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:middle}
.bm7{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.bx7{position:relative;border:1.5px solid var(--z);border-radius:10px;background:linear-gradient(0deg,color-mix(in srgb,var(--z) 22%,transparent) var(--f),var(--surface,#fff) var(--f));padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;font:inherit;color:inherit;min-height:60px}.bx7 b{font-family:ui-monospace,Menlo,monospace;font-size:13px}.bx7 small{font-size:11px;color:#4b5263}.bx7 em{position:absolute;top:2px;right:4px;font-style:normal;font-size:11px}.bx7.dn7{opacity:.75}
.pk7 .row{grid-template-columns:28px 90px 1fr auto;cursor:pointer;min-height:52px}.pk7 .row.ok7{opacity:.5;text-decoration:line-through}.qty7{font-size:18px}.pk7 input{width:22px;height:22px}
.gr7{display:grid;gap:12px}.gl7{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line,#ECEEF2)}.gl7>span{flex:1}.seg7{display:flex;gap:4px}.seg7 input{display:none}.seg7 span{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;border:2px solid #d5d9e0;font-weight:800;cursor:pointer}.seg7 input:checked+.gA{background:#16a34a;border-color:#16a34a;color:#fff}.seg7 input:checked+.gB{background:#d97706;border-color:#d97706;color:#fff}.seg7 input:checked+.gC{background:#dc2626;border-color:#dc2626;color:#fff}
.sp7{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.spc{display:flex;flex-direction:column;gap:6px}.spc.low{border:1.5px solid #dc2626}.spc.low .bigc7 b{color:#dc2626}
.gt7 .row{grid-template-columns:auto 1.4fr 1.6fr 1fr auto}.ck7{display:flex;gap:10px;align-items:center;min-height:44px;border-bottom:1px solid var(--line,#ECEEF2)}.ck7 input{width:22px;height:22px}
.ws7 .inp.sm{width:100%;min-width:80px}
.ms7 .mi7{display:flex;align-items:center;gap:10px;padding:6px 0}.mi7 span{font-size:20px}.mi7 b{flex:1;font-size:14px}.mi7 small{color:#6b7280}.mi7.ok b{color:#15803d}
.hd7{display:flex;justify-content:space-between;align-items:center}.tg7,.tvg{height:14px;background:#ECEEF2;border-radius:99px;overflow:hidden}.tg7 i,.tvg i{display:block;height:100%;background:linear-gradient(90deg,#D4A017,#16a34a);border-radius:99px;transition:width .6s}
.bd7{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bg7{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:8px 4px;border-radius:12px;background:var(--soft,#F6F7F9);opacity:.55}.bg7.got{opacity:1;background:#FFF7E6;border:1px solid #F3D9A4}.bg7 span{font-size:24px}.bg7 b{font-size:11.5px}.bg7 small{font-size:10px;color:#6b7280}
.kd7{font-size:13.5px;padding:4px 0}.kd7 span{color:#4b5263}
@media(max-width:760px){.bd7{grid-template-columns:repeat(3,minmax(0,1fr))}.dk7{grid-template-columns:1fr}.rl7 .row,.pt7 .row,.gt7 .row{grid-template-columns:1fr 1fr!important}.pk7 .row{grid-template-columns:28px 80px 1fr auto!important}}
/* Gaddu + confetti */
.gd7{min-width:min(86vw,260px);position:fixed;left:50%;bottom:90px;transform:translate(-50%,30px) scale(.9);opacity:0;z-index:9999;display:flex;align-items:center;gap:10px;background:#14171F;color:#fff;border-radius:20px;padding:10px 18px 10px 10px;box-shadow:0 12px 30px #0005;max-width:min(92vw,460px);transition:all .35s cubic-bezier(.2,1.4,.4,1)}.gd7.in{opacity:1;transform:translate(-50%,0) scale(1)}.gd7 p{margin:0;font-size:15px;font-weight:600}.gd7 svg{flex:none;animation:gdb 1.2s ease-in-out infinite}
@keyframes gdb{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}
.cf7{position:fixed;inset:0;pointer-events:none;z-index:9998;overflow:hidden}.cf7 i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:cff linear forwards}@keyframes cff{to{top:105%;transform:translateX(40px) rotate(720deg)}}
/* TV board */
body.tv7on .rail,body.tv7on #mbar,body.tv7on #hlp{display:none!important}body.tv7on #main{padding:0!important;max-width:none!important}
.tv7{min-height:100vh;background:#0B0E14;color:#fff;padding:28px 36px;display:flex;flex-direction:column;gap:22px;font-family:'Plus Jakarta Sans',system-ui,sans-serif}.tv7 header{display:flex;align-items:center;gap:20px}.tv7 header div{flex:1;display:flex;flex-direction:column}.tv7 header b{font-size:28px}.tv7 header small{color:#9aa3b2;font-size:16px}.tv7 .clk{font-size:44px;font-weight:800;color:#D4A017}
.tvk{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tvk div{background:#151A24;border-radius:20px;padding:20px 24px}.tvk b{font-size:72px;line-height:1;display:block}.tvk span{font-size:18px;color:#9aa3b2}
.tvc{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.tvq{background:#151A24;border-radius:18px;padding:16px 20px;border-left:8px solid var(--c);display:flex;flex-direction:column;gap:4px}.tvq b{font-size:24px}.tvq span{color:#9aa3b2}.tvq strong{font-size:30px;color:#FCD34D}.tvq em{font-style:normal;font-size:16px;color:#cbd5e1}
.tvb{display:grid;grid-template-columns:1.3fr 1fr 1.2fr;gap:16px;align-items:stretch}.tvb section{background:#151A24;border-radius:20px;padding:18px 22px}.tvb h3{margin:0 0 12px;font-size:18px;color:#9aa3b2}.tvb p{font-size:18px}.tvg{height:26px;background:#2a3140}.tvt{display:flex;gap:12px;align-items:center;font-size:22px;padding:4px 0}.tvt b{flex:1}.tvt em{font-style:normal;font-weight:800;color:#FCD34D}
.tvm{display:flex;align-items:center;gap:16px}.tvm svg{animation:gdb 1.6s ease-in-out infinite}.tvm p{font-size:22px;font-weight:600;margin:0}
@media(max-width:900px){.tvb,.tvk{grid-template-columns:1fr}.tvk b{font-size:48px}}
body.tv7on .shell,body.tv7on .app{display:block!important;grid-template-columns:none!important}body.tv7on #main{width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box}

/* v8.css */
/* v8: simple menu */
.rail nav.nav8{display:flex;flex-direction:column;gap:6px;padding:8px 4px}
.rail nav.nav8 a{display:flex;align-items:center;gap:14px;min-height:52px;padding:0 16px;border-radius:14px;font-size:16px;font-weight:600;text-decoration:none}
.rail nav.nav8 a svg{width:24px;height:24px;flex:none}
.rail nav.nav8 a.on{background:#D4A017;color:#14171F!important}
.mbar8 a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11.5px!important;font-weight:600;white-space:nowrap;text-decoration:none}
.mbar8 a.on{color:#14171F!important}.mbar8 a.on svg{background:#FFF0C2;border-radius:10px;padding:3px 10px;box-sizing:content-box}
.more8{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:14px;font-family:'Plus Jakarta Sans',system-ui,sans-serif}.more8 h1{margin:0;font-size:26px}
.fnd8{display:flex;align-items:center;gap:8px;height:48px;border-radius:12px;background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);padding:0 14px;color:#4B5263}.fnd8 input{border:0;outline:none;background:transparent;font:inherit;font-size:15px;flex:1;min-width:0;color:inherit}
.tl8{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.ti8{min-height:92px;border-radius:16px;background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:10px;color:inherit!important;text-decoration:none;font-size:13.5px;font-weight:600}.ti8:hover{border-color:#D4A017}.ti8[hidden]{display:none}
.fl8{display:flex;flex-direction:column;gap:8px}.fe8{display:flex;align-items:center;gap:14px;background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:14px;padding:14px 16px;cursor:pointer}.fe8>span{flex:1;display:flex;flex-direction:column;gap:3px}.fe8 small{color:#4B5263;font-size:13px}
.fe8 input{position:absolute;opacity:0;width:1px;height:1px}.fe8 i{width:50px;height:30px;border-radius:99px;background:#D5D9E0;position:relative;flex:none;transition:background .2s}.fe8 i::after{content:'';position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .2s}.fe8 input:checked+i{background:#16a34a}.fe8 input:checked+i::after{left:23px}.fe8 input:focus-visible+i{outline:3px solid #D4A017;outline-offset:2px}
.lg8{height:38px;border-radius:99px;border:1px solid #343A46;background:#1E222C;color:#fff;font:inherit;font-weight:700;font-size:13px;padding:0 14px;cursor:pointer}
.pu8{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-left:6px solid var(--c,#D4A017);border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:12px;color:inherit!important;text-decoration:none}.pu8>div{flex:1;display:flex;flex-direction:column;gap:3px}.pu8 b{font-size:17px}.pu8 small{font-size:13.5px;color:#4B5263}.pu8 .btn6{min-width:120px}
.ret8{--c:#f97316}.ar8{font-size:26px;color:#9AA3B2}.ri8{display:flex;flex-direction:column;gap:6px}
.mbar8 a span{font-size:11px!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;line-height:1.2}

/* v9.css */
/* v9: departments */
.p9{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:18px;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.bk9{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;height:34px;padding:0 12px 0 8px;border-radius:99px;background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);color:#4B5263!important;text-decoration:none;font-size:13px;font-weight:600;margin-bottom:10px}
.p9 .bk9{margin-bottom:0}
.h9{display:flex;align-items:center;gap:14px;background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-top:5px solid var(--c);border-radius:18px;padding:18px 20px}.h9.plain{border-top-width:1px;background:transparent;border:0;padding:0}
.h9 h1{margin:0;font-size:24px}.h9 p{margin:2px 0 0;color:#4B5263;font-size:14px}
.h9i{width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--c) 13%,#fff);color:var(--c);display:grid;place-items:center;flex:none}
.g9{display:flex;flex-direction:column;gap:8px}.g9 h2{margin:0 4px;font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#6B7280;display:flex;align-items:center;gap:6px}
.l9{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:16px;overflow:hidden}
.t9{display:flex;align-items:center;gap:14px;min-height:64px;padding:10px 16px;border-bottom:1px solid var(--line,#ECEEF2);color:inherit!important;text-decoration:none}.t9:last-child{border-bottom:0}.t9:hover{background:#FFF9EB}
.t9i{width:40px;height:40px;border-radius:12px;background:var(--soft,#F3F4F6);display:grid;place-items:center;flex:none;color:#14171F}.t9i svg{width:21px;height:21px}
.t9t{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.t9t b{font-size:15.5px}.t9t small{font-size:13px;color:#4B5263}.t9c{color:#9AA3B2;display:flex}
.su9{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;border:1px dashed #C9CED8;color:#4B5263!important;text-decoration:none}.su9 span{flex:1;display:flex;flex-direction:column}.su9 b{color:#14171F;font-size:14px}.su9 small{font-size:12.5px}
.dg9{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.dc9{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:6px;color:inherit!important;text-decoration:none;transition:transform .15s,box-shadow .15s}.dc9:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0001;border-color:var(--c)}
.dc9 b{font-size:17px;margin-top:6px}.dc9 small{font-size:13px;color:#4B5263;line-height:1.35}.dc9 em{font-style:normal;font-size:12px;font-weight:700;color:var(--c)}
.rail nav.nav9 .sep9{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7C8494;padding:12px 16px 2px}
.rail nav.nav9 a{min-height:46px;font-size:15px}
html.dark .h9i{background:#262B36}html.dark .t9:hover{background:#1E222C}html.dark .t9t small,html.dark .h9 p,html.dark .dc9 small{color:#A7AEBD}
@media(max-width:760px){.dg9{grid-template-columns:1fr 1fr}.dc9{padding:14px}.dc9 small{display:none}.h9{padding:14px}.h9 h1{font-size:20px}}

/* v10.css */
/* v10: Care desk */
.cd10,.cv10{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:14px;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.ch10{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ch10>div:first-child{flex:1;min-width:220px}.ch10 h1{margin:0;font-size:28px;letter-spacing:-.01em}.ch10 p{margin:2px 0 0;color:#4B5263}
.nb10{height:50px;border:0;border-radius:14px;background:#D4A017;color:#14171F;font:inherit;font-weight:800;font-size:15.5px;display:flex;align-items:center;gap:8px;padding:0 20px;cursor:pointer;box-shadow:0 6px 16px #D4A01740;transition:transform .15s}.nb10:hover{transform:translateY(-1px)}
.ring10{--p:0;width:64px;height:64px;border-radius:50%;background:conic-gradient(#16A34A calc(var(--p)*1%),#E3E6EB 0);display:grid;place-items:center;flex:none}.ring10>div{width:50px;height:50px;border-radius:50%;background:var(--bg,#F3F4F6);display:grid;place-items:center;text-align:center;line-height:1}.ring10 b{font-size:17px}.ring10 small{font-size:8.5px;color:#4B5263}
.sr10{display:flex;align-items:center;gap:10px;height:54px;border-radius:16px;background:var(--surface,#fff);border:1.5px solid var(--line,#E3E6EB);padding:0 16px;color:#6B7280;box-shadow:0 2px 8px #0000000a}.sr10:focus-within{border-color:#D4A017}.sr10 input{flex:1;border:0;outline:none;background:transparent;font:inherit;font-size:16px;color:inherit;min-width:0}
.tb10{display:flex;gap:4px;background:var(--soft,#E9EBEF);padding:4px;border-radius:14px;align-self:flex-start;flex-wrap:wrap}.tab10{height:38px;border:0;border-radius:10px;background:transparent;font:inherit;font-weight:600;font-size:14px;color:#4B5263;padding:0 14px;display:flex;align-items:center;gap:6px;cursor:pointer}.tab10.on{background:var(--surface,#fff);color:#14171F;box-shadow:0 1px 4px #0002}.tab10 em{font-style:normal;font-size:12px;background:#E3E6EB;border-radius:99px;padding:1px 7px}.tab10.warn em{background:#FEE4E2;color:#B42318}
.kt10,.sp10{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.kt10::-webkit-scrollbar,.sp10::-webkit-scrollbar{display:none}
.kc10{--k:#14171F;flex:none;height:42px;border-radius:99px;border:1.5px solid var(--line,#E3E6EB);background:var(--surface,#fff);font:inherit;font-weight:600;font-size:14px;display:flex;align-items:center;gap:7px;padding:0 14px;cursor:pointer;color:inherit}.kc10 svg{color:var(--k)}.kc10.on{background:var(--k);border-color:var(--k);color:#fff}.kc10.on svg{color:#fff}.kc10 em{font-style:normal;font-size:12px;font-weight:700;background:color-mix(in srgb,var(--k) 14%,#fff);color:var(--k);border-radius:99px;padding:1px 7px}.kc10.on em{background:#ffffff33;color:#fff}
.sc10{flex:none;height:34px;border-radius:99px;border:1px dashed #C9CED8;background:transparent;font:inherit;font-size:13px;font-weight:600;color:#4B5263;padding:0 12px;cursor:pointer;display:flex;align-items:center;gap:6px}.sc10.on{border-style:solid;border-color:#14171F;color:#14171F;background:var(--surface,#fff)}.sc10 em{font-style:normal;font-weight:800;color:#14171F}
.cl10{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.cc10{--k:#14171F;position:relative;background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:18px;padding:14px 16px 14px 20px;display:flex;flex-direction:column;gap:4px;color:inherit!important;text-decoration:none;overflow:hidden;transition:transform .15s,box-shadow .15s}.cc10::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--k)}.cc10:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000001a}.cc10.hi{box-shadow:inset 0 0 0 2px #DC262655}
.cc10t{display:flex;align-items:center;gap:8px}.cn10{font-size:12px;font-weight:700;color:#6B7280}.ag10{margin-left:auto;font-size:12px;color:#6B7280}.ag10.late{color:#B42318;font-weight:700}
.nm10{font-size:16.5px;margin-top:4px}.cc10>small{color:#4B5263;font-size:13px}.cc10b{display:flex;align-items:center;gap:10px;margin-top:6px}
.kb10{--k:#14171F;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:99px;background:color-mix(in srgb,var(--k) 12%,#fff);color:var(--k);font-size:12.5px;font-weight:700}
.pd10{display:flex;gap:3px}.pd10 i{width:14px;height:6px;border-radius:99px;background:#E3E6EB}.pd10 i.d{background:var(--k)}.pd10 i.c{background:#D4A017;animation:pl10 1.4s ease-in-out infinite}@keyframes pl10{50%{opacity:.45}}
.sg10{font-size:12.5px;font-weight:700;background:#FFF7E6;color:#8A5A00;border-radius:99px;padding:3px 10px}.sg10.done{background:#DCFCE7;color:#15803D}
.ow10{margin-left:auto;width:28px;height:28px;border-radius:50%;background:#14171F;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}
.em10{grid-column:1/-1;text-align:center;padding:40px 20px;border:2px dashed #D5D9E0;border-radius:20px;display:flex;flex-direction:column;gap:6px;color:#4B5263}.em10 b{font-size:18px;color:#14171F}
/* new case */
.nk10{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.nkb10{--k:#14171F;min-height:84px;border-radius:16px;border:1.5px solid var(--line,#E3E6EB);background:var(--surface,#fff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:12.5px;font-weight:700;color:inherit;cursor:pointer;text-align:center;padding:6px}.nkb10 svg{color:var(--k)}.nkb10.on{border-color:var(--k);background:color-mix(in srgb,var(--k) 10%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--k) 20%,transparent)}
.lk10{display:flex;flex-direction:column;gap:6px;margin:4px 0 8px}.lo10{text-align:left;border:1.5px solid var(--line,#E3E6EB);background:var(--surface,#fff);border-radius:12px;padding:10px 12px;font:inherit;display:flex;flex-direction:column;gap:2px;cursor:pointer;color:inherit}.lo10.on{border-color:#16A34A;background:#F0FDF4}.lo10 span,.lo10 small{font-size:12.5px;color:#4B5263}
/* case page */
.cvh10{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-top:6px solid var(--k);border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}.cvh10a{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cvh10 h1{margin:4px 0 0;font-size:26px}.cvh10 p{margin:0;color:#4B5263;font-size:14px}
.ur10{font-size:12px;font-weight:800;background:#FEE4E2;color:#B42318;border-radius:99px;padding:3px 10px}
.qa10,.sb10{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.qb10{height:42px;border-radius:12px;border:1.5px solid var(--line,#D5D9E0);background:var(--surface,#fff);display:inline-flex;align-items:center;gap:7px;padding:0 14px;font:inherit;font-weight:700;font-size:14px;color:inherit!important;text-decoration:none;cursor:pointer}.qb10.wa{background:#16A34A;border-color:#16A34A;color:#fff!important}
.cvg10{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;align-items:start}.cvc10{display:flex;flex-direction:column;gap:14px;min-width:0}
.cd10s{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}.cd10s h3{margin:0;font-size:15.5px;display:flex;align-items:center;gap:8px}.cd10s h3 .ic10{margin-left:auto}
.stp10{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.stp10 li{position:relative;padding-left:2px}.stp10 li:not(:last-child)::after{content:'';position:absolute;left:17px;top:38px;bottom:-4px;width:2px;background:#E3E6EB}.stp10 li.done:not(:last-child)::after{background:var(--k)}
.stp10 button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;border:0;background:none;font:inherit;font-size:14.5px;color:#6B7280;cursor:pointer;text-align:left;border-radius:10px;padding:2px 6px 2px 0}.stp10 button:hover{background:var(--soft,#F6F7F9)}
.stp10 i{width:30px;height:30px;border-radius:50%;border:2px solid #D5D9E0;background:var(--surface,#fff);display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:800;flex:none;margin-left:2px;position:relative;z-index:1}
.stp10 li.done button{color:#14171F}.stp10 li.done i{background:var(--k);border-color:var(--k);color:#fff}.stp10 li.cur button{color:#14171F;font-weight:800}.stp10 li.cur i{border-color:#D4A017;background:#D4A017;color:#14171F;box-shadow:0 0 0 5px #D4A01733}
.nx10{min-height:54px;border:0;border-radius:14px;background:#14171F;color:#fff;font:inherit;font-weight:800;font-size:15.5px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.nx10:hover{background:#262B36}.dn10{margin:0;font-weight:700;color:#15803D}
.cod10{font-size:11.5px;font-weight:800;background:#FFF7E6;color:#8A5A00;border-radius:99px;padding:2px 9px}.pp10{font-size:11.5px;font-weight:800;background:#E0F2FE;color:#075985;border-radius:99px;padding:2px 9px}
.bk10{display:flex;align-items:center;gap:12px;background:var(--soft,#F6F7F9);border-radius:14px;padding:12px 14px;flex-wrap:wrap}.bk10>div:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:160px}.bk10 small{color:#4B5263;font-size:13px}.bkb10{display:flex;gap:6px;flex-wrap:wrap}
.sv10{position:sticky;bottom:10px;display:flex;align-items:center;gap:12px;background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:16px;padding:10px 12px;box-shadow:0 8px 24px #0000001a;z-index:3}.sv10 .btn6{min-width:180px}#cvDirty{color:#B45309;font-weight:600}
.ic10{width:34px;height:34px;border-radius:10px;border:1px solid var(--line,#E3E6EB);background:var(--surface,#fff);display:grid;place-items:center;cursor:pointer;color:inherit}
.lvs10{border-radius:14px;padding:14px 16px;background:linear-gradient(135deg,#14171F,#2A3040);color:#fff;display:flex;flex-direction:column;gap:2px}.lvs10 b{font-size:20px}.lvs10 small{color:#C9CDD6}.lvs10.s-delivered{background:linear-gradient(135deg,#166534,#16A34A)}.lvs10.s-cancelled,.lvs10.s-returned{background:linear-gradient(135deg,#7F1D1D,#B91C1C)}.lvs10.s-shipped{background:linear-gradient(135deg,#1E3A8A,#2563EB)}
.lvg10{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.lvg10 div{background:var(--soft,#F6F7F9);border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;min-width:0}.lvg10 small{font-size:11.5px;color:#6B7280}.lvg10 b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis}
.le10{margin:10px 0 4px;padding-left:18px;font-size:13px;color:#4B5263}.le10 small{color:#9AA3B2}
.tp10{display:flex;gap:6px;flex-wrap:wrap}.tc10{height:34px;border-radius:99px;border:1.5px solid var(--line,#E3E6EB);background:var(--surface,#fff);font:inherit;font-size:13px;font-weight:600;padding:0 12px;cursor:pointer;color:inherit;text-decoration:none;display:inline-flex;align-items:center}.tc10.best{border-color:#D4A017;background:#FFF7E6}.tc10.on{background:#14171F;border-color:#14171F;color:#fff}.tc10.add{border-style:dashed;color:#4B5263!important}
.ad10{display:flex;gap:8px}.ad10 .inp{flex:1}
.tl10{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.tl10 li{display:flex;gap:12px;padding:8px 0}.tl10 li>i{width:10px;height:10px;border-radius:50%;background:#C9CED8;margin-top:6px;flex:none;box-shadow:0 0 0 4px var(--surface,#fff)}.tl10 li.stage>i{background:var(--k)}.tl10 li.msg>i{background:#16A34A}.tl10 li.note>i{background:#D4A017}
.tl10 b{font-size:13.5px;font-weight:600;display:block}.tl10 small{font-size:12px;color:#6B7280}
.kv10{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kv10 div{background:var(--soft,#F6F7F9);border-radius:12px;padding:10px}.kv10 small{display:block;color:#6B7280;font-size:12px}.kv10 b{font-family:ui-monospace,Menlo,monospace;font-size:15px;word-break:break-all}
/* templates */
.tg10{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.tt10{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:8px}.tt10h{display:flex;justify-content:space-between;gap:8px}.tt10h b{font-size:15.5px}.tt10h span{font-size:12px;color:#6B7280}.tt10g{display:flex;gap:6px;flex-wrap:wrap}.tt10 p{margin:0;font-size:13.5px;color:#4B5263;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;background:#F0FDF4;border-radius:12px 12px 12px 4px;padding:10px 12px}.tt10f{display:flex;align-items:center;gap:6px;margin-top:auto}.tt10f small{flex:1;color:#6B7280}
.ph10{display:flex;gap:6px;flex-wrap:wrap}.ph10 .chip{font-size:12px}
.k10{border-left:4px solid var(--k);padding-left:12px!important}
html.dark .kc10 em,html.dark .kb10{background:#262B36}html.dark .ring10>div{background:#0f1218}
@media(max-width:900px){.cvg10{grid-template-columns:1fr}.nk10{grid-template-columns:repeat(3,1fr)}.ch10 h1{font-size:24px}.ring10{order:3}.nb10{flex:1;justify-content:center}.cl10{grid-template-columns:1fr}.sv10{bottom:72px}}

/* v11.css */
/* v11: Stock hub */
.sh11{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:14px;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.sh11h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sh11h>div:first-child{flex:1}.sh11h h1{margin:0;font-size:28px;letter-spacing:-.01em}.sh11h p{margin:2px 0 0;font-size:13px;color:#4B5263}.sh11a{display:flex;gap:8px}
.live11{display:inline-flex;align-items:center;gap:6px}.live11 i{width:8px;height:8px;border-radius:50%;background:#16A34A;box-shadow:0 0 0 0 #16A34A88;animation:lv11 2s infinite}@keyframes lv11{70%{box-shadow:0 0 0 7px #16A34A00}100%{box-shadow:0 0 0 0 #16A34A00}}
.nb11{height:46px;border:0;border-radius:14px;background:#D4A017;color:#14171F;font:inherit;font-weight:800;font-size:15px;display:flex;align-items:center;gap:8px;padding:0 18px;cursor:pointer;box-shadow:0 6px 16px #D4A01740}
.tb11{position:sticky;top:0;z-index:4;display:flex;gap:4px;background:var(--bg,#F3F4F6);padding:6px 0;overflow-x:auto;scrollbar-width:none}.tb11::-webkit-scrollbar{display:none}
.tb11 a{flex:none;height:42px;border-radius:12px;display:flex;align-items:center;gap:7px;padding:0 14px;font-weight:700;font-size:14px;color:#4B5263!important;text-decoration:none;background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB)}.tb11 a.on{background:#14171F;border-color:#14171F;color:#fff!important}
.hero11{border-radius:22px;padding:22px 24px;background:radial-gradient(120% 140% at 100% 0%,#3B3220 0%,#14171F 55%);color:#fff;display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.hero11>div:first-child{flex:1;display:flex;flex-direction:column}.hero11 small{color:#C9CDD6;font-size:13px}.hero11>div:first-child b{font-size:46px;line-height:1.05;letter-spacing:-.02em}.hero11 span{color:#E8C766;font-weight:600}
.hv11{display:flex;gap:10px}.hv11 div{background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;padding:10px 14px;display:flex;flex-direction:column}.hv11 b{font-size:20px}
.k11{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kp11{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:2px;color:inherit!important;text-decoration:none;transition:transform .15s}.kp11:hover{transform:translateY(-2px)}.kp11 span{font-size:12.5px;color:#4B5263}.kp11 b{font-size:28px}.kp11 small{font-size:12px;color:#6B7280}.kp11.bad{border-color:#FCA5A5}.kp11.bad b{color:#B42318}.kp11.warn b{color:#B45309}.kp11.good b{color:#15803D}
.al11{display:flex;align-items:center;gap:12px;background:#FFF7E6;border:1px solid #F3D9A4;border-radius:14px;padding:12px 14px;color:#14171F!important;text-decoration:none}.al11 svg{color:#8A5A00}.al11 span{flex:1;display:flex;flex-direction:column}.al11 small{color:#4B5263}.al11 em{font-style:normal;font-weight:800;color:#8A5A00}
.two11{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}
.cd11{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;min-width:0}.cd11 h3{margin:0;font-size:15.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cd11 h3 a{margin-left:auto;font-size:13px}
.lg11{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#4B5263;margin-left:auto}.lg11 i{width:10px;height:10px;border-radius:3px;display:inline-block}.lg11 .in,.ch11 .in{background:#16A34A}.lg11 .out,.ch11 .out{background:#D4A017}.lg11 .a,.sp11 .a{background:#C9CED8}.lg11 .b,.sp11 .b{background:#D4A017}.lg11 .c,.sp11 .c{background:#16A34A}
.ch11{display:grid;grid-template-columns:repeat(14,1fr);gap:6px;height:150px;align-items:end}.ch11>div{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px;position:relative;padding-bottom:16px}.ch11 i{width:40%;border-radius:4px 4px 0 0;min-height:2px}.ch11 small{position:absolute;bottom:0;font-size:10.5px;color:#6B7280}
.tp11{display:flex;align-items:center;gap:10px;border:0;background:none;font:inherit;color:inherit;padding:6px 0;cursor:pointer;text-align:left;border-bottom:1px solid var(--line,#ECEEF2)}.tp11:last-child{border-bottom:0}.tp11 span:nth-of-type(2){flex:1;font-weight:600;font-size:14px}.tp11 b{font-size:15px}
.rk11{width:24px;height:24px;border-radius:8px;background:#FFF7E6;color:#8A5A00;font-weight:800;font-size:12px;display:grid;place-items:center;flex:none}
.th11{width:40px;height:40px;border-radius:10px;object-fit:cover;flex:none;background:#ECEEF2}.th11.lg{width:56px;height:56px;border-radius:12px}.ini{display:grid;place-items:center;font-weight:800;color:#8A5A00;background:linear-gradient(135deg,#FFF7E6,#F3D9A4)}
.cl11{display:flex;gap:8px;flex-wrap:wrap}.cl11 a{background:var(--soft,#F6F7F9);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;color:inherit!important;text-decoration:none}.cl11 small{color:#6B7280;font-size:12px}
.qa11{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.qa11 a{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:16px;min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:inherit!important;text-decoration:none;font-weight:700;font-size:13.5px;text-align:center;padding:8px}.qa11 a svg{color:#8A5A00}
.mv11{list-style:none;margin:0;padding:0}.mv11 li{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line,#ECEEF2)}.mv11 li:last-child{border-bottom:0}.mv11 li>span:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:0}.mv11 b{font-size:14px}.mv11 small{font-size:12px;color:#6B7280}.mv11 li>small{text-align:right}
.mq11{min-width:48px;height:30px;border-radius:9px;background:#ECEEF2;display:grid;place-items:center;font-weight:800;font-size:13px}.mq11.up{background:#DCFCE7;color:#15803D}.mq11.dn{background:#FEE4E2;color:#B42318}
/* designs */
.fb11{display:flex;gap:8px}.sr11{flex:1;display:flex;align-items:center;gap:8px;height:48px;border-radius:14px;background:var(--surface,#fff);border:1.5px solid var(--line,#E3E6EB);padding:0 14px;color:#6B7280}.sr11:focus-within{border-color:#D4A017}.sr11 input{flex:1;border:0;outline:none;background:transparent;font:inherit;font-size:15px;color:inherit;min-width:0}.sel11{max-width:200px}
.ck11{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.ck11::-webkit-scrollbar{display:none}.c11{flex:none;height:36px;border-radius:99px;border:1.5px solid var(--line,#E3E6EB);background:var(--surface,#fff);font:inherit;font-weight:600;font-size:13px;padding:0 12px;cursor:pointer;color:inherit;display:inline-flex;align-items:center;gap:6px}.c11 em{font-style:normal;font-size:11.5px;font-weight:800;color:#6B7280}.c11.has em{color:#B42318}.c11.on{background:#14171F;border-color:#14171F;color:#fff}.c11.on em{color:#E8C766}.ck11.sm .c11{height:32px;font-size:12.5px}
.dg11{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.dc11{display:flex;gap:12px;background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:18px;padding:12px;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s}.dc11:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000001a}
.im11{width:86px;height:104px;border-radius:12px;object-fit:cover;flex:none;background:#ECEEF2;font-size:28px}.dc11b{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.dc11t{display:flex;align-items:flex-start;gap:6px}.dc11t b{flex:1;font-size:15px;line-height:1.25}.dc11b>small{font-size:12px;color:#6B7280}
.pb11{flex:none;font-size:11px;font-weight:800;background:#E0F2FE;color:#075985;border-radius:99px;padding:3px 8px}
.sz11{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}.s11{display:inline-flex;align-items:center;gap:4px;border-radius:9px;padding:4px 7px;font-size:12px;background:#DCFCE7;color:#14532D}.s11 i{font-style:normal;opacity:.8}.s11 b{font-weight:800}.s11 u{text-decoration:none;font-weight:700;color:#075985}.s11.low{background:#FEF3C7;color:#78350F}.s11.out{background:#FEE4E2;color:#7F1D1D}.s11.short{background:#FFE4E6;color:#9F1239;box-shadow:inset 0 0 0 1px #FDA4AF}
/* pending */
.pk11{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pk11 div{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:16px;padding:14px;display:flex;flex-direction:column}.pk11 b{font-size:30px}.pk11 small{color:#4B5263;font-size:12.5px}.pk11 .bad b{color:#B42318}.pk11 .good b{color:#15803D}
.pl11{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:12px}.pc11{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:10px}.pc11.short{border-color:#FCA5A5;box-shadow:inset 4px 0 0 #DC2626}
.pc11 header{display:flex;align-items:center;gap:12px}.pc11 header div{flex:1;display:flex;flex-direction:column;min-width:0}.pc11 header small{color:#6B7280;font-size:12.5px}.sb11{font-size:12px;font-weight:800;background:#FEE4E2;color:#B42318;border-radius:99px;padding:4px 10px}.ok11{font-size:12px;font-weight:800;background:#DCFCE7;color:#15803D;border-radius:99px;padding:4px 10px}
.pt11{display:grid;grid-template-columns:1.1fr 1.4fr .8fr .7fr .8fr}.pt11 .hd{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6B7280;padding:0 6px 6px}
.pr11{display:contents;font:inherit;color:inherit;cursor:pointer}.pr11>span{padding:9px 6px;border-top:1px solid var(--line,#ECEEF2);display:flex;flex-direction:column;justify-content:center;font-size:14px}.pr11:hover>span{background:#FFF9EB}.pr11 small{font-size:11px;color:#6B7280}
.sp11{display:flex;height:6px;border-radius:99px;overflow:hidden;background:#ECEEF2;margin-top:4px;max-width:90px}.sp11 i{display:block}
.um11{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line,#ECEEF2)}.um11 span{flex:1;display:flex;flex-direction:column}.um11 small{color:#6B7280;font-size:12px}
.po11{display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow:auto}.po11r{text-align:left;border:1px solid var(--line,#E3E6EB);background:var(--surface,#fff);border-radius:12px;padding:10px 12px;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:2px}.po11r span,.po11r small{font-size:12.5px;color:#4B5263}
/* labels */
.lb11{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.lb11l{display:block;font-size:12.5px;font-weight:700;color:#4B5263;margin-top:6px}.lb11l b{color:#14171F}
.szg11{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.szb11{border:1.5px solid var(--line,#E3E6EB);background:var(--surface,#fff);border-radius:14px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;font:inherit;color:inherit;cursor:pointer}.szb11 i{display:block;border:2px solid #14171F;border-radius:3px;background:#fff;margin-bottom:4px}.szb11 b{font-size:12px}.szb11 small{font-size:10.5px;color:#6B7280}.szb11.on{border-color:#D4A017;background:#FFF7E6;box-shadow:0 0 0 3px #D4A01733}
.seg11{display:inline-flex;background:var(--soft,#E9EBEF);border-radius:12px;padding:4px;gap:4px}.seg11 button{height:36px;border:0;border-radius:9px;background:transparent;font:inherit;font-weight:700;padding:0 16px;cursor:pointer;color:#4B5263}.seg11 button.on{background:var(--surface,#fff);color:#14171F;box-shadow:0 1px 4px #0002}
.fc11{display:flex;gap:6px;flex-wrap:wrap}.ctl11 input[type=range]{accent-color:#D4A017;width:100%}
.pvw11{position:sticky;top:60px}.stage11{border-radius:16px;background:repeating-conic-gradient(#F3F4F6 0 25%,#fff 0 50%) 0 0/20px 20px;min-height:250px;display:grid;place-items:center;padding:20px}
.st11{background:#fff;color:#000;border-radius:6px;box-shadow:0 8px 24px #0002;padding:5% 6%;box-sizing:border-box;display:flex;flex-direction:column;gap:3%;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.bd11{font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.8em;text-align:center}.nm11{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mid11{flex:1;display:flex;gap:6%;align-items:stretch;min-height:0}.bc11{flex:1;background:repeating-linear-gradient(90deg,#000 0 2px,#fff 2px 3px,#000 3px 4px,#fff 4px 7px,#000 7px 10px,#fff 10px 11px)}.qr11{aspect-ratio:1;height:100%;background:conic-gradient(#000 25%,#fff 0 50%,#000 0 75%,#fff 0) 0 0/25% 25%;outline:3px solid #000;outline-offset:-3px}.side11{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:2px}.side11 s{font-size:.75em;color:#555}.side11 small{font-size:.75em}.sk11{text-align:center;font-family:ui-monospace,Menlo,monospace;font-size:.8em;letter-spacing:.08em}
#if11{width:100%;height:260px;border:1px solid var(--line,#E3E6EB);border-radius:12px;background:#fff}
.pr11l{max-height:340px;overflow:auto;display:flex;flex-direction:column;border:1px solid var(--line,#E3E6EB);border-radius:14px}.pi11{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line,#ECEEF2);cursor:pointer}.pi11[hidden]{display:none}.pi11 input[type=checkbox]{width:20px;height:20px;accent-color:#D4A017}.pi11 span{flex:1;display:flex;flex-direction:column;min-width:0}.pi11 small{color:#6B7280;font-size:12px}.qn11{width:76px}
.pf11{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pf11 .btn6{margin-left:auto;min-width:200px}
/* import */
.im11h{display:grid;grid-template-columns:auto 1fr;gap:12px 14px;align-items:center}.im11h h3{margin:0}.im11h p{margin:2px 0 0}.ic11{width:52px;height:52px;border-radius:14px;background:#FFF7E6;color:#8A5A00;display:grid;place-items:center}.ur11,.ex11{grid-column:1/-1}.ur11{display:flex;gap:8px}.ur11 .inp{flex:1;height:50px;font-size:15px}.ur11 .btn6{min-width:140px}.ex11{font-size:12.5px;color:#6B7280}
.busy11{flex-direction:row;align-items:center;justify-content:center;padding:28px}
.ig11{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;max-height:60vh;overflow:auto;padding:2px}.it11{display:flex;gap:10px;align-items:center;border:1.5px solid var(--line,#E3E6EB);border-radius:14px;padding:8px;cursor:pointer}.it11:has(input:checked){border-color:#16A34A;background:#F0FDF4}.it11 input{width:20px;height:20px;accent-color:#16A34A;flex:none}.it11 .im11{width:56px;height:68px}.it11>span{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.it11 b{font-size:13.5px;line-height:1.25}.it11 small{font-size:12px;color:#6B7280}.it11 em{font-style:normal;font-size:11px;font-weight:800;color:#15803D}.it11.ex em{color:#6B7280}
.io11{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.io11a{display:flex;align-items:center;gap:12px;background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:16px;padding:14px;color:inherit!important;text-decoration:none}.io11a svg{color:#8A5A00;flex:none}.io11a span{display:flex;flex-direction:column}.io11a small{color:#6B7280;font-size:12.5px}
html.dark .hv11 div{background:#ffffff0d}html.dark .st11{background:#fff}
@media(max-width:900px){.k11,.qa11{grid-template-columns:repeat(2,1fr)}.two11,.lb11{grid-template-columns:1fr}.pvw11{position:static;order:-1}.pk11{grid-template-columns:repeat(3,1fr)}.pk11 b{font-size:22px}.dg11,.pl11{grid-template-columns:1fr}.hero11>div:first-child b{font-size:38px}.hv11{width:100%}.hv11 div{flex:1}.io11{grid-template-columns:1fr}.nb11 span{display:none}.nb11{width:46px;padding:0;justify-content:center}.szg11{grid-template-columns:repeat(2,1fr)}.pt11{grid-template-columns:1fr 1.3fr .8fr .7fr .8fr}.sel11{max-width:130px}.pf11 .btn6{width:100%;margin:0}.ur11{flex-direction:column}}

/* v12.css */
/* v12: Reverse pickups */
.rv12{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:14px;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.rh12{display:flex;align-items:center;gap:14px}.rh12 h1{margin:0;font-size:26px}.rh12 p{margin:2px 0 0;color:#4B5263}.ri12{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#0E7490,#0891B2);color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 8px 20px #0891B240}
.rk12{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.rk12 div{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column}.rk12 b{font-size:26px}.rk12 small{color:#4B5263;font-size:12.5px}.rk12 .warn{border-color:#F3D9A4;background:#FFF7E6}.rk12 .warn b{color:#B45309}
.rc12{background:var(--surface,#fff);border:1px solid var(--line,#E3E6EB);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}.rc12 h3{margin:0;font-size:16px;display:flex;align-items:center;gap:10px}
.st12{width:28px;height:28px;border-radius:50%;background:#14171F;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800;flex:none}
.wl12{display:flex;flex-direction:column;border:1px solid var(--line,#E3E6EB);border-radius:14px;overflow:hidden;max-height:420px;overflow-y:auto}
.wr12{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line,#ECEEF2)}.wr12:last-child{border-bottom:0}.wr12.has{background:#F0FDF4}.wr12>a{flex:1;display:flex;flex-direction:column;gap:2px;color:inherit!important;text-decoration:none;min-width:0}.wr12 small{font-size:12.5px;color:#4B5263}.wr12 em{font-style:normal;font-size:12px;font-weight:700;color:#B45309;display:inline-flex;align-items:center;gap:4px}
.aw12{position:relative;width:220px;flex:none}.aw12 .inp{width:100%;font-family:ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em;padding-right:34px;box-sizing:border-box}.aw12 i{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#16A34A;display:flex}
.ta12{font-family:ui-monospace,Menlo,monospace;font-size:15px;letter-spacing:.03em;min-height:140px;text-transform:uppercase}
.cs12{display:flex;gap:8px;flex-wrap:wrap}.cs12 span{border-radius:99px;padding:5px 12px;background:#ECEEF2;font-size:13px}.cs12 .g{background:#DCFCE7;color:#14532D}.cs12 .r{background:#FEE4E2;color:#7F1D1D}.cs12 .m{background:#FFF7E6;color:#8A5A00}
.cl12{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:300px;overflow:auto}.cl12 li{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;font-size:13.5px}.cl12 li b{font-family:ui-monospace,Menlo,monospace;min-width:120px}.cl12 li span{flex:1;color:#4B5263}.cl12 li i{display:flex;width:24px;height:24px;border-radius:50%;place-items:center;justify-content:center;align-items:center;flex:none}
.cl12 .g{background:#F0FDF4}.cl12 .g i{background:#16A34A;color:#fff}.cl12 .w{background:#FFFBEB}.cl12 .w i{background:#D97706;color:#fff}.cl12 .r{background:#FEF2F2}.cl12 .r i{background:#DC2626;color:#fff}.cl12 em{font-style:normal;color:#0E7490;font-weight:600}
.dl12{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.dl12 .fld{margin:0;min-width:170px}.dl12 .btn6{flex:1;min-width:240px}.dl12 .btn6:disabled{opacity:.45;cursor:not-allowed}
.hb12{border:1px solid var(--line,#E3E6EB);border-radius:14px;overflow:hidden}.hb12 summary{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;list-style:none}.hb12 summary::-webkit-details-marker{display:none}.hb12 summary>span:nth-child(2){flex:1;display:flex;flex-direction:column}.hb12 small{font-size:12.5px;color:#4B5263}
.hn12{min-width:44px;height:30px;border-radius:9px;background:#E0F2FE;color:#075985;font-weight:800;display:grid;place-items:center;font-size:13px}
.hd12{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 12px}.hd12 a{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;background:var(--soft,#F6F7F9);border-radius:8px;padding:4px 8px;color:inherit!important;text-decoration:none}.hw12{margin:0 14px 12px;color:#B42318;font-size:12.5px}
.cf12 summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}.cf12 summary::-webkit-details-marker{display:none}.cf12 summary small{color:#6B7280;margin-left:auto}.cf12[open] summary{margin-bottom:6px}
.nl12{display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow:auto}.nl12>div{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--line,#ECEEF2)}.nl12 span{flex:1;display:flex;flex-direction:column}.nl12 small{color:#6B7280;font-size:12px}
.rvb12{height:50px;border-radius:14px;border:1.5px solid var(--line,#D5D9E0);background:var(--surface,#fff);display:inline-flex;align-items:center;gap:8px;padding:0 16px;font-weight:700;color:inherit!important;text-decoration:none}.rvb12 em{font-style:normal;background:#0891B2;color:#fff;border-radius:99px;padding:1px 8px;font-size:12.5px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:760px){.rk12{grid-template-columns:repeat(2,1fr)}.wr12{flex-direction:column;align-items:stretch}.aw12{width:100%}.dl12 .btn6{width:100%}.rh12 h1{font-size:22px}}

/* v13.css */
/* v13: friendly case form + pickup details */
dialog.dlg13{width:min(680px,96vw);max-width:680px}
.pg13{display:flex;gap:4px;margin:-4px 0 14px;overflow-x:auto;scrollbar-width:none}.pg13 span{flex:1;min-width:70px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11.5px;color:#9AA3B2;position:relative}.pg13 span::after{content:'';position:absolute;top:13px;left:calc(50% + 16px);right:calc(-50% + 16px);height:2px;background:#E3E6EB}.pg13 span:last-child::after{display:none}
.pg13 i{width:28px;height:28px;border-radius:50%;border:2px solid #D5D9E0;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:12px;background:var(--surface,#fff);z-index:1}.pg13 em{font-style:normal;font-weight:600;text-align:center}
.pg13 .d{color:#15803D}.pg13 .d i{background:#16A34A;border-color:#16A34A;color:#fff}.pg13 .d::after{background:#16A34A}.pg13 .c{color:#14171F}.pg13 .c i{background:#D4A017;border-color:#D4A017;color:#14171F;box-shadow:0 0 0 4px #D4A01733}
.bd13{display:flex;flex-direction:column;gap:12px;animation:in13 .25s ease}@keyframes in13{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
.q13{margin:0;font-size:20px;letter-spacing:-.01em}
.kg13{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.kk13{--k:#14171F;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;border:1.5px solid var(--line,#E3E6EB);background:var(--surface,#fff);border-radius:16px;padding:12px 14px;font:inherit;color:inherit;cursor:pointer;transition:transform .12s,box-shadow .12s}.kk13:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000000f;border-color:var(--k)}
.kk13 span{grid-row:span 2;font-size:26px}.kk13 b{font-size:15px}.kk13 small{font-size:12px;color:#6B7280}.kk13.on{border-color:var(--k);background:color-mix(in srgb,var(--k) 9%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--k) 22%,transparent)}
.sr13 .inp{height:52px;font-size:16px;border-width:2px}.rs13{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto}
.oc13{position:relative;text-align:left;border:1.5px solid var(--line,#E3E6EB);background:var(--surface,#fff);border-radius:14px;padding:10px 14px;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:2px}.oc13 small{font-size:12.5px;color:#4B5263}.oc13 em{font-style:normal;font-size:12px;font-weight:700;color:#B45309}.oc13.on{border-color:#16A34A;background:#F0FDF4}.oc13 i{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;width:26px;height:26px;border-radius:50%;background:#16A34A;color:#fff;display:grid;place-items:center;font-weight:800}
.nm13{border:1.5px dashed #C9CED8;background:transparent;border-radius:14px;padding:12px;font:inherit;font-weight:700;color:#4B5263;cursor:pointer}.nm13:hover{border-color:#D4A017;color:#14171F}
.rc13{display:flex;flex-wrap:wrap;gap:8px}.rb13{border:1.5px solid var(--line,#E3E6EB);background:var(--surface,#fff);border-radius:99px;padding:9px 14px;font:inherit;font-size:14px;font-weight:600;color:inherit;cursor:pointer}.rb13.on{background:#14171F;border-color:#14171F;color:#fff}.rb13.ours::after{content:' · our side';font-weight:500;color:#B45309;font-size:12px}.rb13.ours.on::after{color:#FCD34D}
.so13{margin:0;background:#FFF7E6;border-radius:12px;padding:10px 12px;font-size:13.5px;color:#7A4B00}
.al13{display:flex;flex-direction:column;gap:6px;background:linear-gradient(135deg,#FFFBEB,#F0FDF4);border:1px solid #E7E2C8;border-radius:16px;padding:12px 14px}.al13>small{color:#6B7280;margin-top:-4px}
.ao13{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1.5px solid #E3E6EB;background:#fff;border-radius:12px;padding:10px 12px;font:inherit;color:inherit;cursor:pointer}.ao13 span{font-weight:700;font-size:14px}.ao13 small{font-size:12px;color:#6B7280}.ao13.on{border-color:#16A34A;background:#F0FDF4;box-shadow:0 0 0 3px #16A34A22}.ao13.plain{background:transparent;border-style:dashed}.ao13.plain.on{border-style:solid}
.ch13{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ch13>span{font-size:12.5px;font-weight:700;color:#6B7280;margin-right:4px}
.bk13{margin-top:12px;border:0;background:none;font:inherit;font-weight:700;color:#4B5263;cursor:pointer;padding:6px 0}
.mono{font-family:ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em}
.g3{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:10px}
.af13 .inp.pinok{border-color:#16A34A;background:#F0FDF4}
.rd13{display:flex;align-items:center;gap:12px;background:var(--soft,#F6F7F9);border-radius:16px;padding:10px 12px;transition:background .3s}.rd13.full{background:#F0FDF4}.rd13>div:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.rd13>div:last-child>b{font-size:14px}.rd13 span{display:flex;flex-wrap:wrap;gap:4px 10px}.rd13 i{font-style:normal;font-size:12px;color:#9AA3B2}.rd13 i.ok{color:#15803D;font-weight:700}
.rr13{--p:0;width:48px;height:48px;border-radius:50%;background:conic-gradient(#16A34A calc(var(--p)*1%),#E3E6EB 0);display:grid;place-items:center;flex:none;transition:all .3s}.rr13 b{width:38px;height:38px;border-radius:50%;background:var(--surface,#fff);display:grid;place-items:center;font-size:12px}
.it13{display:flex;flex-direction:column;gap:6px;background:var(--soft,#F6F7F9);border-radius:14px;padding:10px 12px}.it13h{display:flex;justify-content:space-between;align-items:center}.ir13{display:grid;grid-template-columns:2fr 1fr 64px 84px 34px;gap:6px}.ir13 .inp{min-width:0}
.sm13{border:1px solid var(--line,#E3E6EB);border-left:5px solid var(--k);border-radius:16px;padding:12px 14px}.sm13h{display:flex;align-items:center;gap:8px;font-size:16px;margin-bottom:6px}.sm13h span{font-size:22px}.sm13 dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0}.sm13 dt{font-size:12.5px;color:#6B7280}.sm13 dd{margin:0;font-size:14px}
.oc10{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px;padding-top:10px;border-top:1px dashed var(--line,#E3E6EB)}.oc10>span{font-size:12.5px;font-weight:700;color:#6B7280;margin-right:4px}
.kd13{flex-direction:row;align-items:center;gap:12px;background:linear-gradient(135deg,#FFF7E6,#FDF2F8);border-color:#F3D9A4}.kd13>span{font-size:28px}.kd13 div{display:flex;flex-direction:column}.kd13 small{color:#6B7280}
@media(max-width:760px){.kg13{grid-template-columns:1fr}.g3{grid-template-columns:1fr 1fr}.g3 .fld:first-child{grid-column:1/-1}.ir13{grid-template-columns:1fr 1fr 60px 34px}.ir13 [data-i="price"]{grid-column:1/2}.pg13 em{display:none}.q13{font-size:18px}}

/* v14.css */
/* v14: HR 2.0 — My space, HR hub, forms, sheets and gestures */
:root{--g14:#D4A017;--ink14:#14171F;--mut14:#5B6475;--ln14:#E6E8EC;--sf14:#fff;--bg14:#F5F6F8;--soft14:#F1F3F6;--ok14:#16A34A;--bad14:#DC2626;--sh14:0 1px 2px #0000000a,0 8px 24px #14171f0d}
html.dark{--ink14:#ECEEF2;--mut14:#A3AAB8;--ln14:#2A2F3A;--sf14:#171A21;--bg14:#0F1218;--soft14:#1E222B;--sh14:0 1px 2px #0006,0 8px 24px #0005}
.p14{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:14px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink14);padding-bottom:40px}
.p14 h1,.p14 h2,.p14 h3,.p14 h4{letter-spacing:-.01em}.p14 h3{font-size:16px;margin:0}
.card14{background:var(--sf14);border:1px solid var(--ln14);border-radius:20px;padding:16px;box-shadow:var(--sh14);display:flex;flex-direction:column;gap:12px;min-width:0;animation:up14 .35s ease both}
@keyframes up14{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.row14{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}
.ch15{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.hint14{font-size:12px;color:var(--mut14)}.mt14{color:var(--mut14);font-size:13.5px;margin:0}.nt14{font-size:12.5px;color:var(--mut14);margin:0}
.lk14{border:0;background:none;color:#B07D0A;font:inherit;font-weight:700;font-size:13.5px;cursor:pointer;padding:6px 8px;border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.lk14:hover{background:#D4A01714}.lk14.sm{font-size:12.5px;padding:4px 8px}.lk14:disabled{opacity:.35;cursor:default}
html.dark .lk14{color:#E9B949}
.go14{height:48px;border:0;border-radius:14px;background:var(--g14);color:#14171F;font:inherit;font-weight:800;font-size:15px;padding:0 22px;cursor:pointer;box-shadow:0 6px 16px #D4A01740;transition:transform .12s,box-shadow .12s;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.go14:hover{transform:translateY(-1px);box-shadow:0 10px 22px #D4A01755}.go14:active{transform:scale(.98)}.go14.sm{height:40px;font-size:14px;padding:0 16px;border-radius:12px}.go14:disabled{opacity:.6;cursor:wait}
.go14.busy{color:transparent;position:relative}.go14.busy::after{content:'';position:absolute;width:20px;height:20px;border:3px solid #14171F44;border-top-color:#14171F;border-radius:50%;animation:sp 0.8s linear infinite}
.bk14{height:48px;border:1.5px solid var(--ln14);background:var(--sf14);color:var(--ink14);border-radius:14px;font:inherit;font-weight:700;padding:0 16px;cursor:pointer}

dialog.sh14 [hidden],.p14 [hidden]{display:none!important}
label.f14,label.tg14,label.pp14,label.snd14{color:var(--ink14);font-weight:inherit}label.f14{font-weight:400}label.pp14{color:#B07D0A}
/* avatar, ring, chips, bars */
.av14{--s:40px;width:var(--s);height:var(--s);border-radius:50%;background:var(--c);color:#fff;display:inline-grid;place-items:center;font-weight:800;font-size:calc(var(--s)*.38);flex:none;overflow:hidden;position:relative;box-shadow:0 0 0 2px var(--sf14)}
.av14 img{width:100%;height:100%;object-fit:cover}.av14.r-p{box-shadow:0 0 0 2px var(--sf14),0 0 0 4px #16A34A}.av14.r-v{box-shadow:0 0 0 2px var(--sf14),0 0 0 4px #7C3AED}
.rg14{--p:0;--s:64px;width:var(--s);height:var(--s);border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),var(--ln14) 0);display:inline-grid;place-items:center;flex:none;transition:--p .6s}
.rg14>span{width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%;background:var(--sf14);display:grid;place-items:center;text-align:center;line-height:1}.rg14>span b{font-size:17px}
.ch14{--c:#64748B;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);padding:4px 10px;border-radius:999px;white-space:nowrap}
.pb14{display:block;height:8px;border-radius:9px;background:var(--soft14);overflow:hidden;flex:1;min-width:60px}.pb14>i{display:block;height:100%;border-radius:9px;background:var(--c,linear-gradient(90deg,#D4A017,#16A34A));transition:width .6s ease}.pb14.sm{height:5px;grid-column:1/-1}.pb14.big{height:10px}
.em15{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:18px;color:var(--mut14)}.em15 span{font-size:38px}.em15 p{margin:0}.em15.big{padding:48px 18px;background:var(--sf14);border:1px dashed var(--ln14);border-radius:20px}

/* hero */
.hero14{position:relative;display:flex;align-items:center;gap:14px;padding:18px;border-radius:24px;color:#fff;background:radial-gradient(500px 220px at 100% 0,#D4A01766,transparent),linear-gradient(135deg,#14171F,#2A2F3D);box-shadow:0 14px 34px #14171f33;overflow:hidden;animation:up14 .35s ease both}
.hero14 h1{font-size:clamp(21px,4.6vw,28px);margin:2px 0}.hero14 p{margin:0;color:#C9CED8;font-size:13.5px}.hero14 small{color:#AEB5C2}
.hx14{flex:1;min-width:0}.me14{border:0;background:none;padding:0;cursor:pointer;border-radius:50%}.me14 .rg14>span{background:#14171F}
.snd14{position:absolute;top:12px;right:12px;cursor:pointer}.snd14 input{position:absolute;opacity:0}.snd14 span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffff14;font-size:15px;filter:grayscale(1);opacity:.6;transition:.2s}.snd14 input:checked+span{filter:none;opacity:1}.snd14 input:focus-visible+span{outline:2px solid #fff}

/* check-in */
.ci14{gap:10px}.cx14{display:flex;align-items:center;gap:12px}.cx14>div{flex:1}.cx14 h3{font-size:18px}.cx14 h3 small{font-weight:500;color:var(--mut14);font-size:13px}.cx14 p{margin:2px 0 0;color:var(--mut14);font-size:13.5px}
.cx14 #wk14{color:var(--ink14);font-variant-numeric:tabular-nums}.late14{color:#B45309;font-weight:600}.sf14{font-size:12px;background:var(--soft14);padding:4px 10px;border-radius:99px}
.dn14 .em14.sm{font-size:34px}
.sl14{--k:0;position:relative;height:62px;border-radius:999px;background:linear-gradient(90deg,#E9F9EF,#D7F3E1);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y;border:1.5px solid #BFE9CF}
.sl14.out{background:linear-gradient(90deg,#FFF4E0,#FDE7C2);border-color:#F4D79C}
html.dark .sl14{background:#12301F;border-color:#1F5135}html.dark .sl14.out{background:#3A2C10;border-color:#5C4718}
.fl14{position:absolute;inset:0 auto 0 0;width:62px;background:linear-gradient(90deg,#16A34A,#22C55E);border-radius:999px;opacity:.9}.sl14.out .fl14{background:linear-gradient(90deg,#D97706,#F59E0B)}
.sl14:not(.drag) .fl14,.sl14:not(.drag) .kn14{transition:transform .35s cubic-bezier(.2,.9,.3,1.2),width .35s cubic-bezier(.2,.9,.3,1.2)}
.lb14{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:15.5px;color:#166534;opacity:calc(1 - var(--k)*1.4);pointer-events:none;padding-left:40px;letter-spacing:.01em}.sl14.out .lb14{color:#92400E}html.dark .lb14{color:#86EFAC}html.dark .sl14.out .lb14{color:#FCD34D}
.sl14:not(.drag):not(.done) .lb14{background:linear-gradient(90deg,currentColor 40%,#fff9 50%,currentColor 60%) 0/250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sh14 2.4s linear infinite}
@keyframes sh14{to{background-position:-250% 0}}
.kn14{position:absolute;top:4px;left:4px;width:52px;height:52px;border-radius:50%;border:0;background:#fff;color:#16A34A;font-size:22px;font-weight:900;box-shadow:0 4px 14px #0002;cursor:grab;touch-action:none;z-index:1}.sl14.out .kn14{color:#D97706}.kn14:active{cursor:grabbing}
.sl14.done .lb14{opacity:1!important;color:#fff;-webkit-text-fill-color:#fff;animation:none;padding-left:0}.sl14.done .fl14{width:100%!important}.sl14.done .kn14{opacity:0}
.al14{border:0;background:none;color:var(--mut14);font:inherit;font-size:12px;text-decoration:underline;cursor:pointer;align-self:center;padding:2px 6px}

/* streak + week dots */
.st14{align-items:stretch}.fl15{display:flex;align-items:center;gap:12px}.fl15 b{font-size:30px;line-height:1}.fl15 small{display:block;color:var(--mut14)}
.fire14{font-size:38px;filter:grayscale(1);opacity:.4}.fire14.on{filter:none;opacity:1;animation:fl14 1.6s ease-in-out infinite;transform-origin:50% 90%}
@keyframes fl14{0%,100%{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.08) rotate(2deg)}}
.wd14{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.wd14 span{display:flex;flex-direction:column;align-items:center;gap:4px}.wd14 i{width:100%;max-width:30px;aspect-ratio:1;border-radius:10px;background:var(--soft14)}.wd14 small{font-size:10.5px;color:var(--mut14)}
.wd14 .p i{background:#16A34A}.wd14 .l i{background:#F59E0B}.wd14 .h i{background:#3B82F6}.wd14 .a i{background:#EF4444}.wd14 .v i{background:#8B5CF6}.wd14 .o i{background:repeating-linear-gradient(45deg,var(--soft14),var(--soft14) 4px,var(--ln14) 4px,var(--ln14) 8px)}.wd14 .t i{border:2px dashed var(--g14);background:none}
.ms14{margin:0;font-size:13px;font-weight:600;color:var(--mut14)}

/* quick actions */
.qa14{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qb14{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1.5px solid var(--ln14);background:var(--sf14);border-radius:16px;padding:12px;font:inherit;color:inherit;cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s;min-height:92px}
.qb14:hover{border-color:var(--g14);transform:translateY(-2px);box-shadow:0 8px 18px #0000000f}.qb14:active{transform:scale(.97)}.qb14 span{font-size:24px}.qb14 b{font-size:14.5px}.qb14 small{color:var(--mut14);font-size:12px}

/* leave balance */
.bal14{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.bl14{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:8px;border-radius:16px;background:var(--soft14)}.bl14>b{font-size:13.5px}.bl14 small{font-size:11.5px;color:var(--mut14)}
.bn14{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:18px;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}

/* request list (swipe left to cancel) */
.rq15{display:flex;flex-direction:column;gap:8px;overflow:hidden}.rq16{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--soft14);transition:transform .25s,opacity .25s;touch-action:pan-y}
.rq16 b{font-size:14px;display:block}.rq16 small{color:var(--mut14);font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis}.ic16{font-size:22px}
.rq16.no{background:#FEE2E2}html.dark .rq16.no{background:#3B1414}

/* calendar */
.cal14{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal14 .dh{font-style:normal;text-align:center;font-size:11px;font-weight:700;color:var(--mut14)}
.cal14 button{aspect-ratio:1;border:0;border-radius:12px;background:var(--soft14);color:var(--ink14);font:inherit;font-weight:700;font-size:13px;cursor:pointer;transition:transform .1s}.cal14 button:active{transform:scale(.92)}
.cal14 .p{background:#16A34A;color:#fff}.cal14 .l{background:#F59E0B;color:#fff}.cal14 .h{background:#3B82F6;color:#fff}.cal14 .a{background:#EF4444;color:#fff}.cal14 .v{background:#8B5CF6;color:#fff}.cal14 .o{background:transparent;color:var(--mut14);border:1px dashed var(--ln14)}.cal14 .fu{opacity:.45}.cal14 .td{box-shadow:0 0 0 2.5px var(--g14)}
.lg14{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--mut14)}.lg14 span::before{content:'';display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px;background:var(--soft14)}
.lg14 .p::before{background:#16A34A}.lg14 .l::before{background:#F59E0B}.lg14 .h::before{background:#3B82F6}.lg14 .a::before{background:#EF4444}.lg14 .v::before{background:#8B5CF6}.lg14 .o::before{border:1px dashed var(--mut14);background:none}

/* celebrations, holidays, work */
.cl14{display:flex;flex-direction:column;gap:8px}.cl14>div{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:var(--soft14)}.cl14>div>div{flex:1}.cl14 b{display:block;font-size:14px}.cl14 small{color:var(--mut14);font-size:12px}.cl14 em{color:#B07D0A;font-style:normal;font-weight:800}
.cl14 .now{background:linear-gradient(90deg,#FFF7E0,#FDEFD0);animation:gl14 2.5s ease-in-out infinite}html.dark .cl14 .now{background:#3A2E12}@keyframes gl14{50%{box-shadow:0 0 0 3px #D4A01733}}
.hl14{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.hl14>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px;border-radius:14px;background:var(--soft14)}
.hl14 b{grid-row:1;font-size:22px;line-height:1}.hl14>div>span{grid-row:2;font-size:11px;font-weight:700;color:var(--mut14);text-transform:uppercase}.hl14 p{grid-row:1/3;grid-column:2;margin:0;font-weight:700;font-size:13.5px}.hl14 p small{display:block;color:var(--mut14);font-weight:500}
.wk15{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.wk15>div{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:16px;background:var(--soft14)}.wk15 span{font-size:20px}.wk15 b{font-size:24px;line-height:1.1}.wk15 small{color:var(--mut14);font-size:12px}
.tw15 .wk15>div{background:#ffffff12}.tw15 .wk15 small{color:#C9CED8}.tw15>div{width:100%}
.br14{display:flex;align-items:flex-end;gap:4px;height:90px}.br14>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;height:100%;justify-content:flex-end}.br14 i{width:100%;max-width:22px;border-radius:6px 6px 3px 3px;background:linear-gradient(#E9B949,#D4A017);min-height:3px;animation:gr14 .6s ease both;transform-origin:bottom}.br14 small{font-size:10px;color:var(--mut14)}
@keyframes gr14{from{transform:scaleY(0)}}

/* ============ forms ============ */
.f14{display:flex;flex-direction:column;gap:5px;min-width:0;font-weight:400}.f14.wide{grid-column:1/-1}.l14{font-size:13px;font-weight:700;color:var(--ink14)}.rq14{color:var(--bad14);font-style:normal}
.w14{position:relative;display:flex;align-items:center}
.in14{width:100%;min-height:50px;border:1.5px solid var(--ln14);border-radius:14px;padding:12px 14px;font:inherit;font-size:16px;background:var(--sf14);color:var(--ink14);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
textarea.in14{min-height:76px;resize:vertical;line-height:1.45}select.in14{background-image:linear-gradient(45deg,transparent 50%,var(--mut14) 50%),linear-gradient(135deg,var(--mut14) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}
.in14:hover{border-color:#C9CED8}.in14:focus{outline:none;border-color:var(--g14);box-shadow:0 0 0 4px #D4A01726}.in14.hp{padding-left:34px}.in14.big{font-size:30px;font-weight:800;min-height:68px}
.pre14{position:absolute;left:14px;color:var(--mut14);font-weight:700;pointer-events:none}.in14.big+*,.amt14 .pre14{font-size:22px}
.h14{font-size:12px;color:var(--mut14)}.e14{font-size:12.5px;color:var(--bad14);font-weight:600;min-height:0}.e14:empty{display:none}
.f14.bad .in14{border-color:var(--bad14);box-shadow:0 0 0 4px #DC262618}.f14.good .in14{border-color:#86D19F}
.f14.good .w14::after{content:'✓';position:absolute;right:12px;color:var(--ok14);font-weight:900;pointer-events:none}.f14.good select.in14+*,.f14.good .w14:has(select)::after,.f14.good .w14:has(textarea)::after{content:none}
.shake{animation:sk14 .4s}@keyframes sk14{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.g14{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}.g14.g4{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr))}
.q14{margin:4px 0 -4px;font-weight:800;font-size:14px}.q14 small{font-weight:500;color:var(--mut14)}.sec14{margin:10px 0 0;font-size:14.5px}
.pl14{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;align-content:flex-start}.pl14>button{min-height:42px;border:1.5px solid var(--ln14);background:var(--sf14);color:var(--ink14);border-radius:999px;padding:0 16px;font:inherit;font-weight:600;font-size:14px;cursor:pointer;transition:all .15s}
.pl14>button:hover{border-color:#C9CED8}.pl14>button.on{border-color:var(--ink14);background:var(--ink14);color:var(--sf14);box-shadow:0 4px 12px #14171f26}.pl14>button:active{transform:scale(.96)}
html.dark .pl14>button.on{background:var(--g14);border-color:var(--g14);color:#14171F}
.pl14.bg14>button{min-width:54px;padding:0 10px;font-weight:800}.pl14.big14>button{min-height:48px;padding:0 18px}.pl14[data-pills=off]>button{width:46px;padding:0}
.tg14{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;font-size:14px;min-height:40px}.tg14 input{position:absolute;opacity:0;width:1px;height:1px}
.sw14{width:46px;height:28px;border-radius:99px;background:var(--ln14);position:relative;flex:none;transition:background .2s}.sw14::after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003;transition:transform .2s cubic-bezier(.3,1.4,.5,1)}
.tg14 input:checked+.sw14{background:var(--ok14)}.tg14 input:checked+.sw14::after{transform:translateX(18px)}.tg14 input:focus-visible+.sw14{outline:2px solid var(--g14);outline-offset:2px}.tg14.sm{font-size:12.5px;gap:6px}.tg14.sm .sw14{width:38px;height:22px}.tg14.sm .sw14::after{width:16px;height:16px}.tg14.sm input:checked+.sw14::after{transform:translateX(16px)}
.rn14{width:100%;accent-color:var(--g14);height:28px}
.sum14{padding:12px 14px;border-radius:14px;background:#FFF8E6;border:1px solid #F3E0A8;font-size:14px;min-height:20px}.sum14:empty{display:none}.sum14 .bad,.net14 .bad{color:var(--bad14);font-weight:700}html.dark .sum14{background:#2B2410;border-color:#4A3D17}
.lt14{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.lt14 button,.ct14 button{--c:#64748B;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1.5px solid var(--ln14);background:var(--sf14);border-radius:16px;padding:12px;font:inherit;color:inherit;cursor:pointer;text-align:left;transition:all .15s}
.lt14 button span{font-size:24px}.lt14 button b{font-size:14px}.lt14 button small{font-size:12px;color:var(--mut14)}.lt14 button.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 9%,var(--sf14));box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent)}.lt14 button.empty{opacity:.5}
.ct14{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.ct14 button{align-items:center;text-align:center;padding:10px 6px}.ct14 button span{font-size:24px}.ct14 button small{font-size:11.5px;font-weight:600}.ct14 button.on{border-color:var(--g14);background:#D4A01714;box-shadow:0 0 0 3px #D4A01733}
.amt14 .in14{text-align:left}.amt14 .pre14{font-size:26px;left:16px}.amt14 .in14.hp{padding-left:42px}
.bill14{display:block;cursor:pointer}.bz14{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:120px;border:2px dashed var(--ln14);border-radius:18px;padding:14px;font-size:28px;color:var(--mut14);transition:all .15s;text-align:center}
.bz14 b{font-size:14px;color:var(--ink14)}.bz14 small{font-size:12px}.bill14:hover .bz14,.bill14.ov .bz14{border-color:var(--g14);background:#D4A0170d}.bill14.has .bz14{border-style:solid;border-color:#86D19F;background:#F0FDF4}html.dark .bill14.has .bz14{background:#10291A}
.bz14 img{max-height:140px;max-width:100%;border-radius:12px;box-shadow:var(--sh14)}.pdf14{display:grid;place-items:center;width:70px;height:86px;border-radius:10px;background:#DC2626;color:#fff;font-size:16px;font-weight:900}
.ph14{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ph14>div{display:flex;align-items:center;gap:10px;flex:1;min-width:180px}.ph14 small{color:var(--mut14);font-size:12.5px}
.pp14{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font-size:12.5px;font-weight:700;color:#B07D0A}.pp14 .av14{transition:transform .15s}.pp14:hover .av14{transform:scale(1.04)}
.net14{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px;border-radius:16px;background:var(--soft14)}.net14:empty{display:none}.net14 span{color:var(--mut14);flex:1}.net14 b{font-size:22px}
.sv14{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:var(--soft14);font-size:13px}.sv14 span{flex:1;word-break:break-all}
.pay14{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pay14>div{padding:14px;border-radius:16px;background:var(--soft14);display:flex;flex-direction:column;gap:2px}.pay14 small{color:var(--mut14)}.pay14 b{font-size:18px}
.ps14{display:flex;flex-direction:column;gap:6px}.ps15{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid var(--ln14);color:inherit;text-decoration:none}.ps15:hover{border-color:var(--g14)}.ps15 i{font-style:normal;color:var(--mut14);font-size:20px}

/* ============ sheet (bottom sheet on phones) ============ */
dialog.sh14{padding:0;border:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;margin:0;color:var(--ink14);font-family:'Plus Jakarta Sans',system-ui,sans-serif;overflow:hidden;overflow:clip}
dialog.sh14::backdrop{background:#0b0d1266;backdrop-filter:blur(3px);opacity:0;transition:opacity .22s}dialog.sh14.in::backdrop{opacity:1}
dialog.sh14>form{position:absolute;left:0;right:0;bottom:0;max-height:92vh;max-height:92dvh;display:flex;flex-direction:column;background:var(--sf14);border-radius:26px 26px 0 0;box-shadow:0 -12px 40px #0003;transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.9,.3,1)}
dialog.sh14.in>form{transform:none}
.hd14{display:flex;align-items:flex-start;gap:10px;padding:10px 18px 8px;position:relative;touch-action:none;cursor:grab}.gr14{position:absolute;top:8px;left:50%;width:44px;height:5px;margin-left:-22px;border-radius:9px;background:var(--ln14)}
.tt14{flex:1;padding-top:12px}.tt14 h2{margin:0;font-size:20px}.tt14 p{margin:2px 0 0;color:var(--mut14);font-size:13px}
.x14{margin-top:10px;width:38px;height:38px;border-radius:50%;border:0;background:var(--soft14);color:var(--ink14);font-size:15px;cursor:pointer;flex:none}.x14:hover{background:var(--ln14)}
.bd14{padding:6px 18px 16px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch}.bd14>*,.wzb14>section>*{flex-shrink:0}
.ft14{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--ln14);background:var(--sf14)}.ft14 .go14{flex:1;min-width:150px}.fe14{flex-basis:100%;margin:0;color:var(--bad14);font-size:13.5px;font-weight:600;order:-1}.fe14:empty{display:none}
@media (min-width:760px){dialog.sh14>form{left:50%;top:50%;bottom:auto;width:min(560px,94vw);max-height:88vh;border-radius:24px;transform:translate(-50%,-46%) scale(.97);opacity:0;transition:transform .22s,opacity .22s}dialog.sh14.wide>form{width:min(780px,94vw)}dialog.sh14.in>form{transform:translate(-50%,-50%);opacity:1}.gr14{display:none}.hd14{cursor:default}.ft14{border-radius:0 0 24px 24px}}
.ok14{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:30px 10px}.ok14 h3{font-size:22px;margin:0}.ok14 p{margin:0;color:var(--mut14)}
.em14{font-size:64px;animation:pop14 .6s cubic-bezier(.2,1.6,.4,1) both}@keyframes pop14{from{transform:scale(0) rotate(-20deg)}}
.wz14{margin:0}.wz14 span{cursor:pointer}.wzb14>section{display:flex;flex-direction:column;gap:12px;animation:in13 .25s ease}

/* ============ HR hub ============ */
.hh14{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hh14 h1{margin:0;font-size:clamp(24px,5vw,30px)}.hh14 p{margin:2px 0 0;color:var(--mut14)}
.tb14{display:flex;gap:4px;background:var(--soft14);padding:5px;border-radius:16px;overflow-x:auto;scrollbar-width:none;position:sticky;top:0;z-index:5}.tb14::-webkit-scrollbar{display:none}
.tb14 button{flex:1;min-width:max-content;height:42px;border:0;border-radius:12px;background:transparent;color:var(--mut14);font:inherit;font-weight:700;font-size:14px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .15s}
.tb14 button.on{background:var(--sf14);color:var(--ink14);box-shadow:0 2px 8px #0000001a}.tb14 em,.bd15{font-style:normal;background:var(--bad14);color:#fff;font-size:11.5px;font-weight:800;padding:1px 7px;border-radius:99px;animation:pop14 .4s both}
.kp14{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kq14{--c:#14171F;display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:18px;background:var(--sf14);border:1px solid var(--ln14);box-shadow:var(--sh14);position:relative;overflow:hidden;animation:up14 .35s ease both}
.kq14::before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:var(--c)}.kq14 span{font-size:20px}.kq14 b{font-size:clamp(20px,4vw,28px);line-height:1.1;color:var(--c)}html.dark .kq14 b{filter:brightness(1.4)}.kq14 small{color:var(--mut14);font-weight:600}
.wh14{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}.wh14 h4{margin:0 0 8px;font-size:13px;color:var(--mut14)}
.as14{display:flex;flex-wrap:wrap;gap:10px}.as14 button{border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;color:inherit;font:inherit;width:56px}.as14 small{font-size:11.5px;font-weight:600;max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.as14 em{font-style:normal;font-size:10.5px;color:var(--mut14)}.as14 button:hover .av14{transform:translateY(-2px)}.as14 .av14{transition:transform .15s}.more14{align-self:center;font-weight:800;color:var(--mut14)}
.sw15{display:flex;flex-direction:column;gap:10px}
.rc14{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px;border-radius:18px;background:var(--sf14);border:1.5px solid var(--ln14);touch-action:pan-y;transition:transform .3s,opacity .3s,border-color .15s,background .15s;user-select:none;-webkit-user-select:none}
.rb14{display:flex;flex-direction:column;gap:3px;min-width:0}.rb14>b{font-size:15px}.rb14 span{font-size:13.5px}.rb14 small{color:var(--mut14);font-size:12.5px}.lf14{color:#B45309!important;font-weight:600}.ok15{color:var(--ok14);font-weight:700}
.ra14{display:flex;gap:8px}.ra14 button{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--ln14);background:var(--sf14);font-size:18px;font-weight:900;cursor:pointer;transition:all .15s}.ra14 .yes14{background:#16A34A;border-color:#16A34A;color:#fff;box-shadow:0 6px 14px #16A34A40}.ra14 .no14{color:var(--bad14)}.ra14 button:hover{transform:scale(1.08)}.ra14 button:active{transform:scale(.92)}
.sy14,.sn14{position:absolute;top:50%;transform:translateY(-50%);font-weight:900;font-size:15px;opacity:0;transition:opacity .15s;pointer-events:none;padding:6px 12px;border-radius:10px}.sy14{left:14px;color:#fff;background:#16A34A}.sn14{right:14px;color:#fff;background:var(--bad14)}
.rc14.yes{border-color:#16A34A;background:#F0FDF4}.rc14.yes .sy14{opacity:1}.rc14.no{border-color:var(--bad14);background:#FEF2F2}.rc14.no .sn14{opacity:1}html.dark .rc14.yes{background:#10291A}html.dark .rc14.no{background:#2E1212}
.rc14.fly{transform:translateX(110%) rotate(6deg);opacity:0}
.ic14{display:flex;flex-direction:column;gap:6px}.ic14 button{display:grid;grid-template-columns:1fr 110px;gap:4px 10px;align-items:center;text-align:left;border:0;background:var(--soft14);border-radius:12px;padding:10px 12px;font:inherit;color:inherit;cursor:pointer}.ic14 button span{font-weight:700;font-size:14px}.ic14 small{grid-column:1/-1;color:var(--mut14);font-size:12px}
.dp14{display:flex;flex-direction:column;gap:8px}.dp14>div{display:grid;grid-template-columns:minmax(90px,160px) 1fr 30px;gap:10px;align-items:center;font-size:13.5px}.dp14 b{text-align:right}
.tl14{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dep14{flex:1;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.dep14>button{flex:none}
.se14{display:flex;align-items:center;gap:8px;height:50px;border-radius:16px;background:var(--sf14);border:1.5px solid var(--ln14);padding:0 14px;flex:1 1 100%}.se14:focus-within{border-color:var(--g14);box-shadow:0 0 0 4px #D4A01726}.se14 input{flex:1;border:0;outline:none;background:transparent;font:inherit;font-size:16px;color:inherit;min-width:0}
.pg14{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:10px}
.pc14{display:grid;grid-template-columns:auto 1fr auto;gap:6px 12px;align-items:center;text-align:left;border:1px solid var(--ln14);background:var(--sf14);border-radius:18px;padding:14px;font:inherit;color:inherit;cursor:pointer;box-shadow:var(--sh14);transition:transform .15s,border-color .15s;animation:up14 .3s ease both}
.pc14:hover{transform:translateY(-2px);border-color:var(--g14)}.pc14:active{transform:scale(.98)}.pc14 b{display:block;font-size:15px}.pc14 small{display:block;color:var(--mut14);font-size:12.5px}.pm14{font-size:11.5px;color:var(--mut14)}
.ev14{display:flex;align-items:center;gap:14px}.ev14 h3{margin:0;font-size:17px}.ev14 p{margin:2px 0 4px;color:var(--mut14);font-size:13.5px}.ev14 small{display:block;font-size:12.5px}
.kv14{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.kv14>div{padding:10px 12px;border-radius:12px;background:var(--soft14);display:flex;flex-direction:column;gap:2px;min-width:0}.kv14 small{color:var(--mut14);font-size:12px}.kv14 b{font-size:14px;word-break:break-word}.kv14 a{color:inherit}
.hs14{display:flex;flex-direction:column}.hs14>div{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--ln14)}.hs14>div:last-child{border:0}.hs14 b{display:block;font-size:14px}.hs14 small{color:var(--mut14);font-size:12px}
.mo14 b{min-width:150px;text-align:center;font-size:16px}.mo14 .lk14:not(.sm){font-size:22px;width:42px;height:42px;justify-content:center;background:var(--soft14)}.mo14 .go14{margin-left:auto}
.tw14{overflow:auto;border:1px solid var(--ln14);border-radius:18px;background:var(--sf14);max-height:70vh;box-shadow:var(--sh14)}
.at14{border-collapse:separate;border-spacing:0;font-size:12.5px;min-width:100%}.at14 th,.at14 td{padding:0;text-align:center;border-bottom:1px solid var(--ln14);height:38px;min-width:32px}
.at14 thead th{position:sticky;top:0;background:var(--sf14);z-index:2;font-weight:700;font-size:12px}.at14 thead th small{display:block;font-size:9.5px;color:var(--mut14);font-weight:600}.at14 thead th.o{color:var(--mut14)}
.at14 tbody th{position:sticky;left:0;background:var(--sf14);z-index:1;text-align:left;padding:0 10px;min-width:150px;border-right:1px solid var(--ln14)}.at14 tbody th button{border:0;background:none;font:inherit;font-weight:700;color:inherit;display:flex;align-items:center;gap:8px;cursor:pointer;padding:0}
.at14 thead th:first-child{left:0;z-index:3;text-align:left;padding:0 10px}
.at14 td{cursor:pointer;font-weight:800;transition:background .1s}.at14 td:hover{background:var(--soft14)}.at14 td.p{color:#15803D;background:#16A34A14}.at14 td.l{color:#B45309;background:#F59E0B1c}.at14 td.h{color:#1D4ED8;background:#3B82F61a}.at14 td.a{color:#B91C1C;background:#EF44441a}.at14 td.v{color:#6D28D9;background:#8B5CF61a}.at14 td.o{color:var(--mut14);background:repeating-linear-gradient(45deg,transparent,transparent 4px,var(--soft14) 4px,var(--soft14) 8px)}.at14 td.td{box-shadow:inset 0 0 0 2px var(--g14)}.at14 .tot{font-size:14px;cursor:default;background:var(--soft14)}
.ltx14{display:flex;flex-direction:column;gap:8px}.ltx14>div{display:grid;grid-template-columns:64px minmax(110px,1fr) 64px auto auto;gap:6px;align-items:center}.ltx14 .in14{min-height:42px;padding:8px 10px;font-size:14px;border-radius:10px;min-width:0}.ltx14 .lc14{text-transform:uppercase;font-weight:800;letter-spacing:0;text-align:center}
.hlx14{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.hlx14>div{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--soft14)}.hlx14 b{font-size:15px}.hlx14 small{grid-row:2;color:var(--mut14);font-size:11.5px}.hlx14 span{grid-row:1/3;grid-column:2;font-weight:600;font-size:13.5px}.hlx14 button{grid-row:1/3;grid-column:3}
.ha14{display:grid;grid-template-columns:1fr 1.4fr auto;gap:10px;align-items:end}
.sv15{position:sticky;bottom:12px;display:flex;justify-content:flex-end;z-index:4}.sv15 .go14{box-shadow:0 10px 30px #D4A01766}
.pr14{display:flex;flex-direction:column;gap:6px}.pr14>div{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:12px;align-items:center;padding:12px;border-radius:16px;background:var(--soft14);transition:opacity .2s}.pr14>div.pd{opacity:.72}.pr14 b{display:block}.pr14 small{color:var(--mut14);font-size:12px}.nm14{text-align:right}.nm14 b{font-size:17px}
.pf14{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px}.pf14 .card14{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center}.pf14 small{color:var(--mut14);display:block;font-size:12px}.pt14{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}.pt14 span{background:var(--soft14);padding:5px 10px;border-radius:99px;font-size:12.5px}
.p14 .hh14 .pl14{flex-wrap:nowrap}

/* phones */
@media (max-width:640px){
  .kp14{grid-template-columns:repeat(2,1fr)}.hero14{padding:16px;border-radius:20px}.card14{padding:14px;border-radius:18px}
  .rc14{grid-template-columns:auto 1fr}.ra14{grid-column:1/-1;justify-content:stretch}.ra14 button{flex:1;border-radius:14px;height:44px}
  .pr14>div{grid-template-columns:auto 1fr;}.pr14 .nm14{grid-column:2;text-align:left}.pr14>div>a,.pr14>div>button,.pr14>div>.ch14{grid-column:span 1;justify-self:start}
  .hs14>div{grid-template-columns:auto 1fr auto}.hs14>div>button{grid-column:2}
  .ltx14>div{grid-template-columns:62px 1fr 58px;}.ltx14 .tg14,.ltx14 [data-trm]{grid-row:2}.ha14{grid-template-columns:1fr}.mo14 b{min-width:0;flex:1}.mo14 .go14{margin-left:0;width:100%}
  .qa14{grid-template-columns:1fr 1fr}.pay14{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.p14 *,dialog.sh14 *,dialog.sh14>form{animation:none!important;transition:none!important}}

/* v14 · care refunds, made order IDs, pickup sheets */
.mk15{display:flex;align-items:flex-start;gap:8px;font-weight:600;font-size:13.5px;margin:4px 0}.mk15 small{display:block;font-weight:500;color:var(--mut14,#5B6475)}
.pq15{margin:8px 0 6px;font-weight:800;font-size:14px}
.pp15,.bm15{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}
.pp15 button,.bm15 button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1.5px solid var(--line,#E3E6EB);background:var(--surface,#fff);color:inherit;border-radius:16px;padding:12px 14px;font:inherit;cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s}
.pp15 button:hover,.bm15 button:hover{transform:translateY(-1px);border-color:#D4A017}.pp15 span,.bm15 span{font-size:24px}.pp15 b,.bm15 b{font-size:14.5px}.pp15 small,.bm15 small{font-size:12px;color:#6B7280}
.pp15 button.on,.bm15 button.on{border-color:#16A34A;background:#F0FDF4;box-shadow:0 0 0 3px #16A34A2e}
.rf15{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;border:1.5px solid}.rf15>span{font-size:28px;line-height:1}.rf15 b{display:block;font-size:15px}.rf15 small{color:#4B5263;font-size:13px}
.rf15.pp{background:#EFF6FF;border-color:#BFDBFE}.rf15.cod{background:#FFF7E6;border-color:#F3D79A}
.bv15{display:flex;gap:6px;flex-wrap:wrap}.ra15{font-size:20px;font-weight:800;height:52px}
.rf10{margin:8px 0 0;padding:10px 12px;border-radius:12px;background:#EFF6FF;color:#1E3A8A;font-size:13.5px}
.ps15{margin-left:auto;height:34px;border:0;border-radius:10px;background:#14171F;color:#fff;font:inherit;font-weight:700;font-size:13px;padding:0 12px;cursor:pointer;white-space:nowrap}.ps15:disabled{opacity:.6;cursor:wait}
.tk15b{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.tk15b small{flex-basis:100%}
.tk15c{display:grid;place-items:center;width:36px;height:36px;flex:none;cursor:pointer}.tk15c input{width:20px;height:20px;accent-color:#16A34A;cursor:pointer}.tk15c input:disabled{cursor:not-allowed;opacity:.35}
html.dark .pp15 button,html.dark .bm15 button{background:#171A21;border-color:#2A2F3A}html.dark .pp15 button.on,html.dark .bm15 button.on{background:#10291A}
html.dark .rf15.pp{background:#0F1E36;border-color:#1E3A6A}html.dark .rf15.cod{background:#2B2410;border-color:#4A3D17}html.dark .rf15 small{color:#A3AAB8}html.dark .rf10{background:#0F1E36;color:#BFDBFE}html.dark .ps15{background:#D4A017;color:#14171F}
@media (max-width:520px){.pp15,.bm15{grid-template-columns:1fr}}
/* bank form: account match + IFSC check */
.if16{display:flex;gap:6px}.if16 .inp{flex:1;text-transform:uppercase}.bkm16,.bki16{font-size:12.5px;font-weight:600;min-height:1em}.bkm16.ok,.bki16.ok{color:#15803D}.bkm16.no,.bki16.no{color:#B91C1C}
.bm15.b3{grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.bm15.b3{grid-template-columns:1fr}}

/* v15.css */
/* v15: Schedule orders */
.sq15{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:12px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink14);padding-bottom:24px}
.sk15{display:flex;flex-direction:column;gap:10px;padding-top:70px}.sk15 i{height:74px;border-radius:18px;background:linear-gradient(90deg,var(--soft14) 25%,var(--ln14) 50%,var(--soft14) 75%) 0/300% 100%;animation:sk15 1.2s linear infinite}@keyframes sk15{to{background-position:-300% 0}}
.hd15{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hd15 h1{margin:0;font-size:clamp(24px,5vw,30px);letter-spacing:-.01em}.hd15 p{margin:2px 0 0;color:var(--mut14)}
.cn15{font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:99px;background:var(--soft14);color:var(--mut14)}.cn15.on{background:#DCFCE7;color:#166534}html.dark .cn15.on{background:#12301F;color:#86EFAC}
.st15{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.st15 button{--c:#14171F;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;text-align:left;border:1.5px solid var(--ln14);background:var(--sf14);color:var(--ink14);border-radius:16px;padding:10px 12px;font:inherit;cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s;box-shadow:var(--sh14)}
.st15 button:hover{transform:translateY(-1px)}.st15 button b{font-size:22px;color:var(--c);line-height:1.1}.st15 button span{font-size:12px;font-weight:700;color:var(--mut14)}html.dark .st15 button b{filter:brightness(1.5)}
.st15 button.on{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent)}.st15 em{position:absolute;top:8px;right:8px;font-style:normal;font-size:11px;font-weight:800;background:#FEF3C7;color:#92400E;border-radius:99px;padding:1px 7px}
.fb15{position:sticky;top:0;z-index:6;display:flex;flex-direction:column;gap:8px;padding:10px;margin:0 -10px;background:color-mix(in srgb,var(--bg14,#F5F6F8) 88%,transparent);backdrop-filter:blur(10px)}
.dt15{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;align-items:center}.dt15::-webkit-scrollbar{display:none}
.dt15>button{flex:none;height:36px;border:1.5px solid var(--ln14);background:var(--sf14);color:var(--ink14);border-radius:99px;padding:0 14px;font:inherit;font-weight:600;font-size:13.5px;cursor:pointer}.dt15>button.on{background:var(--ink14);color:var(--sf14);border-color:var(--ink14)}
html.dark .dt15>button.on{background:var(--g14);border-color:var(--g14);color:#14171F}
.cr15{display:flex;align-items:center;gap:6px;flex:none}.cr15 .in14{min-height:36px;padding:4px 10px;font-size:14px;width:auto}.cr15 i{font-style:normal;color:var(--mut14)}
.tl15{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.se14.sm{height:42px;flex:1 1 240px;border-radius:12px}.se14.sm input{font-size:15px}
.sg15{display:flex;background:var(--soft14);border-radius:12px;padding:3px}.sg15 button{height:36px;border:0;background:none;font:inherit;font-weight:700;font-size:13px;color:var(--mut14);padding:0 12px;border-radius:9px;cursor:pointer}.sg15 button.on{background:var(--sf14);color:var(--ink14);box-shadow:0 1px 4px #0000001a}
.so15{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--mut14)}.so15 .in14{min-height:42px;padding:6px 34px 6px 10px;font-size:14px;width:auto;border-radius:12px}
.fl16{height:42px;border:1.5px solid var(--ln14);background:var(--sf14);color:var(--ink14);border-radius:12px;font:inherit;font-weight:700;font-size:13.5px;padding:0 12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.fl16.on{border-color:var(--g14);background:#D4A01714}.fl16 em{font-style:normal;background:var(--g14);color:#14171F;border-radius:99px;padding:0 7px;font-size:12px}
.uf15{min-height:42px}
.rl15{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ru15{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:99px;padding:5px 8px 5px 11px;font:inherit;font-size:12.5px;cursor:pointer}.ru15 i{font-style:normal;opacity:.6;margin-left:2px}
.ru15.in{background:#DCFCE7;color:#166534}.ru15.ex{background:#FEE2E2;color:#991B1B}html.dark .ru15.in{background:#12301F;color:#86EFAC}html.dark .ru15.ex{background:#3B1414;color:#FCA5A5}
.sm15{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px;color:var(--mut14)}.sm15 b{color:var(--ink14)}.u15{color:#B45309!important}
.pk15{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.pk15 button{border:0;background:var(--soft14);color:var(--ink14);border-radius:99px;padding:5px 11px;font:inherit;font-weight:700;font-size:12.5px;cursor:pointer}.pk15 button:hover{background:var(--ln14)}
.ol15{display:flex;flex-direction:column;gap:8px;transition:opacity .15s}.ol15.ld{opacity:.45;pointer-events:none}
.oq15{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--sf14);border:1.5px solid var(--ln14);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:pan-y;transition:transform .25s,opacity .25s,border-color .12s,background .12s,box-shadow .12s;content-visibility:auto;contain-intrinsic-size:auto 86px}
.oq15:hover{border-color:#C9CED8}.oq15:focus-visible{outline:2px solid var(--g14);outline-offset:2px}
.oq15.urg{border-left:5px solid #F59E0B;padding-left:10px}.oq15.sel{border-color:#2563EB;background:#EFF6FF;box-shadow:0 0 0 3px #2563EB22}html.dark .oq15.sel{background:#0F1E36}
.ck15{width:24px;height:24px;border-radius:8px;border:2px solid var(--ln14);display:grid;place-items:center;transition:all .12s;flex:none}.oq15.sel .ck15{background:#2563EB;border-color:#2563EB}.oq15.sel .ck15::after{content:'✓';color:#fff;font-weight:900;font-size:14px}
.om15{display:flex;flex-direction:column;gap:2px;min-width:0}.om15 b{font-size:15px}.om15>span{font-size:13.5px}.om15 small{color:var(--mut14);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ub15{font-style:normal;font-size:11.5px;font-weight:800;background:#FEF3C7;color:#92400E;border-radius:99px;padding:1px 8px;margin-left:4px}
.hr15,.wy15{font-style:normal;font-size:12px;font-weight:600;border-radius:8px;padding:3px 8px;align-self:flex-start;margin-top:2px}.hr15{background:#F1F5F9;color:#334155}.wy15{background:#FEF2F2;color:#991B1B}html.dark .hr15{background:#1E222B;color:#CBD5E1}html.dark .wy15{background:#2E1212;color:#FCA5A5}
.tg15{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.tg15 i{font-style:normal;font-size:11px;font-weight:700;background:#EDE9FE;color:#5B21B6;border-radius:6px;padding:1px 6px}html.dark .tg15 i{background:#2A2046;color:#C4B5FD}
.or15{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}.or15 b{font-size:16px}.or15 small{font-size:11.5px;color:var(--mut14)}
.oq15.yes{border-color:#F59E0B;background:#FFFBEB}.oq15.yes .sy14{opacity:1;background:#F59E0B}.oq15.no{border-color:#64748B;background:#F1F5F9}.oq15.no .sn14{opacity:1;background:#64748B}
html.dark .oq15.yes{background:#2B2410}html.dark .oq15.no{background:#1E222B}
.gs15{text-align:center}
.ab15{position:sticky;bottom:14px;z-index:40;display:none;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border-radius:20px;background:var(--sf14);border:1px solid var(--ln14);box-shadow:0 18px 50px #0000002e}
.ab15.on{display:flex;animation:ab15 .28s cubic-bezier(.2,.9,.3,1.2)}@keyframes ab15{from{transform:translateY(30px);opacity:0}}.bi15{display:flex;flex-direction:column;line-height:1.25;min-width:110px}.bi15 span{font-size:12px;color:var(--mut14)}
.bb15{display:flex;gap:6px;flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center}.bb15 .bk14.sm{height:40px;padding:0 12px;font-size:13.5px;border-radius:12px}.bb15 .x14{margin:0}
.fx15{display:flex;flex-direction:column;gap:6px;max-height:52vh;overflow:auto}.fi15{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;text-align:left;border:1.5px solid var(--ln14);background:var(--sf14);color:var(--ink14);border-radius:12px;padding:9px 12px;font:inherit;font-size:14px;cursor:pointer;transition:all .12s}
.fi15 i{width:24px;height:24px;border-radius:7px;border:2px solid var(--ln14);display:grid;place-items:center;font-style:normal;font-weight:900;font-size:13px}.fi15 em{font-style:normal;font-size:12px;font-weight:700;color:var(--mut14);background:var(--soft14);border-radius:99px;padding:1px 8px}
.fi15.in{border-color:#16A34A;background:#F0FDF4}.fi15.in i{background:#16A34A;border-color:#16A34A;color:#fff}.fi15.ex{border-color:#DC2626;background:#FEF2F2}.fi15.ex i{background:#DC2626;border-color:#DC2626;color:#fff}.fi15.ex span{text-decoration:line-through;opacity:.8}
html.dark .fi15.in{background:#10291A}html.dark .fi15.ex{background:#2E1212}
.tb14.sm{position:static}.tb14.sm button{height:38px;font-size:13px}
.hl15{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.hl15 button{display:flex;align-items:center;gap:10px;text-align:left;border:1.5px solid var(--ln14);background:var(--sf14);color:var(--ink14);border-radius:14px;padding:12px;font:inherit;font-weight:600;font-size:14px;cursor:pointer}.hl15 button span{font-size:22px}.hl15 button.on{border-color:#64748B;background:#F1F5F9;box-shadow:0 0 0 3px #64748B26}html.dark .hl15 button.on{background:#1E222B}
.cp15{font-family:ui-monospace,Menlo,monospace;font-size:14px;min-height:140px}
.mb15{border-top:1px solid var(--ln14);padding-top:6px}
.pr15{height:6px;border-radius:9px;background:var(--soft14);overflow:hidden}.pr15 i{display:block;height:100%;width:40%;border-radius:9px;background:linear-gradient(90deg,#D4A017,#16A34A);animation:pr15 1.1s ease-in-out infinite}@keyframes pr15{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}
.rs15{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:40vh;overflow:auto}.rs15 li{display:flex;gap:10px;padding:8px 10px;border-radius:10px;font-size:13.5px}.rs15 li.g{background:#F0FDF4}.rs15 li.r{background:#FEF2F2}.rs15 span{color:var(--mut14)}html.dark .rs15 li.g{background:#10291A}html.dark .rs15 li.r{background:#2E1212}
@media (max-width:760px){
  .st15{grid-template-columns:repeat(3,minmax(0,1fr))}.st15 button b{font-size:19px}
  .oq15{grid-template-columns:auto 1fr;gap:4px 10px}.or15{grid-column:2;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;text-align:left}
  .ab15{bottom:calc(80px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;padding:10px;gap:8px}.bb15{justify-content:stretch;gap:6px}.bb15>button:not(.x14){flex:1 1 30%;height:38px!important;font-size:12.5px!important;padding:0 8px!important}.bb15 .go14.sm{min-width:100%}
  .bb15 .x14{position:absolute;top:6px;right:6px;width:30px;height:30px;font-size:13px}.bi15{flex-direction:row;gap:8px;align-items:baseline;padding-right:34px}
  .so15 span{display:none}.sg15{flex:1}.sg15 button{flex:1}
}
@media (prefers-reduced-motion:reduce){.sq15 *,.ab15{animation:none!important;transition:none!important}}
/* selection + one-click copy */
.ma15{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:400;color:var(--mut14)}.ma15 input{position:absolute;opacity:0;width:1px;height:1px}
.ma15 input:checked+.ck15{background:#2563EB;border-color:#2563EB}.ma15 input:checked+.ck15::after{content:'✓';color:#fff;font-weight:900;font-size:14px}
.ma15 input:indeterminate+.ck15{background:#2563EB;border-color:#2563EB}.ma15 input:indeterminate+.ck15::after{content:'–';color:#fff;font-weight:900;font-size:16px;line-height:1}
.ma15 input:focus-visible+.ck15{outline:2px solid var(--g14);outline-offset:2px}
.pk15 .ca15{background:var(--ink14);color:var(--sf14)}.pk15 .ca15:hover{background:var(--ink14);opacity:.9}html.dark .pk15 .ca15{background:var(--g14);color:#14171F}
.cg15{display:inline-flex;align-items:stretch}.cg15 .go14{border-radius:12px 0 0 12px}.cf15{border:0;border-left:1px solid #0000001f;background:var(--g14);border-radius:0 12px 12px 0;padding:0 10px;cursor:pointer;font-size:14px;box-shadow:0 6px 16px #D4A01740}
.go14.done15,.ca15.done15{background:#16A34A!important;color:#fff!important;box-shadow:0 6px 16px #16A34A40}
.mo15{height:46px;border:1.5px dashed var(--ln14);background:transparent;color:var(--mut14);border-radius:14px;font:inherit;font-weight:700;cursor:pointer}.mo15:hover{border-color:var(--g14);color:var(--ink14)}
@media (max-width:760px){.cg15{flex:1 1 100%}.cg15 .go14{flex:1}}
.sx15{display:contents}.mx15{display:none!important}
@media (max-width:1180px){.mx15{display:inline-flex!important}.sx15{display:none}.sx15.on{display:flex;flex-wrap:wrap;gap:6px;flex-basis:100%;justify-content:flex-end}}
@media (max-width:760px){.sx15.on{justify-content:stretch}.sx15.on>button{flex:1 1 30%;height:38px;font-size:12.5px;padding:0 8px}}
@media (max-width:760px){.cg15 .go14.sm{min-width:0!important;flex:1}.cg15 .cf15{flex:none;width:44px}.fb15{position:static;margin:0;padding:0;background:none;backdrop-filter:none}}

/* v16.css */
/* v16: Label Studio + Print files */
.ls16{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:14px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink14);padding-bottom:30px}
.zz16{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dz16{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;min-height:170px;padding:18px;border:2px dashed var(--ln14);border-radius:20px;background:var(--sf14);cursor:pointer;transition:border-color .15s,background .15s,transform .12s}
.dz16:hover,.dz16.ov{border-color:var(--g14);background:#D4A0170d}.dz16.ov{transform:scale(1.01)}.dz16.has{border-style:solid;border-color:#86D19F;background:#F0FDF4;align-items:stretch;text-align:left}html.dark .dz16.has{background:#10291A}
.di16{font-size:34px;line-height:1}.dz16.has .di16{font-size:24px}.dz16 b{font-size:15.5px}.dz16 b small{font-weight:500;color:var(--mut14)}.dz16>small{color:var(--mut14);font-size:12.5px}.dh16{margin-top:6px;font-size:12.5px;font-weight:700;color:#B07D0A}
.dz16 ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.dz16 li{display:flex;align-items:center;gap:8px;background:var(--sf14);border:1px solid var(--ln14);border-radius:10px;padding:6px 8px;font-size:13px}.dz16 li span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dz16 li em{font-style:normal;color:var(--mut14);font-size:12px}.x14.sm{width:26px;height:26px;margin:0;font-size:11px}
.op16{gap:14px}.og16{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}.sw16{display:flex;flex-direction:column;gap:4px}.sw16 small{display:block;color:var(--mut14);font-size:12px;font-weight:500}
.big16{height:60px;font-size:17px;border-radius:18px;width:100%}.big16:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.sp16{width:18px;height:18px;border:3px solid #14171F44;border-top-color:#14171F;border-radius:50%;animation:sp .8s linear infinite;display:inline-block}
.pb16{height:10px;border-radius:9px;background:var(--soft14);overflow:hidden;margin-top:4px}.pb16 i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#D4A017,#16A34A);transition:width .5s ease}
.rz16{gap:12px;animation:up14 .35s ease both}.rh16{display:flex;align-items:center;gap:12px}.rh16 h3{font-size:19px}.rh16 p{margin:2px 0 0;color:var(--mut14)}
.ch16{display:flex;flex-wrap:wrap;gap:6px}.ac16{display:flex;gap:8px;flex-wrap:wrap}.ac16 a{text-decoration:none}.ac16 .bk14{display:inline-flex;align-items:center}
.gr16{background:#16A34A;color:#fff;box-shadow:0 6px 16px #16A34A40}.gr16:disabled{background:#86D19F;cursor:default;transform:none}
.tb16{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.tb16 th,.tb16 td{padding:9px 10px;border-bottom:1px solid var(--ln14);text-align:left;white-space:nowrap}.tb16 th{position:sticky;top:0;background:var(--sf14);font-size:12px;color:var(--mut14)}
.tb16 td:nth-child(6),.tb16 td:nth-child(9){white-space:normal;min-width:160px}.tb16 tr.w16 td{background:#FFFBEB}html.dark .tb16 tr.w16 td{background:#2B2410}.cd16{color:#C2410C}
.dg16{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start}.df16 fieldset{border:0;border-top:1px solid var(--ln14);margin:0;padding:12px 0 4px;display:flex;flex-direction:column;gap:10px}.df16 fieldset:first-child{border-top:0;padding-top:0}.df16 legend{font-weight:800;font-size:14.5px;padding:0 0 6px}
.lg16{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lg16 .bk14{display:inline-flex;align-items:center;cursor:pointer}
.pv16{position:sticky;top:12px;display:flex;flex-direction:column;gap:8px}.pf16{background:var(--sf14);border:1px solid var(--ln14);border-radius:18px;padding:10px;box-shadow:var(--sh14)}.pf16 iframe{width:100%;aspect-ratio:2/3;border:0;border-radius:10px;background:#fff;display:block}
.bl16{display:flex;flex-direction:column;gap:10px}.bt16{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px;border-radius:18px;background:var(--sf14);border:1px solid var(--ln14);box-shadow:var(--sh14)}
.bt16.sent{border-color:#93C5FD;box-shadow:0 0 0 3px #2563EB18}.bn16{display:flex;flex-direction:column;align-items:center;min-width:64px;padding:8px;border-radius:14px;background:var(--soft14)}.bn16 b{font-size:18px}.bn16 small{font-size:11px;color:var(--mut14);text-align:center}
.bm16{display:flex;flex-direction:column;gap:4px;min-width:0}.bm16 small{color:var(--mut14);font-size:12.5px}.ba16{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.ba16 a{text-decoration:none;display:inline-flex;align-items:center}
.nw16,.nf16{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:linear-gradient(90deg,#EFF6FF,#DBEAFE);border:1px solid #93C5FD;color:#1E3A8A}.nw16 small,.nf16 small{display:block;color:#1E40AF}
html.dark .nw16,html.dark .nf16{background:#0F1E36;border-color:#1E3A6A;color:#BFDBFE}html.dark .nw16 small,html.dark .nf16 small{color:#93C5FD}
.nf16{text-decoration:none;margin-bottom:12px;animation:up14 .35s ease both}.nf16>span{font-size:28px}.nf16>div{flex:1}.nf16 em{font-style:normal;font-weight:800}
@media (max-width:900px){.dg16{grid-template-columns:1fr}.pv16{position:static;order:-1}.pf16 iframe{max-height:60vh}}
@media (max-width:640px){.zz16{grid-template-columns:1fr}.og16{grid-template-columns:1fr}.bt16{grid-template-columns:auto 1fr}.ba16{grid-column:1/-1;justify-content:stretch}.ba16>*{flex:1;justify-content:center}}
.lo16{margin:0;padding:10px 12px;border-radius:12px;background:var(--soft14);font-size:13px;line-height:1.5}

/* v17.css */
/* v17: the dispatch flow — five steps */
.fs17{display:flex;align-items:stretch;gap:0;margin:0 auto 14px;max-width:min(1180px,100%);width:100%;min-width:0;box-sizing:border-box;padding:10px;border-radius:20px;background:var(--sf14,#fff);border:1px solid var(--ln14,#E6E8EC);box-shadow:var(--sh14);overflow-x:auto;scrollbar-width:none;font-family:'Plus Jakarta Sans',system-ui,sans-serif;animation:up14 .3s ease both}
.fs17::-webkit-scrollbar{display:none}
.st17{flex:1 1 0;min-width:124px;display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:14px;color:var(--ink14,#14171F)!important;text-decoration:none;transition:background .15s,transform .12s}
.st17:hover{background:var(--soft14,#F1F3F6)}.st17:active{transform:scale(.98)}
.nb17{position:relative;flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--soft14,#F1F3F6);color:var(--mut14,#5B6475);transition:all .2s}
.nb17 i{position:absolute;top:-6px;right:-6px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800;background:var(--sf14,#fff);color:var(--mut14,#5B6475);box-shadow:0 0 0 1.5px var(--ln14,#E6E8EC)}
.tx17{display:flex;flex-direction:column;min-width:0;line-height:1.25}.tx17 b{font-size:14px}.tx17 small{font-size:11.5px;color:var(--mut14,#5B6475)}
.tx17 em{font-style:normal;font-size:11.5px;font-weight:600;color:#1D4ED8;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx17 em strong{font-size:13px}.tx17 em.z{color:var(--mut14,#5B6475);font-weight:500}
.ln17{flex:0 0 10px;align-self:center;height:2px;background:repeating-linear-gradient(90deg,var(--ln14,#E6E8EC) 0 5px,transparent 5px 9px)}
.st17.team .nb17{background:#D4A01722;color:#8A6508}
.st17.on{background:linear-gradient(135deg,#14171F,#2A2F3D);color:#fff!important;box-shadow:0 8px 20px #14171f33}.st17.on .tx17 small{color:#C9CED8}.st17.on .tx17 em{color:#FCD34D}.st17.on .tx17 em.z{color:#C9CED8}
.st17.on .nb17{background:var(--g14,#D4A017);color:#14171F}.st17.on .nb17 i{background:#14171F;color:#fff;box-shadow:0 0 0 1.5px #D4A017}
html.dark .st17.on{background:linear-gradient(135deg,#D4A017,#B8860B);color:#14171F!important}html.dark .st17.on .tx17 small,html.dark .st17.on .tx17 em{color:#2A2F3D}html.dark .st17.on .nb17{background:#14171F;color:#D4A017}html.dark .tx17 em{color:#93C5FD}
@media (max-width:760px){.fs17{padding:6px;border-radius:16px;margin-bottom:10px}.st17{min-width:118px;padding:8px;gap:8px}.nb17{width:34px;height:34px;border-radius:11px}.nb17 svg{width:17px;height:17px}.tx17 small{display:none}.tx17 b{font-size:13px}.ln17{flex-basis:8px}}
@media (prefers-reduced-motion:reduce){.fs17{animation:none}}
@media (max-width:1280px){.tx17 small{display:none}}
@media (max-width:1100px){.tx17 em{white-space:normal;overflow:visible}.st17{min-width:112px}.tx17 b{white-space:nowrap}}

/* v18.css */
/* v18: shared fixes */
.sn18{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:9999;display:flex;align-items:center;gap:10px;max-width:min(560px,calc(100vw - 24px));padding:10px 10px 10px 16px;border-radius:14px;background:#14171F;color:#fff;font:600 14px/1.35 'Plus Jakarta Sans',system-ui,sans-serif;box-shadow:0 12px 30px #0005;animation:sn18 .25s ease}
.sn18 span{flex:1}.sn18 button{border:0;border-radius:10px;padding:8px 12px;font:inherit;cursor:pointer;background:#D4A017;color:#14171F;font-weight:800}.sn18 .x{background:transparent;color:#C9CED8;padding:6px 8px}
@keyframes sn18{from{opacity:0;transform:translate(-50%,10px)}}@media (max-width:760px){.sn18{bottom:84px}}
.btn.more{width:100%;margin-top:10px;height:44px;border-style:dashed}
.pend18{opacity:.55;pointer-events:none;position:relative}.pend18::after{content:'Saving…';position:absolute;top:8px;right:10px;font-size:11px;font-weight:700;color:var(--muted)}
.pend18t{opacity:.6;transition:opacity .2s}

/* v19.css */
/* v19: phone navigation — top bar (☰ · title · 🔔), drawer menu with labels, 5-item bottom bar */
.tb19,.scr19,.dm19{display:none}
@media (max-width:760px){
  .tb19{display:flex;align-items:center;gap:6px;position:sticky;top:0;z-index:55;height:56px;padding:0 6px;padding-top:env(safe-area-inset-top);background:var(--surface);border-bottom:1px solid var(--line);box-sizing:content-box}
  .tb19 b{flex:1;min-width:0;font-size:16.5px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;color:var(--ink)}
  .ib19{position:relative;width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:0;border-radius:12px;background:transparent;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,transform .1s}
  .ib19:active{transform:scale(.94);background:var(--line)}.ib19:focus-visible,.mb19 a:focus-visible,.mb19 button:focus-visible,.dm19:focus-visible,.ni19:focus-visible{outline:3px solid #D4A017;outline-offset:2px}
  .ib19 em{position:absolute;top:6px;right:5px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#DC2626;color:#fff;font:700 11px/18px system-ui,sans-serif;font-style:normal;box-sizing:border-box;border:2px solid var(--surface)}
  /* the top bar already has the bell, so the Home header does not repeat it; the search box stays */
  .h6-bell{display:none!important}#main .home6{margin-top:0}
  /* drawer */
  .scr19:not([hidden]){display:block;position:fixed;inset:0;z-index:59;background:#0008;animation:fd19 .2s ease both}
  .rail{inset:0 auto 0 0!important;width:min(86vw,340px)!important;transition:transform .26s cubic-bezier(.2,.8,.2,1)!important;box-sizing:border-box}body.railopen .rail{box-shadow:0 0 40px #0005!important}
  .rail nav a{display:flex!important;align-items:center;gap:12px;min-height:48px;padding:10px 12px!important;border-radius:12px;font-size:15px;font-weight:600}
  .rail nav a svg{flex:0 0 22px;width:22px;height:22px}
  .rail #topx{display:none!important}
  .rail .me{order:2;align-self:stretch!important;margin:auto 0 0!important;width:auto!important}.dm19{order:2;flex:0 0 auto;display:flex!important;flex-direction:row!important;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 12px;margin:6px 0;border:1px solid #ffffff22;border-radius:12px;background:transparent;color:inherit;font-family:inherit;font-weight:600;font-size:15px;line-height:1.2;cursor:pointer;text-align:left}
  .dm19 span{flex:1}.tg19{display:block;flex:0 0 40px;width:40px;height:24px;border-radius:12px;background:#ffffff33;position:relative;transition:background .2s}.tg19::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}
  .dm19[aria-checked="true"] .tg19{background:#16A34A}.dm19[aria-checked="true"] .tg19::after{transform:translateX(16px)}
  /* bottom bar: 5 items, 44px+ targets, raised "New" */
  .mb19{align-items:end}
  .mb19 a,.mb19 button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border:0;background:transparent;color:var(--muted);font-family:inherit;font-weight:600;font-size:11.5px;line-height:1.2;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .mb19 a.on{color:var(--ink)}.mb19 a.on svg{background:#FFF0C2;border-radius:10px;padding:3px 10px;box-sizing:content-box}html.dark .mb19 a.on svg{background:#3A2F0B}
  .mb19 .pr19 i{display:grid;place-items:center;width:48px;height:30px;border-radius:11px;background:#D4A017;color:#14171F;box-shadow:0 4px 12px #D4A01755;transition:transform .12s}.mb19 .pr19:active i{transform:scale(.92)}.mb19 .pr19{color:var(--ink)}
}
/* "Create new" choices */
.nw19{display:flex;flex-direction:column;gap:10px}
.ni19{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);cursor:pointer;text-align:left;font:inherit;transition:border-color .15s,transform .1s}
.ni19:hover{border-color:#D4A017}.ni19:active{transform:scale(.99)}.ni19 svg{flex:0 0 24px;color:#B07D0A}.ni19 b{display:block;font-size:15px}.ni19 small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
body.tv7on .tb19{display:none!important}
@keyframes fd19{from{opacity:0}}
/* "?" team-notes button: the button is a 44px tap area, the visible circle stays small */
.hlp{width:44px!important;height:44px!important;padding:0;border:0!important;background:transparent!important;border-radius:12px;display:grid;place-items:center;margin:-6px -6px 0 auto;position:relative;z-index:2;color:var(--muted)}
.hlp>span{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;font-weight:700;font-size:15px;line-height:1;transition:border-color .15s,color .15s}
.hlp:hover>span{color:var(--ink);border-color:#D4A017}.hlp:focus-visible{outline:3px solid #D4A017;outline-offset:-2px}
@media (max-width:760px){.hlp{position:absolute!important;top:-6px;right:-6px;margin:0}}

/* v20.css */
/* v20 · type + owner Home redesign
   Font: Geist everywhere (was Inter in the frame, Plus Jakarta Sans in newer screens). Label previews keep their own print fonts. */
:root,body,.home6,.lab6,.p9,.tv7,dialog.sh14,.sh11,.more8,.cd10,.cv10,.fs17,.sq15,.ls16,.rv12,.p14,button,input,select,textarea{font-family:'Geist',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
code,pre,kbd,.cp15{font-family:'Geist Mono',ui-monospace,Menlo,monospace}

/* one palette for Home: cool neutrals + one gold accent; red only for "late / bad" */
.h20{--i20:#14171F;--m20:#5B6271;--l20:#E3E6EB;--s20:#FFFFFF;--k20:#F0F2F5;--g20:#D4A017;--gd20:#7A5A0C;--r20:#B42318;
  max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:22px;color:var(--i20);padding-bottom:24px}
html.dark .h20{--i20:#E8EAEE;--m20:#9AA1AE;--l20:#2A2F3A;--s20:#171A21;--k20:#1E222B;--g20:#D4A017;--gd20:#E9C25A;--r20:#F97066}

/* greeting: quiet, so the numbers come first */
.hd20{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;justify-content:space-between}
.hd20 h1{margin:0;font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.02em}
.hd20 p{margin:4px 0 0;color:var(--m20);font-size:14px}
.ln20{color:var(--gd20);font-weight:600;font-size:14px;text-decoration:none;padding:10px 4px}
.sr20{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--l20);border-radius:10px;background:var(--s20);color:var(--m20);font-size:14px;cursor:pointer;width:100%;transition:border-color .15s,transform .12s}
.sr20:hover{border-color:var(--g20)}.sr20:active{transform:scale(.99)}

.gr20{display:grid;grid-template-columns:1fr;gap:22px;align-items:start}
.cl20{display:flex;flex-direction:column;gap:22px;min-width:0}

/* the one card: what needs the owner now */
.fc20{background:var(--s20);border:1px solid var(--l20);border-radius:14px;padding:22px;box-shadow:0 1px 2px #14171F0d,0 8px 24px -12px #14171F1f;position:relative;overflow:hidden}
.fc20::before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:var(--g20)}
.ey20{margin:0;color:var(--gd20);font-size:13px;font-weight:600}
.fc20 h2{margin:6px 0 2px;font-size:30px;line-height:1.15;font-weight:650;letter-spacing:-.025em}
.mu20{margin:0 0 16px;color:var(--m20);font-size:15px}
.bt20{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border:0;border-radius:10px;background:var(--g20);color:#14171F;font-weight:600;font-size:15px;text-decoration:none;cursor:pointer;transition:transform .12s,box-shadow .2s,background .2s}
.bt20:hover{box-shadow:0 6px 16px -6px #D4A01780}.bt20:active{transform:translateY(1px) scale(.99)}
.bt20.ln{background:transparent;border:1px solid var(--l20);color:var(--i20);width:100%}.bt20.ln:hover{border-color:var(--g20);box-shadow:none}
.bt20:focus-visible,.sr20:focus-visible,.td20:focus-visible,.al20:focus-visible,.fg20 a:focus-visible{outline:3px solid var(--g20);outline-offset:2px}

/* numbers ranked: sales is the headline, the rest a quiet strip */
.fg20{display:flex;flex-direction:column;gap:16px}
.fg20 a{color:inherit;text-decoration:none;border-radius:10px;transition:background .15s}.fg20 a:hover{background:var(--k20)}
.fg20 span{display:block;color:var(--m20);font-size:13px;font-weight:500}
.fg20 small{display:block;color:var(--m20);font-size:13px;margin-top:2px}
.hero20{padding:6px 8px}.hero20 b{display:block;font-size:44px;line-height:1.05;font-weight:650;letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin-top:4px}
.sm20{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--l20);padding-top:14px}
.sm20 a{padding:6px 10px;min-width:0;border-radius:0;position:relative}.sm20 a+a::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:1px;background:var(--l20)}
.sm20 b{display:block;font-size:22px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm20 .bad20 b,.sm20 .bad20 small{color:var(--r20)}

/* updates + to-do: rows with hairlines, no extra cards */
.als20,.tds20{display:flex;flex-direction:column}
.tds20 h3{margin:0 0 6px;font-size:15px;font-weight:600}
.al20,.td20{display:grid;grid-template-columns:22px 1fr auto 16px;align-items:center;gap:12px;min-height:52px;padding:10px 6px;color:inherit;text-decoration:none;border-bottom:1px solid var(--l20);border-radius:0;transition:background .15s}
.al20{grid-template-columns:22px 1fr 18px}.al20:first-child,.tds20 h3+.td20{border-top:1px solid var(--l20)}
.al20:hover,.td20:hover{background:var(--k20)}
.al20>svg:first-child,.td20>svg:first-child{color:var(--gd20)}
.al20 b{display:block;font-size:15px;font-weight:600}.al20 small{display:block;color:var(--m20);font-size:13px;margin-top:2px}
.td20 span{font-size:15px}.td20 small{color:var(--m20);font-size:13px}.td20 small.wa20{color:var(--r20);font-weight:600}
.al20>svg:last-child,.td20>svg:last-child{color:var(--m20)}

.er20{background:var(--s20);border:1px solid var(--l20);border-radius:14px;padding:22px}.er20 p{color:var(--m20)}

/* loading: shapes of the real layout */
.sk20 .b{display:block;background:linear-gradient(90deg,var(--k20) 0,var(--l20) 50%,var(--k20) 100%);background-size:200% 100%;border-radius:10px;animation:sh20 1.2s ease-in-out infinite}
.sk20 .hd20{flex-direction:column;align-items:flex-start;gap:8px}.sk20 .w40{width:40%;height:26px}.sk20 .w25{width:25%;height:14px}
.sk20 .card{height:170px;border-radius:14px}.sk20 .big{height:70px;width:60%}.sk20 .fg20{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sk20 .fg20 .b{height:56px}.sk20 .row{height:52px}
@keyframes sh20{from{background-position:100% 0}to{background-position:-100% 0}}

/* entry: sections rise in one after another */
.rv20{animation:up20 .45s cubic-bezier(.2,.8,.2,1) both}
.gr20 .cl20:first-child .rv20:nth-child(1){animation-delay:.04s}.gr20 .cl20:first-child .rv20:nth-child(2){animation-delay:.1s}
.gr20 .cl20:last-child .rv20:nth-child(1){animation-delay:.14s}.gr20 .cl20:last-child .rv20:nth-child(2){animation-delay:.18s}.gr20 .cl20:last-child .rv20:nth-child(3){animation-delay:.22s}
@keyframes up20{from{opacity:0;transform:translateY(8px)}}
@media (prefers-reduced-motion:reduce){.rv20,.sk20 .b{animation:none!important}}

@media (min-width:760px){.sr20{width:300px}.hd20 h1{font-size:28px}}
@media (min-width:1024px){.gr20{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:32px}.hero20 b{font-size:52px}.fc20 h2{font-size:34px}}
@media (max-width:420px){.sm20 b{font-size:19px}.sm20 a{padding:6px 8px}.hero20 b{font-size:40px}}
/* dark mode: the app's general link colour (html.dark #main a) must not recolour Home */
html.dark #main .h20 a:not(.bt20),html.dark #main .h20 a:not(.bt20) b,html.dark #main .h20 a:not(.bt20) span{color:var(--i20)}html.dark #main .h20 a.bt20:not(.ln){color:#14171F}html.dark #main .h20 a.bt20.ln{color:var(--i20)}html.dark #main .h20 a.ln20{color:var(--gd20)}
html.dark #main .h20 .fg20 small,html.dark #main .h20 .fg20 span,html.dark #main .h20 .al20 small,html.dark #main .h20 .td20 small{color:var(--m20)}
html.dark #main .h20 .sm20 .bad20 b,html.dark #main .h20 .sm20 .bad20 small,html.dark #main .h20 .td20 small.wa20{color:var(--r20)}

/* ===== every other role's Home (support, warehouse, shipping, HR, accounts, staff) in the same language as the owner Home =====
   logic, links, Hindi toggle and handover buttons are unchanged: only the look */
.home6{--i20:#14171F;--m20:#5B6271;--l20:#E3E6EB;--s20:#FFFFFF;--k20:#F0F2F5;--g20:#D4A017;--gd20:#7A5A0C;--r20:#B42318;max-width:1180px;color:var(--i20)}
html.dark .home6{--i20:#E8EAEE;--m20:#9AA1AE;--l20:#2A2F3A;--s20:#171A21;--k20:#1E222B;--gd20:#E9C25A;--r20:#F97066}
/* greeting: light, no dark banner, no initials badge, bell lives in the top bar */
#main .home6 .h6{background:transparent;color:var(--i20);border-radius:0;padding:0 0 4px;gap:14px}
#main .home6 .h6-av,#main .home6 .h6-bell{display:none!important}
#main .home6 .h6-t small{color:var(--m20);font-size:14px;order:2;margin-top:4px}#main .home6 .h6-t b{font-size:24px;font-weight:600;letter-spacing:-.02em;order:1}
#main .home6 .h6-ci,#main .home6 .lg8{height:40px;border-radius:10px;background:transparent;border:1px solid var(--l20);color:var(--i20)!important;font-weight:600}
#main .home6 .h6-ci{border-color:var(--g20);color:var(--gd20)!important}
#main .home6 .h6-s,#main .home6 .h6-in{height:46px;border-radius:10px;background:var(--s20);border:1px solid var(--l20);color:var(--m20)}
#main .home6 .h6-in input{color:var(--i20)}
#main .home6 .ring6{background:conic-gradient(var(--g20) calc(var(--p)*1%),var(--l20) 0);width:96px;height:96px}#main .home6 .ring6>div{background:var(--bg,#F4F5F7);width:78px;height:78px}
html.dark #main .home6 .ring6>div{background:#0F1218}
#main .home6 .h6-rt small{color:var(--m20)}#main .home6 .h6-rt b{font-size:18px;font-weight:600}
/* body: two columns on desktop, big actions and number strips span both */
#main .home6 .b6,#main .home6 .b6.up{margin-top:0;padding:8px 0 24px;display:grid;grid-template-columns:1fr;gap:18px;align-items:start}
@media (min-width:1024px){#main .home6 .b6{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}#main .home6 .b6>.big6,#main .home6 .b6>.g6,#main .home6 .b6>.now,#main .home6 .b6>.nf16,#main .home6 .b6>.kd13{grid-column:1/-1}#main .home6 .h6-t b{font-size:28px}}
/* one card style; lists use hairlines, no coloured dots */
#main .home6 .c6{border-radius:14px;border-color:var(--l20);background:var(--s20);box-shadow:none}
#main .home6 .k6{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;color:var(--gd20)}
#main .home6 .n6>b{font-size:34px;font-weight:650;letter-spacing:-.025em}
#main .home6 .r6 i{display:none}#main .home6 .r6{border-color:var(--l20)}#main .home6 .r6 small{color:var(--m20)}
#main .home6 .now{position:relative;overflow:hidden;box-shadow:0 1px 2px #14171F0d,0 8px 24px -12px #14171F1f}#main .home6 .now::before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:var(--g20)}
/* tiles become a quiet number strip */
#main .home6 .g6:has(> .t6){gap:0;border-top:1px solid var(--l20);border-bottom:1px solid var(--l20);padding:6px 0}
#main .home6 .t6{background:transparent;border:0;border-radius:0;padding:8px 12px;position:relative;transition:background .15s}#main .home6 .t6+.t6::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:1px;background:var(--l20)}
#main .home6 .t6:hover{background:var(--k20)}#main .home6 .t6 span{color:var(--m20);font-size:13px}#main .home6 .t6 b{font-size:24px;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
#main .home6 .t6.alert b,#main .home6 .t6.bad b{color:var(--r20)}#main .home6 .t6.ok b{color:inherit}
/* buttons: gold primary, outline secondary, 10px corners, press feedback */
#main .home6 .btn6{border-radius:10px;background:var(--g20);border-color:var(--g20);color:#14171F!important;font-weight:600;transition:transform .12s,box-shadow .2s}#main .home6 .btn6:active{transform:translateY(1px) scale(.99)}
#main .home6 .btn6.line,#main .home6 .btn6.green{background:transparent;border:1px solid var(--l20);color:var(--i20)!important}
#main .home6 .big6{border-radius:14px;min-height:88px;transition:transform .12s,box-shadow .2s}#main .home6 .big6:hover{box-shadow:0 8px 20px -10px #D4A01799}#main .home6 .big6:active{transform:scale(.99)}
/* courier pickup rows: neutral, no brand colour bars */
#main .home6 .pu8{border-radius:14px;border:1px solid var(--l20);border-left-width:1px;background:var(--s20)}#main .home6 .pu8 small{color:var(--m20)}#main .home6 .ar8{color:var(--m20)}
/* care rows, hints, kindness note, packing file banner: same row style, no gradients */
#main .home6 .k10{border-left:0;padding-left:16px!important}
#main .home6 .hint6,#main .home6 .kd13,#main .home6 .nf16{background:var(--s20);border:1px solid var(--l20);border-radius:14px;color:var(--i20)}
#main .home6 .hint6 span,#main .home6 .kd13 b,#main .home6 .nf16 b{color:var(--i20)}#main .home6 .hint6 small,#main .home6 .kd13 small,#main .home6 .nf16 small{color:var(--m20)}
#main .home6 .hint6>svg,#main .home6 .hint6 em{color:var(--gd20)}
#main .nf16{background:var(--s20,#fff);border:1px solid var(--l20,#E3E6EB);color:var(--i20,#14171F);border-radius:14px}
/* team goal / missions / badges / kudos: thin progress line, quiet badges */
#main .home6 .tg7{height:6px;background:var(--l20)}#main .home6 .tg7 i{background:var(--g20)}
#main .home6 .bg7{border-radius:10px;background:var(--k20)}#main .home6 .bg7.got{background:var(--s20);border:1px solid var(--g20)}
#main .home6 .mi7.ok b{color:inherit}#main .home6 .qn{border-radius:10px;background:var(--k20);color:var(--i20)}
#main .home6 .q6{border-radius:14px;border-color:var(--l20);background:var(--s20)}
/* entry motion for every Home */
#main .home6 .h6,#main .home6 .b6>*{animation:up20 .45s cubic-bezier(.2,.8,.2,1) both}
#main .home6 .b6>*:nth-child(2){animation-delay:.05s}#main .home6 .b6>*:nth-child(3){animation-delay:.1s}#main .home6 .b6>*:nth-child(4){animation-delay:.15s}#main .home6 .b6>*:nth-child(n+5){animation-delay:.2s}
@media (prefers-reduced-motion:reduce){#main .home6 *{animation:none!important}}
/* the old full-bleed dark header needed negative margins on phones; the light header keeps normal page gutters */
#main .home6{margin:0 auto!important}

/* v21.css */
/* v21 · portal-wide design rules (design-taste-frontend 7/5/4)
   one accent (gold) for links, selection and focus · red/green/amber only where they mean a state ·
   one corner rule: panels and cards 14px, buttons/inputs/segments 10px, chips pill, tiny tags 6-8px ·
   line icons instead of emoji · skeleton while loading · gentle entry and press feedback */
:root{--ac21:#D4A017;--acd21:#7A5A0C;--acs21:#FBF3DC}
html.dark{--acd21:#E9C25A;--acs21:#2B2410}

/* icons that replaced emoji */
.ei21{width:1.05em;height:1.05em;vertical-align:-.16em;flex:none;display:inline-block}
.et21{display:inline}

/* links, focus, selection: gold instead of blue */
a{color:var(--acd21)}
html.dark #main a:not(.btn):not(.li):not(.ni),html.dark dialog a:not(.btn):not(.ni){color:var(--acd21)}
.inp:focus{border-color:var(--ac21);box-shadow:0 0 0 3px #D4A01733}
:focus-visible{outline-color:var(--ac21)}
.row.sel,.bulk{background:var(--acs21)!important;border-color:#E9C25A!important}
.oq15.sel{border-color:var(--ac21)!important;box-shadow:0 0 0 2px #D4A01740!important;background:var(--acs21)!important}
.oq15.sel .ck15,.ma15 input:checked+.ck15,.ma15 input:indeterminate+.ck15,.sc:has(input:checked){background:var(--ac21)!important;border-color:var(--ac21)!important;color:#14171F!important}
.steps4 .on,.cst .on{border-color:var(--ac21)!important;background:var(--acs21)!important;color:inherit!important}.steps4 .on b{color:var(--acd21)!important}
.drop.over,.drop:hover,.act2:hover,.case:hover{border-color:var(--ac21)!important;background:var(--acs21)!important}
.linkbtn{color:var(--acd21)!important}.scan{background:var(--ac21)!important;color:#14171F!important;border-color:var(--ac21)!important}
.bars i{background:var(--ac21)!important}
.tx17 em,html.dark .tx17 em{color:var(--acd21)!important}
.bt16.sent{border-color:var(--ac21)!important;box-shadow:0 0 0 3px #D4A0171f!important}
/* info banners: neutral surface + gold edge (no blue gradient) */
.nw16,.nf16,.nt7{background:var(--surface,#fff)!important;border:1px solid var(--line,#E3E6EB)!important;border-left:4px solid var(--ac21)!important;color:var(--ink,#14171F)!important}
.nw16 small,.nf16 small,html.dark .nw16 small,html.dark .nf16 small{color:var(--muted,#5B6271)!important}
html.dark .nw16,html.dark .nf16,html.dark .nt7{background:#171A21!important;border-color:#2A2F3A!important;border-left-color:var(--ac21)!important;color:#E8EAEE!important}
/* calendar "holiday" marks: soft gold */
.wd14 .h i,.cal14 .h,.at14 td.h,.attg .h,.mcal .h{background:var(--acs21)!important;color:var(--acd21)!important}
.lg14 .h::before{background:var(--ac21)!important}

/* primary buttons: one style everywhere (gold, dark text), press feedback on all buttons */
.btn.pri,.go14,.btn6:not(.line):not(.green),.bk14.pri{background:var(--ac21)!important;border-color:var(--ac21)!important;color:#14171F!important;box-shadow:none!important}
.btn.pri:hover,.go14:hover{box-shadow:0 6px 16px -6px #D4A01780!important}
.btn,.go14,.bk14,.btn6,.chip,.c11,.mb19 a,.mb19 button{transition:transform .12s ease,box-shadow .2s ease,background-color .15s ease,border-color .15s ease}
.btn:active:not(:disabled),.go14:active:not(:disabled),.bk14:active:not(:disabled),.btn6:active,.chip:active,.c11:active{transform:translateY(1px) scale(.985)}

/* skeleton while a screen loads */
.sk21{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:14px;padding:4px 0 24px}
.sk21 i,.sk21 .g i{display:block;border-radius:10px;background:linear-gradient(90deg,#ECEEF1 0,#E2E5EA 50%,#ECEEF1 100%);background-size:200% 100%;animation:sh21 1.2s ease-in-out infinite}
html.dark .sk21 i{background:linear-gradient(90deg,#1E222B 0,#262B35 50%,#1E222B 100%);background-size:200% 100%}
.sk21 .t{height:28px;width:38%}.sk21 .s{height:14px;width:24%}.sk21 .g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sk21 .g i{height:84px;border-radius:14px}.sk21 .r{height:54px}
@keyframes sh21{from{background-position:100% 0}to{background-position:-100% 0}}
/* gentle rise when a new screen appears */
.in21{animation:in21 .38s cubic-bezier(.2,.8,.2,1) both}
@keyframes in21{from{opacity:0;transform:translateY(6px)}}
@media (prefers-reduced-motion:reduce){.sk21 i,.in21{animation:none!important}.btn:active,.go14:active,.bk14:active,.btn6:active,.chip:active,.c11:active{transform:none!important}}

/* one corner rule (generated from every older stylesheet: 16-26px panels → 14px, 9/11-13px controls → 10px) */
.lg-card{border-radius:14px}
.me{border-radius:10px}
.flow{border-radius:14px}
.fl{border-radius:10px}
.tabs .main{border-radius:14px}
.st{border-radius:10px}
.bulk{border-radius:10px}
.db section{border-radius:10px}
.col{border-radius:14px}
.tk{border-radius:10px}
.roles div{border-radius:10px}
.temp{border-radius:10px}
dialog{border-radius:14px}
#toast{border-radius:10px}
.errbox{border-radius:10px}
.act2{border-radius:10px}
.steps4 div{border-radius:10px}
.drop{border-radius:14px}
.camc video,.rvv{border-radius:10px}
.pki{border-radius:10px}
.cx{border-radius:14px}
.topx button{border-radius:10px}
.cd{border-radius:10px}
.load{border-radius:10px}
.load>i{border-radius:10px}
.c360{border-radius:10px}
.tbw{border-radius:10px}
.lbr{border-radius:10px}
.mehero{border-radius:14px}
.warnbar{border-radius:10px}
.h6{border-radius:14px}
.h6-bell{border-radius:10px}
.h6-s{border-radius:10px}
.h6-in{border-radius:10px}
.c6{border-radius:14px}
.btn6{border-radius:10px}
.big6{border-radius:14px}
.w6{border-radius:10px}
.mbar6 .mb6-p span{border-radius:14px}
.nt7{border-radius:10px}
.dkc{border-radius:14px}
.dkb{border-radius:10px}
.bg7{border-radius:10px}
.gd7{border-radius:14px}
.tvk div{border-radius:14px}
.tvq{border-radius:14px}
.tvb section{border-radius:14px}
.fnd8{border-radius:10px}
.ti8{border-radius:14px}
.pu8{border-radius:14px}
.h9{border-radius:14px}
.l9{border-radius:14px}
.t9i{border-radius:10px}
.su9{border-radius:14px}
.dc9{border-radius:14px}
.sr10{border-radius:14px}
.cc10{border-radius:14px}
.em10{border-radius:14px}
.nkb10{border-radius:14px}
.lo10{border-radius:10px}
.cvh10{border-radius:14px}
.qb10{border-radius:10px}
.cd10s{border-radius:14px}
.sv10{border-radius:14px}
.lvg10 div{border-radius:10px}
.kv10 div{border-radius:10px}
.tt10{border-radius:14px}
.tt10 p{border-radius:10px 10px 10px 4px}
.tb11 a{border-radius:10px}
.hero11{border-radius:14px}
.kp11{border-radius:14px}
.cd11{border-radius:14px}
.th11.lg{border-radius:10px}
.cl11 a{border-radius:10px}
.qa11 a{border-radius:14px}
.mq11{border-radius:10px}
.dc11{border-radius:14px}
.im11{border-radius:10px}
.s11{border-radius:10px}
.pk11 div{border-radius:14px}
.pc11{border-radius:14px}
.po11r{border-radius:10px}
.seg11{border-radius:10px}
.seg11 button{border-radius:10px}
.stage11{border-radius:14px}
#if11{border-radius:10px}
.io11a{border-radius:14px}
.ri12{border-radius:14px}
.rk12 div{border-radius:14px}
.rc12{border-radius:14px}
.hn12{border-radius:10px}
.kk13{border-radius:14px}
.so13{border-radius:10px}
.al13{border-radius:14px}
.ao13{border-radius:10px}
.rd13{border-radius:14px}
.sm13{border-radius:14px}
.card14{border-radius:14px}
.go14.sm{border-radius:10px}
.pb14{border-radius:10px}
.pb14>i{border-radius:10px}
.em15.big{border-radius:14px}
.hero14{border-radius:14px}
.qb14{border-radius:14px}
.bl14{border-radius:14px}
.cal14 button{border-radius:10px}
.wk15>div{border-radius:14px}
.lt14 button,.ct14 button{border-radius:14px}
.bz14{border-radius:14px}
.bz14 img{border-radius:10px}
.net14{border-radius:14px}
.sv14{border-radius:10px}
.pay14>div{border-radius:14px}
dialog.sh14>form{border-radius:14px 14px 0 0}
.gr14{border-radius:10px}
.tb14{border-radius:14px}
.tb14 button{border-radius:10px}
.kq14{border-radius:14px}
.rc14{border-radius:14px}
.ic14 button{border-radius:10px}
.se14{border-radius:14px}
.pc14{border-radius:14px}
.kv14>div{border-radius:10px}
.tw14{border-radius:14px}
.pr14>div{border-radius:14px}
.pp15 button,.bm15 button{border-radius:14px}
.rf15{border-radius:14px}
.rf10{border-radius:10px}
.sk15 i{border-radius:14px}
.st15 button{border-radius:14px}
.se14.sm{border-radius:10px}
.sg15{border-radius:10px}
.sg15 button{border-radius:10px}
.so15 .in14{border-radius:10px}
.fl16{border-radius:10px}
.oq15{border-radius:14px}
.ab15{border-radius:14px}
.bb15 .bk14.sm{border-radius:10px}
.fi15{border-radius:10px}
.pr15{border-radius:10px}
.pr15 i{border-radius:10px}
.cg15 .go14{border-radius:10px 0 0 10px}
.cf15{border-radius:0 10px 10px 0}
.dz16{border-radius:14px}
.big16{border-radius:14px}
.pb16{border-radius:10px}
.pb16 i{border-radius:10px}
.pf16{border-radius:14px}
.bt16{border-radius:14px}
.nw16,.nf16{border-radius:14px}
.lo16{border-radius:10px}
.fs17{border-radius:14px}
.nb17{border-radius:10px}
.hlp{border-radius:10px}
@media(max-width:760px){.h6{border-radius:0 0 14px 14px}}
@media (min-width:760px){dialog.sh14>form{border-radius:14px}.ft14{border-radius:0 0 14px 14px}}
@media (max-width:640px){.hero14{border-radius:14px}.card14{border-radius:14px}}
@media (max-width:760px){.fs17{border-radius:14px}.nb17{border-radius:10px}.ib19{border-radius:10px}.ib19 em{border-radius:10px}.rail nav a{border-radius:10px}.dm19{border-radius:10px}.tg19{border-radius:10px}.mb19 .pr19 i{border-radius:10px}}
.r6 i{display:none}
.er21{max-width:560px;margin:40px auto;padding:22px;border:1px solid var(--line,#E3E6EB);border-radius:14px;background:var(--surface,#fff);display:flex;flex-direction:column;gap:8px;align-items:flex-start}.er21 p{margin:0 0 6px;color:var(--muted,#5B6271)}

/* v22.css */
/* v22 · warehouse: packing station, camera scanner, bulk moves, Warehouse today (phone first, same features on desktop) */
.pk22,.wt22{--i:#14171F;--m:#5B6271;--l:#E3E6EB;--s:#FFFFFF;--k:#F0F2F5;--g:#D4A017;--gd:#7A5A0C;--gs:#FBF3DC;--r:#B42318;--ok:#15803D;max-width:1180px;margin:0 auto;color:var(--i);padding-bottom:24px}
html.dark .pk22,html.dark .wt22{--i:#E8EAEE;--m:#9AA1AE;--l:#2A2F3A;--s:#171A21;--k:#1E222B;--gd:#E9C25A;--gs:#2B2410;--r:#F97066;--ok:#4ADE80}
.ph22{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.ph22 h1{margin:0;font-size:24px;font-weight:600;letter-spacing:-.02em}.ph22 p{margin:4px 0 0;color:var(--m);font-size:14px}
.ha22{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ib22{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--l);border-radius:10px;background:var(--s);color:var(--i);cursor:pointer;font:inherit;font-weight:600}
.ib22:active{transform:scale(.96)}.lg22{font-size:13px}
.gr22{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}.cl22{display:flex;flex-direction:column;gap:14px;min-width:0}
@media (min-width:1024px){.gr22{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px}.sd22{position:sticky;top:12px}}

/* scan bar: the input for scanner guns + a big camera button for phones */
.sb22{display:flex;gap:10px}
.sr22{flex:1;display:flex;align-items:center;gap:10px;min-height:56px;padding:0 14px;border:1.5px solid var(--l);border-radius:10px;background:var(--s);color:var(--m)}
.sr22:focus-within{border-color:var(--g);box-shadow:0 0 0 3px #D4A01733}
.sr22 input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:17px;color:var(--i)}
.cm22{display:flex;align-items:center;gap:8px;min-height:56px;padding:0 18px;border:0;border-radius:10px;background:var(--g);color:#14171F;font:inherit;font-weight:600;font-size:16px;cursor:pointer;transition:transform .12s}
.cm22:active{transform:scale(.97)}
@media (max-width:520px){.cm22 span{display:none}.cm22{padding:0 16px}}

/* empty state */
.em22{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:26px 22px;border:1.5px dashed var(--l);border-radius:14px;background:var(--s)}
.eg22{width:60px;height:60px;border-radius:14px;display:grid;place-items:center;background:var(--gs);color:var(--gd)}
.em22 h2{margin:6px 0 0;font-size:20px;font-weight:600}.em22 p{margin:0;color:var(--m)}
.nx22{display:flex;align-items:center;gap:12px;width:100%;margin-top:8px;padding:12px 14px;border:1px solid var(--l);border-radius:10px;background:var(--k);color:var(--i);font:inherit;text-align:left;cursor:pointer}
.nx22 span{flex:1;display:flex;flex-direction:column}.nx22 small{color:var(--m);font-size:12px}.nx22 b{font-size:17px}.nx22 em{font-style:normal;color:var(--m);font-size:13px}

/* the open box */
.bx22{background:var(--s);border:1px solid var(--l);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 1px 2px #14171F0d,0 10px 28px -16px #14171F2e;position:relative;overflow:hidden}
.bx22::before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:var(--g);transition:background .3s}.bx22.ready::before{background:var(--ok)}
.bx22.pop{animation:pop22 .28s cubic-bezier(.2,.8,.2,1)}@keyframes pop22{40%{transform:scale(1.008)}}
.bh22{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.bh22 small{color:var(--gd);font-weight:600;font-size:13px}.bh22 h2{margin:2px 0;font-size:26px;font-weight:650;letter-spacing:-.02em}.bh22 p{margin:0;color:var(--m)}
.cr22{text-align:right;display:flex;flex-direction:column;gap:2px}.cr22 b{font-size:15px}.cr22 small{color:var(--m);font-size:12px}
.pg22{position:relative;display:flex;align-items:baseline;gap:10px;padding:12px 14px;border-radius:10px;background:var(--k);overflow:hidden}
.pg22 b{font-size:30px;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums;z-index:1}.pg22 b small{font-size:18px;color:var(--m)}
.pg22 span{color:var(--m);z-index:1}.pg22 i{position:absolute;left:0;bottom:0;height:4px;background:var(--g);transition:width .35s cubic-bezier(.2,.8,.2,1)}
.bx22.ready .pg22 i{background:var(--ok)}.bx22.ready .pg22 span{color:var(--ok);font-weight:600}
.it22{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.it22 li{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;min-height:60px;padding:8px 2px;border-bottom:1px solid var(--l)}
.it22 li:last-child{border-bottom:0}
.ck22{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;border:1.5px solid var(--l);color:var(--i);font-variant-numeric:tabular-nums}
.it22 li.ok .ck22{background:var(--ok);border-color:var(--ok);color:#fff}
.nm22 b{display:block;font-size:16px;font-weight:600}.nm22 small{display:block;color:var(--m);font-size:13px;margin-top:2px}.qt22{color:var(--m);font-variant-numeric:tabular-nums}
.it22 li.ok .nm22 b{color:var(--m);text-decoration:line-through;text-decoration-thickness:1px}
.vd22{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 4px;color:var(--m);cursor:pointer}
.vd22 input{width:20px;height:20px;accent-color:#D4A017}.vd22.must{color:var(--gd);font-weight:600}
.rc22{margin-left:auto;font-style:normal;font-size:12px;font-weight:700;color:var(--r);border:1px solid var(--r);border-radius:999px;padding:2px 8px;animation:bl22 1.4s ease-in-out infinite}
@keyframes bl22{50%{opacity:.4}}
.pv22{width:100%;max-height:220px;border-radius:10px;background:#0F1218;object-fit:cover}
.ac22{display:flex;flex-direction:column;gap:10px}
.go22{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;border:0;border-radius:10px;background:var(--ok);color:#fff;font:inherit;font-weight:650;font-size:18px;cursor:pointer;transition:transform .12s,opacity .2s}
.go22:disabled{background:var(--k);color:var(--m);cursor:not-allowed}.go22:not(:disabled):active{transform:scale(.985)}
.sa22{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sa22 button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;padding:6px 4px;border:1px solid var(--l);border-radius:10px;background:var(--s);color:var(--i);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;text-align:center}
.sa22 button:active{transform:scale(.97)}
@media (max-width:420px){.sa22{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* side: today's numbers, courier race, queue */
.td22{display:flex;gap:16px;align-items:center;padding:16px;border:1px solid var(--l);border-radius:14px;background:var(--s)}
.rg22{position:relative;width:104px;height:104px;flex:none}.rg22 svg{width:100%;height:100%;transform:rotate(-90deg)}
.rg22 circle{fill:none;stroke-width:10}.rg22 .tr{stroke:var(--k)}.rg22 .fl{stroke:var(--g);stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1)}
.rg22>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.rg22 b{font-size:28px;font-weight:650;line-height:1}.rg22 small{color:var(--m);font-size:12px}
.tx22{flex:1;min-width:0}.tx22 h3{margin:0 0 8px;font-size:17px;font-weight:600}
.ch22{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ch22 li{display:flex;align-items:center;gap:8px;color:var(--m);font-size:14px}.ch22 li svg{color:var(--gd)}.ch22 li b{margin-left:auto;color:var(--i);font-variant-numeric:tabular-nums}
.rc22s h3,.qu22 h3{margin:0 0 8px;font-size:15px;font-weight:600}.qu22 h3 span{color:var(--m);font-weight:500}
.ra22{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 0;border-top:1px solid var(--l)}
.ra22 b{font-size:14px}.ra22 small{display:block;color:var(--m);font-size:12px}.ra22>span{font-variant-numeric:tabular-nums;color:var(--m);align-self:center}
.ra22 i{grid-column:1/-1;height:3px;border-radius:2px;background:var(--k);overflow:hidden}.ra22 em{display:block;height:100%;background:var(--g);transition:width .5s}
#pkQ{display:flex;flex-direction:column;max-height:46vh;overflow:auto}
.qr22{display:grid;grid-template-columns:1fr auto;gap:2px 8px;text-align:left;padding:10px 6px;border:0;border-top:1px solid var(--l);background:transparent;color:var(--i);font:inherit;cursor:pointer}
.qr22:hover{background:var(--k)}.qr22 b{font-size:15px}.qr22 span{grid-column:1;color:var(--m);font-size:13px}.qr22 em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-size:12px;font-weight:600;color:var(--gd);border:1px solid var(--g);border-radius:999px;padding:2px 8px}
.qr22.lk{opacity:.55}
.mu22{color:var(--m);font-size:14px;margin:6px 0}
.ln22{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid var(--l);border-radius:10px;background:transparent;color:var(--i);font:inherit;font-weight:600;cursor:pointer}

/* full-screen camera scanner */
.sc22{position:fixed;inset:0;z-index:9500;background:#0B0D12;display:flex;flex-direction:column}
.sc22 video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fr22{position:absolute;left:50%;top:44%;width:min(78vw,420px);height:min(46vw,240px);transform:translate(-50%,-50%);border-radius:14px;box-shadow:0 0 0 100vmax #0B0D12a6;outline:2px solid #ffffffcc}
.fr22 i{position:absolute;left:8%;right:8%;top:50%;height:2px;background:#D4A017;box-shadow:0 0 12px #D4A017;animation:ln22 1.8s ease-in-out infinite}
@keyframes ln22{0%,100%{transform:translateY(-70px)}50%{transform:translateY(70px)}}
.sc22.ok .fr22{outline-color:#4ADE80;animation:okf22 .35s}.sc22.bad .fr22{outline-color:#F97066;animation:bdf22 .35s}
@keyframes okf22{40%{transform:translate(-50%,-50%) scale(1.03)}}@keyframes bdf22{25%{transform:translate(calc(-50% - 8px),-50%)}75%{transform:translate(calc(-50% + 8px),-50%)}}
.tp22{position:relative;display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;color:#fff}
.tp22 b{font-size:17px}.xb22{width:48px;height:48px;border-radius:12px;border:0;background:#ffffff26;color:#fff;display:grid;place-items:center;cursor:pointer}
.bt22{position:relative;margin-top:auto;padding:16px 16px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;align-items:center}
.st22{margin:0;padding:10px 16px;border-radius:999px;background:#000000b3;color:#fff;font-size:15px;text-align:center;max-width:92%}
.sc22.bad .st22{background:#B42318}.sc22.ok .st22{background:#15803D}
.dn22{min-height:52px;min-width:200px;border:0;border-radius:10px;background:#D4A017;color:#14171F;font:inherit;font-weight:650;font-size:17px;cursor:pointer}

/* wrong item: stops the packer until they see it */
.wr22{position:fixed;inset:0;z-index:9600;background:#B42318f2;display:grid;place-items:center;padding:24px;color:#fff;animation:fd22 .15s}
.wr22>div{max-width:440px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.wr22 h2{margin:0;font-size:26px;font-weight:650}.wr22 p{margin:0;font-size:16px;opacity:.92}
.wr22 button{margin-top:10px;min-height:56px;min-width:240px;border:0;border-radius:10px;background:#fff;color:#B42318;font:inherit;font-weight:700;font-size:17px;cursor:pointer}
@keyframes fd22{from{opacity:0}}

/* celebration: gold burst, short and quiet */
.cb22{position:fixed;left:50%;top:38%;z-index:9400;transform:translate(-50%,-50%);pointer-events:none}
.cb22>div{display:flex;align-items:center;gap:12px;padding:16px 22px;border-radius:14px;background:#14171F;color:#fff;box-shadow:0 20px 50px -20px #000a;animation:cbin22 .45s cubic-bezier(.2,.9,.2,1.2) both}
.cb22 svg{color:#D4A017}.cb22 b{font-size:17px}
.cb22 i{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:2px;background:#D4A017;transform:rotate(var(--a)) translateY(0);animation:cbp22 .9s var(--d) cubic-bezier(.2,.8,.2,1) forwards;opacity:0}
.cb22 i:nth-child(3n){background:#F1D27A}.cb22 i:nth-child(4n){background:#15803D}
@keyframes cbin22{from{opacity:0;transform:scale(.9)}}@keyframes cbp22{20%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(-120px)}}

/* menus, filters and lists inside sheets */
.mn22{display:flex;flex-direction:column}.mn22 button{display:grid;grid-template-columns:24px 1fr 16px;gap:12px;align-items:center;min-height:58px;padding:8px 4px;border:0;border-bottom:1px solid var(--line,#E3E6EB);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.mn22 b{display:block;font-size:15px}.mn22 small{display:block;color:var(--muted,#5B6271);font-size:13px}.mn22 svg:first-child{color:#7A5A0C}
.fl22{display:flex;flex-direction:column;gap:6px;margin:12px 0}.fl22>span{font-size:13px;font-weight:600;color:var(--muted,#5B6271)}
.pl22{display:flex;flex-wrap:wrap;gap:6px}.pl22 button{min-height:40px;padding:0 14px;border:1px solid var(--line,#E3E6EB);border-radius:999px;background:var(--surface,#fff);color:inherit;font:inherit;font-size:14px;cursor:pointer}
.pl22 button.on{background:#FBF3DC;border-color:#D4A017;font-weight:600}.pl22 em{font-style:normal;color:var(--muted,#5B6271);margin-left:4px}
.bl22{border:1px solid var(--line,#E3E6EB);border-radius:10px;margin:12px 0;overflow:hidden}
.ba22{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--soft,#F6F7F9);font-weight:600;cursor:pointer}
.bl22 ul{list-style:none;margin:0;padding:0;max-height:38vh;overflow:auto}.bl22 li label{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line,#E3E6EB);cursor:pointer}
.bl22 li span{flex:1;display:flex;flex-direction:column}.bl22 small{color:var(--muted,#5B6271);font-size:12.5px}.bl22 em{font-style:normal;font-size:12px;font-weight:600;color:#7A5A0C}
.bl22 input,.ba22 input,.cc22 input{width:20px;height:20px;accent-color:#D4A017}
.cc22{display:flex;flex-wrap:wrap;gap:8px}.cc22 label{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid var(--line,#E3E6EB);border-radius:999px;cursor:pointer}
.sm22{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}.sm22 div{padding:14px;border:1px solid var(--line,#E3E6EB);border-radius:10px}.sm22 b{display:block;font-size:24px;font-weight:650}.sm22 small{color:var(--muted,#5B6271)}
.wa22{color:#B42318;font-weight:600}

/* undo bar after a bulk move */
.ub22{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:9300;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:8px 8px 8px 16px;border-radius:14px;background:#14171F;color:#fff;box-shadow:0 16px 40px -16px #000c;animation:fd22 .2s}
.ub22>span{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.ub22>span svg{color:#4ADE80;flex:none}
.ub22 button{display:flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border:0;border-radius:10px;background:#D4A017;color:#14171F;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}.ub22 button em{font-style:normal;font-variant-numeric:tabular-nums;opacity:.8}
.ub22 .x{background:transparent;color:#C9CED8;padding:0 8px}
@media (max-width:760px){.ub22{bottom:calc(86px + env(safe-area-inset-bottom))}}

/* Warehouse today */
.ws22{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:760px){.ws22{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1180px){.ws22{grid-template-columns:repeat(5,minmax(0,1fr))}}
.sp22{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--l);border-radius:14px;background:var(--s);position:relative;animation:up20 .45s cubic-bezier(.2,.8,.2,1) both}
.sp22:nth-child(2){animation-delay:.05s}.sp22:nth-child(3){animation-delay:.1s}.sp22:nth-child(4){animation-delay:.15s}.sp22:nth-child(5){animation-delay:.2s}
.sp22.wa{border-color:#F3C2BC}
.sh22{display:flex;align-items:center;gap:8px;color:var(--gd)}.sh22 h3{margin:0;font-size:15px;font-weight:600;color:var(--i)}
.sn22{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:var(--gs);color:var(--gd);font-size:12px;font-weight:700}
.bg22{font-size:34px;font-weight:650;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums;margin-top:4px}
.sp22 p{margin:0;color:var(--m);font-size:14px;min-height:2.6em}
.sl22{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}.sl22 a{display:inline-flex;align-items:center;min-height:40px;padding:0 12px;border:1px solid var(--l);border-radius:10px;color:var(--i);font-weight:600;font-size:14px;text-decoration:none}
.sl22 a:hover{border-color:var(--g)}.sl22 a.wl{border-color:#F3C2BC;color:var(--r)}
html.dark #main .pk22 a,html.dark #main .wt22 .sl22 a:not(.wl){color:var(--i)}
@media (prefers-reduced-motion:reduce){.pk22 *,.wt22 *,.sc22 *,.cb22 *{animation:none!important;transition:none!important}}
@media (max-width:759px){.sp22{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px}.sp22 .sh22{grid-column:1}.sp22 .bg22{grid-column:2;grid-row:1/3;align-self:center;font-size:30px;margin:0}.sp22 p{grid-column:1;min-height:0}.sp22 .sl22{grid-column:1/-1;padding-top:6px}}
/* product photo on every packing line: check · photo · name · count, all on one centre line */
.it22 li{grid-template-columns:36px 64px minmax(0,1fr) auto}
.pi22{width:64px;height:64px;border-radius:10px;overflow:hidden;padding:0;border:1px solid var(--l);background:var(--s,#f1eee6);display:grid;place-items:center;cursor:zoom-in;flex:none}
.pi22 img{width:100%;height:100%;object-fit:cover;display:block}.ni22{cursor:default;font-weight:600;color:var(--m);font-size:20px}
.it22 li.ok .pi22{opacity:.55}
@media (max-width:420px){.it22 li{grid-template-columns:32px 52px minmax(0,1fr) auto;gap:10px}.pi22{width:52px;height:52px}}

/* v23.css */
/* v23 · Files & storage + Recycle bin; delete buttons only for owner / admin */
body:not(.cd23) #pdel,body:not(.cd23) [data-vdel],body:not(.cd23) [data-td],body:not(.cd23) #fDel,body:not(.cd23) [data-del],body:not(.cd23) [data-pg],body:not(.cd23) #em23{display:none!important}

.st23{--i:#14171F;--m:#5B6271;--l:#E3E6EB;--s:#FFFFFF;--k:#F0F2F5;--g:#D4A017;--gd:#7A5A0C;--gs:#FBF3DC;--r:#B42318;--rs:#FEF3F2;max-width:1180px;margin:0 auto;color:var(--i);padding-bottom:96px;display:flex;flex-direction:column;gap:18px}
html.dark .st23{--i:#E8EAEE;--m:#9AA1AE;--l:#2A2F3A;--s:#171A21;--k:#1E222B;--gd:#E9C25A;--gs:#2B2410;--r:#F97066;--rs:#2A1614}
.ph23{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.ph23 h1{margin:0;font-size:24px;font-weight:600;letter-spacing:-.02em}.ph23 p{margin:4px 0 0;color:var(--m);max-width:62ch}
.ha23{display:flex;gap:8px;flex-wrap:wrap}
.bt23{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--g);border-radius:10px;background:var(--g);color:#14171F;font:inherit;font-weight:600;font-size:14.5px;text-decoration:none;cursor:pointer;transition:transform .12s,box-shadow .2s}
.bt23:active{transform:translateY(1px) scale(.985)}.bt23.ln{background:transparent;border-color:var(--l);color:var(--i)}.bt23.ln:hover{border-color:var(--g)}
.bt23.dg{background:var(--r);border-color:var(--r);color:#fff}.bt23.sm{min-height:38px;padding:0 12px;font-size:13.5px}
html.dark #main .st23 a.bt23.ln,html.dark #main .st23 .tb23 a,html.dark #main .st23 .sc23{color:var(--i)}
.tb23{display:flex;gap:4px;padding:4px;border:1px solid var(--l);border-radius:12px;background:var(--s);width:max-content;max-width:100%;overflow-x:auto}
.tb23 a{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:9px;color:var(--m);font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
.tb23 a.on{background:var(--gs);color:var(--i)}.tb23 em{font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--r);color:#fff;font-size:11px;display:inline-grid;place-items:center}

/* storage meter */
.mt23{display:grid;grid-template-columns:1fr;gap:16px;padding:20px;border:1px solid var(--l);border-radius:14px;background:var(--s);animation:up20 .45s cubic-bezier(.2,.8,.2,1) both}
.mtx23 span{display:block;color:var(--m);font-size:13px;font-weight:500}.mtx23 b{display:block;font-size:40px;font-weight:650;letter-spacing:-.03em;line-height:1.1}.mtx23 small{color:var(--m)}
.bar23{display:flex;gap:3px;height:14px;border-radius:999px;overflow:hidden;background:var(--k)}.bar23 i{display:block;min-width:4px;transition:flex .6s}
.lg23{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:2px}
.lg23 button{display:grid;grid-template-columns:10px 20px 1fr auto auto;gap:10px;align-items:center;width:100%;min-height:44px;padding:6px 8px;border:0;border-radius:10px;background:transparent;color:var(--i);font:inherit;text-align:left;cursor:pointer}
.lg23 button:hover{background:var(--k)}.lg23 svg{color:var(--gd)}.lg23 small{color:var(--m)}.lg23 b{font-variant-numeric:tabular-nums}
.dt23{width:10px;height:10px;border-radius:3px}
.sx23{display:grid;grid-template-columns:1fr;gap:10px}
.sc23{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--l);border-radius:10px;color:var(--i);text-decoration:none}
.sc23 svg{color:var(--gd);flex:none}.sc23 b{display:block;font-size:18px;font-weight:650}.sc23 small{color:var(--m)}a.sc23:hover{border-color:var(--g)}
@media (min-width:1024px){.mt23{grid-template-columns:240px 1fr;align-items:center}.bar23{grid-column:2}.lg23{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px}.sx23{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}}

/* clean-up ideas */
.id23 h2,.br23 h2{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600}.id23 h2 svg{color:var(--gd)}.id23>p{margin:4px 0 12px}
.ig23{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width:900px){.ig23{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ic23{display:grid;grid-template-columns:28px 1fr auto;gap:4px 12px;align-items:center;padding:14px;border:1px solid var(--l);border-radius:14px;background:var(--s)}
.ic23>svg{color:var(--gd)}.ic23 b{display:block;font-size:15px;font-weight:600}.ic23 small{color:var(--m)}.ic23 strong{font-size:18px;font-weight:650;font-variant-numeric:tabular-nums}
.ic23 .bt23{grid-column:2/-1;justify-self:start}

/* browse */
.fh23{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.sq23{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--l);border-radius:10px;background:var(--s);color:var(--m);min-width:min(320px,100%)}.sq23 input{border:0;outline:0;background:transparent;font:inherit;color:var(--i);flex:1;min-width:0}
.sq23:focus-within{border-color:var(--g)}
.fc23{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.fc23::-webkit-scrollbar{display:none}
.fc23 button{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border:1px solid var(--l);border-radius:999px;background:var(--s);color:var(--i);font:inherit;font-size:13.5px;white-space:nowrap;cursor:pointer}
.fc23 button.on{background:var(--gs);border-color:var(--g);font-weight:600}.fc23 em{font-style:normal;color:var(--m)}.fc23 svg{color:var(--gd)}
.fo23{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 14px}
.in23{min-height:40px;padding:0 10px;border:1px solid var(--l);border-radius:10px;background:var(--s);color:var(--i);font:inherit}
.sa23{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 4px;cursor:pointer;font-weight:600;font-size:14px}.sa23 input{width:18px;height:18px;accent-color:#D4A017}
.mu23{color:var(--m);font-size:14px}
.gd23{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:640px){.gd23{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.gd23{grid-template-columns:repeat(5,minmax(0,1fr))}}
.tl23{position:relative;display:flex;flex-direction:column;border:1px solid var(--l);border-radius:14px;background:var(--s);overflow:hidden;transition:border-color .15s,box-shadow .2s,transform .15s}
.tl23:hover{border-color:#E9C25A;box-shadow:0 10px 24px -16px #14171F55}.tl23.sel{border-color:var(--g);box-shadow:0 0 0 2px #D4A01766}
.pv23{display:block;aspect-ratio:4/3;width:100%;padding:0;border:0;background:var(--k);cursor:pointer;color:var(--m)}
.pv23 img{width:100%;height:100%;object-fit:cover;display:block}
.vi23,.fi23{width:100%;height:100%;display:grid;place-items:center;position:relative}.vi23{background:linear-gradient(160deg,#1E222B,#14171F);color:#C9CED8}
.vi23 em{position:absolute;right:10px;bottom:10px;width:30px;height:30px;border-radius:999px;background:#D4A017;color:#14171F;display:grid;place-items:center}.fi23 svg{color:var(--gd)}
.ck23{position:absolute;top:8px;left:8px;width:30px;height:30px;cursor:pointer}.ck23 input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.ck23 span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#ffffffe6;border:1.5px solid #14171F33;color:transparent;transition:background .15s}
.ck23 input:checked+span{background:#D4A017;border-color:#D4A017;color:#14171F}.ck23 input:focus-visible+span{outline:3px solid #D4A017;outline-offset:2px}
.ck23.in{position:static;flex:none}
.tm23{padding:10px 12px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}.tm23 b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm23 small{color:var(--m);font-size:12px}
.lb23{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:11.5px;font-weight:600;color:var(--r)}
.tl23.lk .pv23{opacity:.8}
.em23{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 16px;color:var(--m);text-align:center;border:1.5px dashed var(--l);border-radius:14px}.em23 b{color:var(--i);font-size:16px}.em23 svg{color:var(--gd)}.em23.big{padding:56px 16px}
.ab23{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:8px 8px 8px 16px;border-radius:14px;background:#14171F;color:#fff;box-shadow:0 18px 40px -16px #000c;animation:up20 .25s}
.ab23 span{font-weight:600;font-size:14px;white-space:nowrap}.ab23 .bt23.ln{color:#fff;border-color:#ffffff40}
@media (max-width:760px){.ab23{bottom:calc(84px + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center}}
.ro23{display:flex;align-items:center;gap:8px;color:var(--m);font-size:14px}
.pi23{width:100%;max-height:60vh;object-fit:contain;border-radius:10px;background:#0F1218;display:block}
.pf23{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px;border-radius:10px;background:var(--soft,#F6F7F9)}.pf23 svg{color:#7A5A0C}
.dl23{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.dl23 dt{font-size:12px;color:var(--muted,#5B6271)}.dl23 dd{margin:0;font-weight:600}
.pa23{display:flex;gap:8px;flex-wrap:wrap}

/* recycle bin */
.bn23{border:1px solid var(--l);border-radius:14px;background:var(--s);overflow:hidden;animation:up20 .4s cubic-bezier(.2,.8,.2,1) both}
.bnh23{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--l)}.bnh23 b{font-size:16px}.bnh23 span{color:var(--m)}.bnh23 .sa23{margin-left:auto}
.bl23{list-style:none;margin:0;padding:0}
.bl23 li{display:grid;grid-template-columns:auto 36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid var(--l)}.bl23 li:first-child{border-top:0}
.bl23 li:not(:has(.ck23)){grid-template-columns:36px minmax(0,1fr) auto}
.bi23{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--k);color:var(--gd)}
.bm23 b{display:block;font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bm23 small{display:block;color:var(--m);font-size:12.5px;margin-top:2px}
.dy23{font-size:12.5px;font-weight:600;color:var(--m);white-space:nowrap}.dy23.soon{color:var(--r)}
.ba23{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end}
@media (min-width:760px){.bl23 li{grid-template-columns:auto 36px minmax(0,1fr) auto auto}.bl23 li:not(:has(.ck23)){grid-template-columns:36px minmax(0,1fr) auto auto}.ba23{grid-column:auto}}
@media (max-width:420px){.ba23 .bt23.dg span{display:none}}
@media (prefers-reduced-motion:reduce){.st23 *{animation:none!important;transition:none!important}}
.ab23[hidden]{display:none!important}
.lg23 .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
@media (max-width:420px){.lg23 small{display:none}.lg23 button{grid-template-columns:10px 20px 1fr auto}}
@media (max-width:760px){.ab23{flex-wrap:nowrap;gap:6px;padding:6px 6px 6px 12px;width:calc(100vw - 24px);justify-content:flex-end}.ab23 span{font-size:13px;margin-right:auto;white-space:normal;line-height:1.25}.ab23 .bt23{min-height:42px;padding:0 12px}}
/* server disk card */
.dk23{border:1px solid var(--line,#e5e2da);border-radius:14px;padding:16px 20px;background:var(--surface,#fff)}
.dkh23{display:flex;align-items:center;justify-content:space-between;gap:12px}.dkh23 h2{display:flex;align-items:center;gap:8px;margin:0;font-size:17px}.dkh23 b{font-size:20px;font-variant-numeric:tabular-nums}
.dkb23{height:10px;border-radius:999px;background:var(--soft,#f1eee6);overflow:hidden;margin:12px 0 8px}.dkb23 i{display:block;height:100%;background:#2F8F5B;border-radius:inherit}
.dk23.warn .dkb23 i{background:#D4A017}.dk23.bad .dkb23 i{background:#C0392B}.dk23.bad .dkh23 b{color:#B3261E}
.dkt23{margin:8px 0 0;padding-left:20px;line-height:1.6}
html.dark .dk23.bad .dkh23 b{color:#F2B8B5}

/* v24.css */
/* v24 · layout system (Impeccable "layout", Operate mode: predictable structure, stable density)
   Spatial thesis
   - Reading order on every screen: page title and its actions → the screen's main control (tabs, filters, scan bar) → the work list or cards.
   - Groups separate by space before boxes: 24px between major groups, 12-16px inside a group, 8px between controls in a row.
   - One content width (1180px) on wide monitors so headers, step bars, back links and lists line up on the same edges; phones keep 12px gutters.
   - Spacing scale on a 4px base: 4 · 8 · 12 · 16 · 20 · 24 · 32 · 40. */
:root{--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--content:1180px}

/* one content column on wide screens: every screen's edges line up, nothing stretches to 1400px+ */
@media (min-width:761px){main#main{padding:var(--s6) max(28px,calc((100% - var(--content)) / 2)) 64px}}

/* page header: title block takes the space, actions (and the "?" notes) sit together on the right */
#main .ph{align-items:flex-end;gap:var(--s3) var(--s4);margin-bottom:var(--s6)}
#main .ph>div:first-child{flex:1 1 360px;min-width:0}
#main .ph h1{margin:0;font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
#main .ph p{max-width:68ch;line-height:1.5}
#main .ph .acts{flex-wrap:wrap;justify-content:flex-end;gap:var(--s2)}
@media (min-width:761px){#main .ph .hlp{margin-left:0;align-self:flex-end}}
#main>.bk9{margin-bottom:var(--s3)}#main .fs17{margin-bottom:var(--s5)}

/* rhythm between groups: 16px between cards, 24px after a row of cards, headings sit close to their content */
#main .card{margin-bottom:var(--s4);padding:var(--s4) var(--s5)}
#main .card h3{margin:0 0 var(--s3)}
#main .two{gap:var(--s4);margin-bottom:var(--s6)}#main .two>.card{margin-bottom:0}
@media (max-width:899px){#main .two{grid-template-columns:1fr}}

/* filter bars: the search takes the room it needs, chips wrap instead of running off the edge */
#main .tools{gap:var(--s2);margin-bottom:var(--s4)}
#main .tools .search{flex:1 1 280px;min-width:0}
@media (max-width:760px){#main .tools .search{flex-basis:100%}}

/* Orders: one tab strip for the flow, the four exception statuses as quieter chips under it; the status note is a line, not a banner */
#main .tabs{flex-direction:column;align-items:stretch;gap:var(--s2);margin-bottom:var(--s3)}
#main .tabs .main{flex:none;width:100%;scrollbar-width:none}#main .tabs .main::-webkit-scrollbar{display:none}
#main .tabs .main .st{flex:1 0 auto;justify-content:center}
#main .tabs .side{gap:var(--s2)}
#main .tabs .side .st{flex:0 0 auto;padding:6px 12px;border-radius:999px;font-weight:500;background:transparent}
#main .tabs .side .st.on{background:var(--acs21,#FBF3DC);border-color:var(--ac21,#D4A017);font-weight:600}
#main .sub{background:none;border:0;padding:0 2px;margin:0 0 var(--s4);gap:var(--s2)}
#main .sub b{font-size:15px;color:var(--ink)}

/* lists and tables: comfortable rows, 48px touch height, group gap after */
#main .list{margin-bottom:var(--s6)}
#main .list .row{min-height:52px;padding:10px var(--s4)}
#main .list .lh{min-height:40px;padding-top:8px;padding-bottom:8px}
#main .empty{padding:var(--s10) var(--s5)}
#main .bulk{gap:var(--s2);padding:var(--s2) var(--s3);margin-bottom:var(--s3)}

/* newer screens: same stack rhythm between their sections */
.sq15,.p14,.ls16,.sh11,.cd10,.cv10,.rv12,.st23,.wt22{gap:var(--s5)}
.ws22{gap:var(--s3)}

/* phones: header stacks title then actions, actions share the width */
@media (max-width:760px){
  #main .ph{margin-bottom:var(--s5)}
  #main .ph>div:first-child{flex:none} /* the header stacks on phones: no width basis turning into height */
  #main .ph .acts{justify-content:flex-start}
  #main .card{padding:var(--s4)}
  #main .two{margin-bottom:var(--s4)}
  /* order rows: a narrow checkbox column, everything else stacks in the second column */
  #main .list .row{grid-template-columns:28px minmax(0,1fr)!important;column-gap:var(--s3);row-gap:var(--s1)}
  #main .list .row>input[type=checkbox]{grid-row:1/span 3;align-self:start;margin-top:4px}
  #main .list .row>:not(input){grid-column:2}
  /* exception statuses: one swipeable row instead of wrapping */
  #main .tabs .side{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -12px;padding:0 12px;width:calc(100% + 24px);max-width:calc(100% + 24px);min-width:0;align-self:stretch;box-sizing:border-box}#main .tabs .side::-webkit-scrollbar{display:none}
}

/* v25.css */
/* v25 · typography system (Impeccable "typeset", Operate mode)
   Roles, one family (Geist; Geist Mono for codes), fixed 1.2-step scale:
     12 micro (badges, table headers) · 13 meta (secondary details) · 15 body (16 on phones) · 17 card titles
     20 section titles · 24 page titles · 28 / 34 key numbers · larger display numbers stay as authored
   Weights: 400 body · 500 labels and nav · 600 headings and buttons · 650 key numbers (no 700-900).
   No forced ALL CAPS. Numbers in data line up (tabular figures). Hindi falls back to proper Devanagari faces. */
:root{--t-micro:12px;--t-meta:13px;--t-body:15px;--t-title:17px;--t-section:20px;--t-page:24px;--t-num:28px;--t-num-l:34px}
:root,body,button,input,select,textarea,.home6,.lab6,.p9,.tv7,dialog.sh14,.sh11,.more8,.cd10,.cv10,.fs17,.sq15,.ls16,.rv12,.p14{font-family:'Geist',ui-sans-serif,system-ui,-apple-system,'Segoe UI','Noto Sans Devanagari','Kohinoor Devanagari','Mangal',sans-serif}
body{font-size:var(--t-body);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
@media (max-width:760px){body{font-size:16px}}
h1,h2,h3,h4{line-height:1.2;text-wrap:balance}
p,li,.hint14,.mu22,.mu23{text-wrap:pretty}
#main .card p,#main .ph p,dialog p{max-width:72ch}
/* data lines up */
table,.list,.row,.t6 b,.n6>b,.sm20 b,.hero20 b,.bg22,.rg22 b,.pg22 b,.mtx23 b,.bg22,.kpi b,.qty,.py,.qt22,.ra22>span,.lg23 b,.ic23 strong,.sm22 b,.sp22 .bg22,input[type=number]{font-variant-numeric:tabular-nums}
code,kbd,.awb,.mono{font-family:'Geist Mono',ui-monospace,Menlo,monospace;font-size:.95em}
/* light text on dark surfaces: a touch more air */
html.dark body{letter-spacing:.006em;line-height:1.55}
/* Hindi: Devanagari needs more line height than Latin */
:lang(hi),html[lang="hi"] body{line-height:1.65}

/* generated: every older size mapped to the nearest role, heavy weights calmed, all-caps labels in sentence case */
body{font-size:15px}
.btn.sm{font-size:13px}
.inp.sm{font-size:13px}
.logo{font-weight:650}
#lgForm h1,#pwForm h1{font-size:24px}
.me small{font-size:12px}
.av{font-weight:650;font-weight:600}
.av.sm{font-size:12px}
.ph h1{font-size:24px}
.pill{font-size:12px;font-weight:600}
.bd{font-size:12px;font-weight:650;text-transform:none;letter-spacing:0}
.fl span{font-size:13px}
.kpi b{font-size:24px}
.kpi span{font-size:13px}
.st em{font-weight:650}
.lh{font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
.o small,.py small{font-size:13px}
.o b{font-size:15px}
.empty b{font-size:17px}
.dh h2{font-size:24px}
.db h4{text-transform:none;letter-spacing:0}
.it2{font-size:13px}
.temp{font-weight:650}
dialog h2{font-size:17px}
.errbox{font-size:13px}
.lgrp h3{text-transform:none;letter-spacing:0}
.ltile small{font-size:13px}
.lic{font-weight:650}
.small{font-size:13px}
.rail h6{font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
.rail nav a .nb,.rail .nb{font-size:12px}
.fl small{font-size:12px}
.ctag{font-weight:600}
.lbl{font-size:12px;font-weight:600}
.mini span{font-size:13px}
.pkb b{font-size:24px}
.recdot{font-weight:650}
.pki b{font-size:17px}
.hob b{font-size:24px}
.qb{font-weight:650;font-size:17px}
.cst span{font-size:12px}
.bars small{font-size:12px}
.tb{font-size:13px}
.tb th{font-size:12px;text-transform:none;letter-spacing:0}
.cx h4{font-size:12px;text-transform:none;letter-spacing:0}
.topx button{font-size:13px}
.topx kbd{font-size:12px}
#bellN{font-size:12px}
.kt{font-size:12px;text-transform:none;letter-spacing:0}
.sc{font-size:13px}
.list .lh{text-transform:none;letter-spacing:0}
.wln{font-size:12px}
.wln b{font-size:17px}
.ring small{font-size:12px}
.streak b{font-size:24px}
.mcal i{font-size:13px}
.mcal .dh{font-size:12px}
.shd{font-size:12px;text-transform:none;letter-spacing:0}
.sth{text-transform:none;letter-spacing:0}
.sth.on{font-weight:600}
.vq{font-size:13px}
.risk{font-weight:600}
.hlp{font-weight:600}
.h6-av{font-size:15px;font-weight:650}
.h6-t b{font-size:20px}
.h6-ci{font-weight:600}
.h6-bell em{font-size:12px;font-weight:600}
.h6-s{font-size:15px}
.ring6 b{font-size:28px}
.ring6 small{font-size:12px}
.k6{font-weight:600;text-transform:none;letter-spacing:0}
.n6>b{font-size:34px}
.btn6{font-weight:600}
.btn6.xl{font-size:17px}
.t6 b{font-size:20px}
.r6 span{font-size:15px}
.tk6>span b{font-size:15px}
.tk6 small{font-size:13px}
.big6 small{font-size:15px}
.nx6{font-size:15px}
.qn{font-weight:600}
.z6-k{font-weight:600}
.z6 b{font-size:15px}
.rs6 b{font-size:34px}
.rs6 strong{font-size:17px}
.w6 em{font-weight:600}
.sent6{font-weight:600}
.mbar6 a{font-size:12px !important}
.mbar6 a span{font-size:12px}
.dkc header b{font-size:17px}
.dkt{font-size:15px}
.dkb small{font-size:12px}
.bx7 small{font-size:12px}
.bx7 em{font-size:12px}
.qty7{font-size:17px}
.seg7 span{font-weight:650}
.mi7 b{font-size:15px}
.bg7 b{font-size:12px}
.bg7 small{font-size:12px}
.kd7{font-size:13px}
.tvk span{font-size:17px}
.tvq strong{font-size:28px}
.tvq em{font-size:17px}
.tvt{font-size:24px}
.tvt em{font-weight:650}
.tvm p{font-size:24px}
.rail nav.nav8 a{font-size:17px}
.mbar8 a{font-size:12px !important}
.more8 h1{font-size:24px}
.ti8{font-size:13px}
.lg8{font-weight:600}
.pu8 small{font-size:13px}
.ar8{font-size:24px}
.mbar8 a span{font-size:12px !important}
.h9 p{font-size:15px}
.g9 h2{font-size:13px;font-weight:600;text-transform:none;letter-spacing:0}
.t9t b{font-size:15px}
.su9 b{font-size:15px}
.su9 small{font-size:13px}
.dc9 em{font-weight:600}
.rail nav.nav9 .sep9{font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
.nb10{font-size:15px;font-weight:650}
.sr10 input{font-size:17px}
.tab10{font-size:15px}
.kc10{font-size:15px}
.kc10 em{font-weight:600}
.sc10 em{font-weight:650}
.cn10{font-weight:600}
.ag10.late{font-weight:600}
.nm10{font-size:17px}
.kb10{font-size:13px;font-weight:600}
.sg10{font-size:13px;font-weight:600}
.ow10{font-weight:600}
.em10 b{font-size:17px}
.nkb10{font-size:13px;font-weight:600}
.lo10 span,.lo10 small{font-size:13px}
.cvh10 h1{font-size:24px}
.cvh10 p{font-size:15px}
.ur10{font-weight:650}
.qb10{font-size:15px;font-weight:600}
.cd10s h3{font-size:15px}
.stp10 button{font-size:15px}
.stp10 i{font-weight:650}
.stp10 li.cur button{font-weight:650}
.nx10{font-size:15px;font-weight:650}
.dn10{font-weight:600}
.cod10{font-size:12px;font-weight:650}
.pp10{font-size:12px;font-weight:650}
.lvg10 small{font-size:12px}
.lvg10 b{font-size:13px}
.tl10 b{font-size:13px}
.tt10h b{font-size:15px}
.tt10 p{font-size:13px}
.nb11{font-weight:650}
.tb11 a{font-size:15px;font-weight:600}
.kp11 span{font-size:13px}
.al11 em{font-weight:650}
.cd11 h3{font-size:15px}
.ch11 small{font-size:12px}
.tp11 span:nth-of-type(2){font-size:15px}
.rk11{font-weight:650}
.ini{font-weight:650}
.qa11 a{font-size:13px;font-weight:600}
.mv11 b{font-size:15px}
.mq11{font-weight:650}
.c11 em{font-size:12px;font-weight:650}
.ck11.sm .c11{font-size:13px}
.pb11{font-size:12px;font-weight:650}
.s11 b{font-weight:650}
.s11 u{font-weight:600}
.pk11 b{font-size:28px}
.pk11 small{font-size:13px}
.pc11 header small{font-size:13px}
.sb11{font-weight:650}
.ok11{font-weight:650}
.pt11 .hd{font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
.pr11>span{font-size:15px}
.pr11 small{font-size:12px}
.po11r span,.po11r small{font-size:13px}
.lb11l{font-size:13px;font-weight:600}
.szb11 small{font-size:12px}
.seg11 button{font-weight:600}
.bd11{font-weight:650;text-transform:none;letter-spacing:0}
.nm11{font-weight:600}
.ex11{font-size:13px}
.it11 b{font-size:13px}
.it11 em{font-size:12px;font-weight:650}
.io11a small{font-size:13px}
.rh12 h1{font-size:24px}
.rk12 b{font-size:24px}
.rk12 small{font-size:13px}
.rc12 h3{font-size:17px}
.st12{font-weight:650}
.wr12 small{font-size:13px}
.wr12 em{font-weight:600}
.aw12 .inp{text-transform:none;letter-spacing:0}
.ta12{text-transform:none;letter-spacing:0}
.cl12 li{font-size:13px}
.hb12 small{font-size:13px}
.hn12{font-weight:650}
.hd12 a{font-size:13px}
.hw12{font-size:13px}
.rvb12{font-weight:600}
.rvb12 em{font-size:13px}
.pg13 span{font-size:12px}
.pg13 i{font-weight:650}
.kk13 span{font-size:24px}
.sr13 .inp{font-size:17px}
.oc13 small{font-size:13px}
.oc13 em{font-weight:600}
.oc13 i{font-weight:650}
.nm13{font-weight:600}
.rb13{font-size:15px}
.so13{font-size:13px}
.ao13 span{font-size:15px;font-weight:600}
.ch13>span{font-size:13px;font-weight:600}
.bk13{font-weight:600}
.mono{text-transform:none;letter-spacing:0}
.rd13>div:last-child>b{font-size:15px}
.rd13 i.ok{font-weight:600}
.sm13h{font-size:17px}
.sm13h span{font-size:24px}
.sm13 dt{font-size:13px}
.sm13 dd{font-size:15px}
.oc10>span{font-size:13px;font-weight:600}
.p14 h3{font-size:17px}
.mt14{font-size:13px}
.nt14{font-size:13px}
.lk14{font-size:13px;font-weight:600}
.lk14.sm{font-size:13px}
.go14{font-weight:650}
.go14.sm{font-size:15px}
.bk14{font-weight:600}
.av14{font-weight:650}
.ch14{font-weight:600}
.hero14 p{font-size:13px}
.cx14 h3{font-size:17px}
.cx14 p{font-size:13px}
.lb14{font-size:15px;font-weight:650}
.kn14{font-size:24px;font-weight:650}
.fl15 b{font-size:28px}
.wd14 small{font-size:12px}
.qb14 b{font-size:15px}
.bl14>b{font-size:13px}
.bl14 small{font-size:12px}
.bn14{font-size:17px;font-weight:650}
.rq16 b{font-size:15px}
.ic16{font-size:24px}
.cal14 .dh{font-size:12px;font-weight:600}
.cal14 button{font-weight:600}
.cl14 b{font-size:15px}
.cl14 em{font-weight:650}
.hl14 b{font-size:24px}
.hl14>div>span{font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
.hl14 p{font-size:13px;font-weight:600}
.br14 small{font-size:12px}
.l14{font-weight:600}
.in14{font-size:17px}
.in14.big{font-size:28px;font-weight:650}
.pre14{font-weight:600}
.in14.big+*,.amt14 .pre14{font-size:24px}
.e14{font-size:13px}
.f14.good .w14::after{font-weight:650}
.q14{font-size:15px;font-weight:650}
.sec14{font-size:15px}
.pl14>button{font-size:15px}
.pl14.bg14>button{font-weight:650}
.tg14{font-size:15px}
.tg14.sm{font-size:13px}
.sum14{font-size:15px}
.sum14 .bad,.net14 .bad{font-weight:600}
.lt14 button b{font-size:15px}
.ct14 button small{font-size:12px}
.amt14 .pre14{font-size:24px}
.bz14 b{font-size:15px}
.pdf14{font-size:17px;font-weight:650}
.ph14 small{font-size:13px}
.pp14{font-size:13px;font-weight:600}
.net14 b{font-size:24px}
.pay14 b{font-size:17px}
.fe14{font-size:13px}
.ok14 h3{font-size:24px}
.tb14 button{font-size:15px;font-weight:600}
.tb14 em,.bd15{font-size:12px;font-weight:650}
.as14 small{font-size:12px}
.as14 em{font-size:12px}
.more14{font-weight:650}
.rb14 span{font-size:13px}
.rb14 small{font-size:13px}
.ok15{font-weight:600}
.ra14 button{font-size:17px;font-weight:650}
.sy14,.sn14{font-weight:650}
.ic14 button span{font-size:15px;font-weight:600}
.dp14>div{font-size:13px}
.se14 input{font-size:17px}
.pc14 small{font-size:13px}
.pm14{font-size:12px}
.ev14 p{font-size:13px}
.ev14 small{font-size:13px}
.kv14 b{font-size:15px}
.hs14 b{font-size:15px}
.mo14 b{font-size:17px}
.mo14 .lk14:not(.sm){font-size:24px}
.at14{font-size:13px}
.at14 thead th{font-weight:600}
.at14 tbody th button{font-weight:600}
.at14 td{font-weight:650}
.at14 .tot{font-size:15px}
.ltx14 .in14{font-size:15px}
.hlx14 small{font-size:12px}
.hlx14 span{font-size:13px}
.pt14 span{font-size:13px}
.mk15{font-size:13px}
.pq15{font-size:15px;font-weight:650}
.pp15 b,.bm15 b{font-size:15px}
.ra15{font-weight:650}
.rf10{font-size:13px}
.ps15{font-weight:600}
.if16 .inp{text-transform:none;letter-spacing:0}
.bkm16,.bki16{font-size:13px}
.cn15{font-size:13px;font-weight:600}
.st15 button b{font-size:24px}
.st15 button span{font-weight:600}
.st15 em{font-size:12px;font-weight:650}
.dt15>button{font-size:13px}
.cr15 .in14{font-size:15px}
.sg15 button{font-weight:600}
.so15{font-size:13px;font-weight:600}
.so15 .in14{font-size:15px}
.fl16{font-size:13px;font-weight:600}
.ru15{font-size:13px}
.sm15{font-size:13px}
.pk15 button{font-size:13px;font-weight:600}
.oq15.sel .ck15::after{font-size:15px;font-weight:650}
.om15>span{font-size:13px}
.om15 small{font-size:13px}
.ub15{font-size:12px;font-weight:650}
.tg15 i{font-size:12px;font-weight:600}
.or15 b{font-size:17px}
.or15 small{font-size:12px}
.bb15 .bk14.sm{font-size:13px}
.fi15{font-size:15px}
.fi15 i{font-weight:650}
.fi15 em{font-weight:600}
.hl15 button{font-size:15px}
.hl15 button span{font-size:24px}
.cp15{font-size:15px}
.rs15 li{font-size:13px}
.ma15 input:checked+.ck15::after{font-size:15px;font-weight:650}
.ma15 input:indeterminate+.ck15::after{font-size:17px;font-weight:650}
.cf15{font-size:15px}
.mo15{font-weight:600}
.dz16 b{font-size:15px}
.dz16>small{font-size:13px}
.dh16{font-size:13px;font-weight:600}
.x14.sm{font-size:12px}
.rh16 h3{font-size:20px}
.df16 legend{font-size:15px;font-weight:650}
.bn16 b{font-size:17px}
.bn16 small{font-size:12px}
.bm16 small{font-size:13px}
.nf16 em{font-weight:650}
.nb17 i{font-size:12px;font-weight:650}
.tx17 b{font-size:15px}
.tx17 small{font-size:12px}
.tx17 em{font-size:12px}
.sn18{font-size:15px}
.sn18 button{font-weight:650}
.pend18::after{font-size:12px;font-weight:600}
.ni19 small{font-size:13px}
.hlp>span{font-weight:600}
.hd20 p{font-size:15px}
.ln20{font-size:15px}
.sr20{font-size:15px}
.fc20 h2{font-size:28px}
.sm20 b{font-size:24px}
#main .home6 .h6-t small{font-size:15px}
#main .home6 .h6-rt b{font-size:17px}
.ph22 p{font-size:15px}
.cm22{font-size:17px}
.bh22 h2{font-size:24px}
.pg22 b{font-size:28px}
.pg22 b small{font-size:17px}
.nm22 b{font-size:17px}
.rc22{font-weight:600}
.go22{font-size:17px}
.sa22 button{font-size:13px}
.ch22 li{font-size:15px}
.ra22 b{font-size:15px}
.mu22{font-size:15px}
.wr22 h2{font-size:24px}
.wr22 p{font-size:17px}
.wr22 button{font-weight:600}
.pl22 button{font-size:15px}
.bl22 small{font-size:13px}
.ub22>span{font-size:15px}
.ub22 button{font-weight:600}
.sn22{font-weight:600}
.sp22 p{font-size:15px}
.sl22 a{font-size:15px}
.bt23{font-size:15px}
.bt23.sm{font-size:13px}
.tb23 a{font-size:15px}
.tb23 em{font-size:12px}
.sc23 b{font-size:17px}
.id23 h2,.br23 h2{font-size:17px}
.ic23 strong{font-size:17px}
.fc23 button{font-size:13px}
.sa23{font-size:15px}
.mu23{font-size:15px}
.tm23 b{font-size:13px}
.lb23{font-size:12px}
.em23 b{font-size:17px}
.ab23 span{font-size:15px}
.ro23{font-size:15px}
.bnh23 b{font-size:17px}
.bm23 b{font-size:15px}
.bm23 small{font-size:13px}
.dy23{font-size:13px}
@media (max-width:760px){.ph h1{font-size:24px}.mbar a{font-size:12px}.mbar a.on{font-weight:600}.inp{font-size:17px}.st15 button b{font-size:20px}.bb15>button:not(.x14){font-size:13px !important}.sx15.on>button{font-size:13px}.tb19 b{font-size:17px;font-weight:650}.ib19 em{font-size:12px;font-weight:600}.mb19 a,.mb19 button{font-size:12px}}
@media(max-width:900px){.pk11 b{font-size:24px}}
@media(max-width:760px){.rh12 h1{font-size:24px}.q13{font-size:17px}}
@media (max-width:420px){.sm20 b{font-size:20px}}
@media (max-width:759px){.sp22 .bg22{font-size:28px}}

/* phones: body at 16px (after the generated rules so it wins) */
@media (max-width:760px){body{font-size:16px}}
/* repeated roles stay identical on every screen */
b,strong{font-weight:600}
small{font-size:var(--t-meta)}
#main h1{font-size:var(--t-page)!important;font-weight:600;letter-spacing:-.02em}
@media (max-width:760px){#main h1{font-size:22px!important}}
th,legend,optgroup{font-weight:600}

/* v26.css */
/* v26 · polish (Impeccable "polish" + craft floor)
   1 inaccessible paths first: contrast in light and dark, gold buttons always dark text
   2 drift: no kicker labels above headings, no thick coloured left edges on cards or banners
   3 motion: product screens arrive without orchestrated entrances (one quick fade), state changes keep feedback
   4 browser surfaces: selection, caret, focus ring, checkboxes, scrollbars, link underline all from the palette */

/* ---------- contrast ---------- */
:root{--muted:#5B6271}
html.dark{--muted:#A3AAB6}
/* badges: text is a darker shade of its own tint (≥4.5:1), lighter shade in dark mode */
.ch14{color:color-mix(in srgb,var(--c) 60%,#14171F)!important}
html.dark .ch14{color:color-mix(in srgb,var(--c) 50%,#ffffff)!important;background:color-mix(in srgb,var(--c) 22%,transparent)!important}
.sy14{background:#15803D!important}.sn14{background:#7A5A0C!important}
html.dark .tb23 em,html.dark .ib22 em,html.dark .ib19 em{background:#D92D20!important}
/* every gold-filled button keeps dark text in light and dark mode (a later link rule was turning it gold) */
.bt20:not(.ln),.bt23:not(.ln):not(.dg),.btn6:not(.line):not(.green),.go14,.cm22,.dn22,.btn.pri,.scan,.nb11,.ub22 button:not(.x),.mb19 .pr19 i,.big6{color:#14171F!important}
html.dark #main a.bt20:not(.ln),html.dark #main a.btn6:not(.line):not(.green),html.dark #main a.big6,html.dark #main a.bt23:not(.ln):not(.dg){color:#14171F!important}
html.dark #main .bk9{color:#C3C8D1!important;background:#171A21;border-color:#2A2F3A}
html.dark #main .row .it,html.dark #main .row small,html.dark #main .o small{color:#C3C8D1}

/* ---------- drift: no thick coloured edges, no kicker above headings ---------- */
.fc20::before,#main .home6 .now::before,.bx22::before{display:none!important}
.fc20{border-color:#E9C25A!important}html.dark .fc20{border-color:#5A4A1A!important}
#main .home6 .now{border-color:#E9C25A}html.dark #main .home6 .now{border-color:#5A4A1A}
.bx22{border:1.5px solid var(--l)}.bx22.ready{border-color:var(--ok);box-shadow:0 0 0 3px #15803D1f,0 10px 28px -16px #14171F2e}
.nw16,.nf16,.nt7{border-left-width:1px!important;border-left-color:var(--line,#E3E6EB)!important}
html.dark .nw16,html.dark .nf16,html.dark .nt7{border-left-color:#2A2F3A!important}
#main .home6 .k6{display:none}

/* ---------- motion: no page-load choreography on work screens ---------- */
.rv20,#main .home6 .h6,#main .home6 .b6>*,.sp22,.mt23,.bn23,.rz16{animation:none!important}
.in21{animation:in26 .16s ease-out both}@keyframes in26{from{opacity:.001}}
/* reduced motion keeps quick fades for state changes, removes movement */
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
  *{transition-property:opacity,color,background-color,border-color!important;transition-duration:.12s!important}}

/* ---------- browser surfaces ---------- */
::selection{background:#F1D27A;color:#14171F}
input,textarea,[contenteditable]{caret-color:#B8860B}
:root{accent-color:#D4A017}
:focus-visible{outline:3px solid #D4A017;outline-offset:2px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:0}
a{text-underline-offset:.18em;text-decoration-thickness:1px}
*{scrollbar-width:thin;scrollbar-color:#C9CED8 transparent}
html.dark *{scrollbar-color:#3A404D transparent}

/* ---------- dark mode: every older fixed dark-grey text colour gets its light counterpart (generated) ---------- */
html.dark label{color:#C3C8D1}
html.dark .it{color:#C3C8D1}
html.dark .tk p{color:#C3C8D1}
html.dark .rail h6{color:#C3C8D1}
html.dark .h6-av{color:#E8EAEE}
html.dark .h6-ci{color:#E8EAEE !important}
html.dark .h6-in input{color:#E8EAEE}
html.dark .n6 small{color:#C3C8D1}
html.dark .t6 span{color:#C3C8D1}
html.dark .t6 small{color:#C3C8D1}
html.dark .r6 small{color:#C3C8D1}
html.dark .tk6 small{color:#C3C8D1}
html.dark .hint6 span{color:#E8EAEE}
html.dark .hint6 small{color:#C3C8D1}
html.dark .big6{color:#E8EAEE !important}
html.dark .q6 small{color:#C3C8D1}
html.dark .nx6 small{color:#C3C8D1}
html.dark .lab6-h p{color:#C3C8D1}
html.dark .z6-k{color:#C3C8D1}
html.dark .z6 small{color:#C3C8D1}
html.dark .busy6 small{color:#C3C8D1}
html.dark .rs6 small{color:#C3C8D1}
html.dark .res6 p{color:#C3C8D1}
html.dark .mbar6 .mb6-p span{color:#E8EAEE}
html.dark .nt7 small{color:#C3C8D1}
html.dark .dkb small{color:#C3C8D1}
html.dark .pl7 small{color:#C3C8D1}
html.dark .bx7 small{color:#C3C8D1}
html.dark .mi7 small{color:#C3C8D1}
html.dark .bg7 small{color:#C3C8D1}
html.dark .kd7 span{color:#C3C8D1}
html.dark .rail nav.nav8 a.on{color:#E8EAEE !important}
html.dark .mbar8 a.on{color:#E8EAEE !important}
html.dark .fnd8{color:#C3C8D1}
html.dark .fe8 small{color:#C3C8D1}
html.dark .pu8 small{color:#C3C8D1}
html.dark .bk9{color:#C3C8D1 !important}
html.dark .h9 p{color:#C3C8D1}
html.dark .g9 h2{color:#C3C8D1}
html.dark .t9i{color:#E8EAEE}
html.dark .t9t small{color:#C3C8D1}
html.dark .su9{color:#C3C8D1 !important}
html.dark .su9 b{color:#E8EAEE}
html.dark .dc9 small{color:#C3C8D1}
html.dark .ch10 p{color:#C3C8D1}
html.dark .nb10{color:#E8EAEE}
html.dark .ring10 small{color:#C3C8D1}
html.dark .sr10{color:#C3C8D1}
html.dark .tab10{color:#C3C8D1}
html.dark .tab10.on{color:#E8EAEE}
html.dark .sc10{color:#C3C8D1}
html.dark .sc10.on{color:#E8EAEE}
html.dark .sc10 em{color:#E8EAEE}
html.dark .cn10{color:#C3C8D1}
html.dark .ag10{color:#C3C8D1}
html.dark .cc10>small{color:#C3C8D1}
html.dark .em10{color:#C3C8D1}
html.dark .em10 b{color:#E8EAEE}
html.dark .lo10 span,html.dark .lo10 small{color:#C3C8D1}
html.dark .cvh10 p{color:#C3C8D1}
html.dark .stp10 button{color:#C3C8D1}
html.dark .stp10 li.done button{color:#E8EAEE}
html.dark .stp10 li.cur button{color:#E8EAEE}
html.dark .stp10 li.cur i{color:#E8EAEE}
html.dark .bk10 small{color:#C3C8D1}
html.dark .lvg10 small{color:#C3C8D1}
html.dark .le10{color:#C3C8D1}
html.dark .tc10.add{color:#C3C8D1 !important}
html.dark .tl10 small{color:#C3C8D1}
html.dark .kv10 small{color:#C3C8D1}
html.dark .tt10h span{color:#C3C8D1}
html.dark .tt10f small{color:#C3C8D1}
html.dark .sh11h p{color:#C3C8D1}
html.dark .nb11{color:#E8EAEE}
html.dark .tb11 a{color:#C3C8D1 !important}
html.dark .kp11 span{color:#C3C8D1}
html.dark .kp11 small{color:#C3C8D1}
html.dark .al11 small{color:#C3C8D1}
html.dark .lg11{color:#C3C8D1}
html.dark .ch11 small{color:#C3C8D1}
html.dark .cl11 small{color:#C3C8D1}
html.dark .mv11 small{color:#C3C8D1}
html.dark .sr11{color:#C3C8D1}
html.dark .c11 em{color:#C3C8D1}
html.dark .dc11b>small{color:#C3C8D1}
html.dark .pk11 small{color:#C3C8D1}
html.dark .pc11 header small{color:#C3C8D1}
html.dark .pt11 .hd{color:#C3C8D1}
html.dark .pr11 small{color:#C3C8D1}
html.dark .um11 small{color:#C3C8D1}
html.dark .po11r span,html.dark .po11r small{color:#C3C8D1}
html.dark .lb11l{color:#C3C8D1}
html.dark .lb11l b{color:#E8EAEE}
html.dark .szb11 small{color:#C3C8D1}
html.dark .seg11 button{color:#C3C8D1}
html.dark .seg11 button.on{color:#E8EAEE}
html.dark .pi11 small{color:#C3C8D1}
html.dark .ex11{color:#C3C8D1}
html.dark .it11 small{color:#C3C8D1}
html.dark .it11.ex em{color:#C3C8D1}
html.dark .io11a small{color:#C3C8D1}
html.dark .rh12 p{color:#C3C8D1}
html.dark .rk12 small{color:#C3C8D1}
html.dark .wr12 small{color:#C3C8D1}
html.dark .cl12 li span{color:#C3C8D1}
html.dark .hb12 small{color:#C3C8D1}
html.dark .cf12 summary small{color:#C3C8D1}
html.dark .nl12 small{color:#C3C8D1}
html.dark .pg13 .c{color:#E8EAEE}
html.dark .pg13 .c i{color:#E8EAEE}
html.dark .kk13 small{color:#C3C8D1}
html.dark .oc13 small{color:#C3C8D1}
html.dark .nm13{color:#C3C8D1}
html.dark .nm13:hover{color:#E8EAEE}
html.dark .al13>small{color:#C3C8D1}
html.dark .ao13 small{color:#C3C8D1}
html.dark .ch13>span{color:#C3C8D1}
html.dark .bk13{color:#C3C8D1}
html.dark .sm13 dt{color:#C3C8D1}
html.dark .oc10>span{color:#C3C8D1}
html.dark .kd13 small{color:#C3C8D1}

/* ---------- remaining contrast found after the first polish check ---------- */
/* department page counts and courier tags: colour of their own, darkened in light mode, lightened in dark mode */
.dc9 em,.ctag{color:color-mix(in srgb,var(--c) 60%,#14171F)!important}
html.dark .dc9 em,html.dark .ctag{color:color-mix(in srgb,var(--c) 45%,#ffffff)!important}
html.dark .ctag{background:color-mix(in srgb,var(--c) 22%,transparent)!important}
/* Schedule orders segment (All / Prepaid / COD) in dark mode */
html.dark .sg15{background:#1E222B}html.dark .sg15 button{color:#C3C8D1}html.dark .sg15 button.on{background:#2A2F3A;color:#E8EAEE}
/* red delete buttons: one red that keeps white text readable in both themes */
.bt23.dg{background:#B42318!important;border-color:#B42318!important;color:#fff!important}
/* step bar: the active step title stays white on its dark pill in both themes */
.st17.on .tx17 b,html.dark .st17.on .tx17 b{color:#fff!important}

/* v27.css */
/* v27 · Data center, Stock audit, manager code card. Same tokens as v23/v24: 4px scale, 14px cards, 10px controls, gold accent. */
.dc27,.sa27p{display:flex;flex-direction:column;gap:var(--s6,24px)}
.ph27{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 16px}
.ph27 h1{margin:0;font-size:24px;font-weight:600;letter-spacing:-.02em}.ph27 p{margin:4px 0 0;max-width:68ch;color:var(--muted,#5c6370);line-height:1.5}
.sec27{display:flex;flex-direction:column;gap:12px}
.sh27{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}.sh27 h2{display:flex;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:600}
.mu27{color:var(--muted,#5c6370);font-size:13px}
.bt27{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid transparent;background:var(--ink,#1d1d1f);color:var(--bg,#fff);font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.bt27.ln{background:var(--surface,#fff);color:var(--ink,#1d1d1f);border-color:var(--line,#dcd8ce)}
.bt27.dg{background:#B3261E;color:#fff}.bt27:disabled{opacity:.45;cursor:not-allowed}
.in27{min-height:44px;padding:0 12px;border:1px solid var(--line,#dcd8ce);border-radius:10px;background:var(--surface,#fff);color:var(--ink,#1d1d1f);font:inherit;box-sizing:border-box;min-width:0}
/* live data tiles */
.gr27{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.tl27{border:1px solid var(--line,#e5e2da);border-radius:14px;padding:14px 16px;background:var(--surface,#fff);display:flex;flex-direction:column;gap:4px}
.tl27.em{background:transparent;border-style:dashed}
.tt27{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.tt27 strong{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}
.tl27 small{color:var(--muted,#5c6370);font-size:12px}
.ul27{display:flex;flex-direction:column;gap:2px;margin-top:6px}.ul27 a{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--link,#7A5A0C);text-decoration:none;min-height:28px}.ul27 a:hover{text-decoration:underline}
/* upload guide */
.up27{margin:0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:u}
.up27 li{counter-increment:u;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:12px 16px;border:1px solid var(--line,#e5e2da);border-radius:14px;background:var(--surface,#fff)}
.up27 li::before{content:counter(u);grid-row:1/span 2;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--soft,#f1eee6);font-weight:600;font-size:13px}
.up27 span{grid-column:2;color:var(--muted,#5c6370);font-size:13px;line-height:1.5}.up27 a{grid-column:3;grid-row:1/span 2;white-space:nowrap;font-weight:600;color:var(--link,#7A5A0C)}
/* reset or keep */
.rl27{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}
.ri27{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border:1px solid var(--line,#e5e2da);border-radius:14px;background:var(--surface,#fff);cursor:pointer}
.ri27 input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.sw27{width:36px;height:22px;border-radius:999px;background:#C9C3B4;position:relative;transition:background .15s}.sw27::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s}
.ri27.on{border-color:#B3261E;background:color-mix(in srgb,#B3261E 6%,var(--surface,#fff))}.ri27.on .sw27{background:#B3261E}.ri27.on .sw27::after{transform:translateX(14px)}
.ri27 input:focus-visible~.sw27{outline:2px solid var(--ac21,#D4A017);outline-offset:2px}
.rt27{display:flex;flex-direction:column;gap:2px}.rt27 small{color:var(--muted,#5c6370);font-size:13px;line-height:1.4}.rt27 .nd27{color:#8A5A00}
.kp27{font-style:normal;font-size:12px;font-weight:600;padding:2px 10px;border-radius:999px;background:var(--soft,#f1eee6)}.ri27.on .kp27{background:#B3261E;color:#fff}
.kpl27{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;padding:12px 16px;border-radius:14px;background:var(--soft,#f6f4ee);font-size:13px;line-height:1.5}.kpl27 b{display:inline-flex;align-items:center;gap:6px}
.ra27{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.rw27{margin:0 0 8px;padding-left:20px;line-height:1.7}.rw27 small{color:var(--muted,#5c6370)}
/* super admins */
.sa27{margin:0;padding:0;list-style:none;border:1px solid var(--line,#e5e2da);border-radius:14px;background:var(--surface,#fff)}
.sa27 li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 16px;min-height:56px}.sa27 li+li{border-top:1px solid var(--line,#eeebe3)}
.av27{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--soft,#f1eee6);font-weight:600}
.sn27{display:flex;flex-direction:column;min-width:0}.sn27 small{color:var(--muted,#5c6370);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.on27{font-style:normal;font-size:12px;font-weight:600;color:#7A5A0C;background:#FBF3DC;padding:2px 10px;border-radius:999px}
.tg27{position:relative;display:inline-block;width:44px;height:26px}.tg27 input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.tg27 i{position:absolute;inset:0;border-radius:999px;background:#C9C3B4;pointer-events:none;transition:background .15s}
.tg27 i::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s}.tg27 input:checked+i{background:#2F8F5B}.tg27 input:checked+i::after{transform:translateX(18px)}
.tg27 input:focus-visible+i{outline:2px solid var(--ac21,#D4A017);outline-offset:2px}
.no27{display:flex;align-items:center;gap:8px;color:var(--muted,#5c6370)}
/* stock audit */
.af27{display:flex;flex-wrap:wrap;gap:8px}.sq27{flex:1 1 280px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line,#dcd8ce);border-radius:10px;background:var(--surface,#fff);min-height:44px}.sq27 input{flex:1;border:0;background:none;font:inherit;color:inherit;min-width:0;outline:none}
.at27{border:1px solid var(--line,#e5e2da);border-radius:14px;background:var(--surface,#fff);overflow:hidden}
.ah27,.ar27{display:grid;grid-template-columns:minmax(0,2.2fr) .8fr .7fr 110px .8fr 1.5fr;gap:12px;align-items:center;padding:8px 16px}
.ah27{font-size:12px;font-weight:600;color:var(--muted,#5c6370);background:var(--soft,#f6f4ee)}
.ar27{min-height:56px}.ar27+.ar27{border-top:1px solid var(--line,#eeebe3)}.ar27.ch{background:color-mix(in srgb,#D4A017 7%,var(--surface,#fff))}
.ar27 b{display:block}.ar27 small{color:var(--muted,#5c6370);font-size:12px}.nm27{font-variant-numeric:tabular-nums}.cn27{width:100%}
.df27 i{font-style:normal;font-weight:600;font-variant-numeric:tabular-nums}.df27 .z,.hs27 .z{color:var(--muted,#5c6370);font-weight:500}
.pz27{color:#1F7A47}.mz27{color:#B3261E}.hs27 i{font-style:normal}
.em27{padding:32px 16px;text-align:center;color:var(--muted,#5c6370);margin:0}
.ab27{position:sticky;bottom:12px;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:12px 16px;border:1px solid var(--line,#e5e2da);border-radius:14px;background:var(--surface,#fff);box-shadow:0 6px 24px rgba(0,0,0,.08)}.ab27 #an27{flex:1 1 240px}
.hs27{margin:0;padding:0;list-style:none}.hs27 li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:10px 0;align-items:baseline}.hs27 li+li{border-top:1px solid var(--line,#eeebe3)}.hs27 span{color:var(--muted,#5c6370);font-size:13px}.hs27 em{font-style:normal;font-size:13px}
@media (max-width:760px){
  .ah27{display:none}.ar27{grid-template-columns:minmax(0,1fr) 96px;gap:4px 12px;padding:12px}
  .ar27>:nth-child(1){grid-column:1/-1}.ar27>:nth-child(2)::before{content:"Rack ";}.ar27>:nth-child(3)::before{content:"Portal ";color:var(--muted,#5c6370);font-size:12px}
  .ar27>:nth-child(4){grid-column:2;grid-row:2/span 2}.ar27>:nth-child(6){grid-column:1/-1}
  .up27 li{grid-template-columns:28px minmax(0,1fr)}.up27 a{grid-column:2;grid-row:auto}
  .hs27 li{grid-template-columns:minmax(0,1fr)}.ab27{bottom:76px}
}
/* manager code card on Me */
.mc27{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px 16px;align-items:start;padding:16px 20px;margin-bottom:var(--s4,16px);border:1px solid var(--line,#e5e2da);border-radius:14px;background:var(--surface,#fff)}
.mc27 p{margin:4px 0 0;color:var(--muted,#5c6370);font-size:13px;line-height:1.5;max-width:68ch}.mc27 em{font-style:normal;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;margin-left:6px}
.ok27{background:#E3F2E8;color:#1F6B3E}.no27s{background:#FBF3DC;color:#7A5A0C}
@media (max-width:760px){.mc27{grid-template-columns:24px minmax(0,1fr)}.mc27 .bt27{grid-column:1/-1}}
/* HR: give portal login */
.gl14{margin-top:12px;padding:12px 16px;border-radius:14px;background:var(--soft,#f6f4ee);display:flex;flex-direction:column;gap:8px}.gl14 p{margin:0;line-height:1.5}
.tp14{font-family:ui-monospace,Menlo,monospace;letter-spacing:.04em;padding:1px 6px;border-radius:6px;background:var(--surface,#fff);user-select:all}
/* dark */
html.dark .on27,html.dark .no27s{background:#3A2F10;color:#E9C25A}html.dark .ok27{background:#163323;color:#8FD3A8}html.dark .pz27{color:#7FD19D}html.dark .mz27{color:#F2B8B5}html.dark .rt27 .nd27{color:#E9C25A}html.dark .ul27 a,html.dark .up27 a{color:#E9C25A}
@media (prefers-reduced-motion:reduce){.sw27,.sw27::after,.tg27 i,.tg27 i::after{transition:none}}
html.dark .ri27:not(.on) .sw27,html.dark .tg27 input:not(:checked)+i{background:#4A4F5A}
.p14>.mc27{margin:var(--s4,16px) 0}

/* v28.css */
/* v28 · Orders with photos (list + grid), filters, priority; Collections; product page. Same tokens: 4px scale, 14px cards, 10px controls, gold accent. */

/* ---------- Orders: photos in rows ---------- */
#main .list .row .it{display:flex;align-items:center;gap:var(--s3,12px);min-width:0;flex-wrap:wrap}
.ths2{display:inline-flex;align-items:center;flex:none}
.th2{width:40px;height:40px;border-radius:8px;object-fit:cover;border:2px solid var(--surface,#fff);background:var(--soft,#f1eee6);display:inline-grid;place-items:center;font-size:14px;font-weight:600;color:var(--muted,#5c6370);flex:none}
.ths2 .th2+.th2{margin-left:-12px}.ths2 em{font-style:normal;font-size:12px;font-weight:600;color:var(--muted,#5c6370);margin-left:6px}
.itx2{flex:1 1 160px;min-width:0}
#main .list .row .it .why{flex-basis:100%}
.bd.pri2{background:#FBF3DC;color:#7A5A0C;border:1px solid #E9C25A}
html.dark .bd.pri2{background:#3A2F10;color:#E9C25A;border-color:#7A5A0C}

/* filters + view toggle */
#main .tools .fb2 b{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:999px;background:var(--ink,#111);color:var(--surface,#fff);font-size:11px;margin-left:4px}
.vw2{display:inline-flex;border:1px solid var(--line,#e5e7eb);border-radius:10px;overflow:hidden;margin-left:auto;flex:none}
.vw2 button{min-height:36px;padding:0 14px;border:0;background:var(--surface,#fff);color:var(--muted,#5c6370);font:inherit;font-weight:600;cursor:pointer}
.vw2 button[aria-pressed=true]{background:var(--ink,#111);color:var(--surface,#fff)}
.fl2{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s3,12px);padding:var(--s3,12px) var(--s4,16px);margin:0 0 var(--s4,16px);border:1px solid var(--line,#e5e7eb);border-radius:14px;background:var(--surface,#fff)}
.fl2 label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted,#5c6370);font-weight:600}.fl2 select{min-width:140px}
.fl2 label.chk{flex-direction:row;align-items:center;gap:8px;min-height:36px;font-size:13px;color:var(--ink,#111)}
@media (max-width:760px){.vw2{margin-left:0}.fl2 label:not(.chk){flex:1 1 calc(50% - 12px)}.fl2 select{min-width:0;width:100%}}

/* grid view: a card per order with the product photo first */
.ga2{margin:0 0 var(--s3,12px)}
.og2{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--s4,16px);margin-bottom:var(--s6,24px)}
.oc2{display:flex;flex-direction:column;border:1px solid var(--line,#e5e7eb);border-radius:14px;background:var(--surface,#fff);overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.oc2:hover{border-color:#D4A017;box-shadow:0 4px 16px rgba(0,0,0,.06)}.oc2.sel{border-color:#D4A017;box-shadow:0 0 0 2px #D4A017 inset}
.oci2{position:relative;aspect-ratio:16/10;background:var(--soft,#f1eee6)}
.ocp2{width:100%;height:100%;object-fit:cover;display:grid;place-items:center;font-size:40px;font-weight:600;color:var(--muted,#5c6370)}
.ocn2{position:absolute;left:8px;bottom:8px;display:flex}.ocn2 .th2{width:36px;height:36px}.ocn2 .th2+.th2{margin-left:-10px}.ocn2 em{font-style:normal;font-size:12px;font-weight:600;color:#fff;background:rgba(0,0,0,.55);border-radius:999px;padding:2px 8px;align-self:center;margin-left:6px}
.occ2{position:absolute;top:8px;left:8px;width:36px;height:36px;border-radius:10px;background:var(--surface,#fff);display:grid;place-items:center;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.ocb2{display:flex;flex-direction:column;gap:4px;padding:var(--s3,12px) var(--s4,16px) var(--s4,16px);flex:1}
.oct2{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.oct2 b{margin-right:auto;font-size:15px}
.ocb2 small{color:var(--muted,#5c6370);font-size:13px}.ocb2 p{margin:4px 0 0;font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ocb2 .why{color:#8A5A00}html.dark .ocb2 .why{color:#E9C25A}
.ocf2{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px;font-variant-numeric:tabular-nums;font-weight:600}

/* order drawer: items with photos, priority switch */
.di2{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.di2 li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center}
.dip2{width:56px;height:56px;border-radius:10px;object-fit:cover;background:var(--soft,#f1eee6);display:grid;place-items:center;font-weight:600;color:var(--muted,#5c6370);font-size:18px}
.di2 a{display:block;border-radius:10px}.di2 span{display:flex;flex-direction:column;min-width:0}.di2 small{color:var(--muted,#5c6370);font-size:13px}.di2 strong{font-variant-numeric:tabular-nums}
.kp2{font-style:normal;color:#1F7A47;font-weight:600}html.dark .kp2{color:#7FD19D}
.pr2{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;margin-top:12px;padding:12px;border-radius:12px;background:#FBF3DC;cursor:pointer}
.pr2 input{margin-top:3px;width:18px;height:18px}.pr2 span{display:flex;flex-direction:column;gap:2px}.pr2 small{font-size:13px;color:#5c4a14;line-height:1.45}
html.dark .pr2{background:#2B2410}html.dark .pr2 small{color:#E9D9A8}

/* ---------- shared for the new stock pages ---------- */
.cl28,.pp28{display:flex;flex-direction:column;gap:var(--s5,20px)}
#main .bk28{align-self:flex-start;margin:0}
.ph28{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 16px}
.ph28 h1{margin:0;font-size:24px;font-weight:600;letter-spacing:-.02em}.ph28 p{margin:4px 0 0;color:var(--muted,#5c6370);line-height:1.5;max-width:70ch}
.ha28{display:flex;flex-wrap:wrap;gap:8px}
.bt28{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid transparent;background:var(--ink,#111);color:var(--surface,#fff);font:inherit;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap}
.bt28.ln{background:var(--surface,#fff);color:var(--ink,#111);border-color:var(--line,#e5e7eb)}
.in28{min-height:44px;padding:0 12px;border:1px solid var(--line,#e5e7eb);border-radius:10px;background:var(--surface,#fff);color:var(--ink,#111);font:inherit;max-width:100%}.in28.sm{min-height:36px}
.lk28{background:none;border:0;padding:6px 4px;font:inherit;font-weight:600;color:#7A5A0C;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.lk28.dg{color:#B3261E;margin-top:8px}
html.dark .lk28{color:#E9C25A}html.dark .lk28.dg{color:#F2B8B5}
.mu28{color:var(--muted,#5c6370);margin:0}.pad28{padding:16px}
.ni28{display:grid;place-items:center;background:var(--soft,#f1eee6);color:var(--muted,#5c6370);font-weight:600}
.out28{color:#B3261E;font-style:normal;font-weight:600}html.dark .out28{color:#F2B8B5}
.pd28{display:inline-block;align-self:flex-start;font-size:12px;font-weight:600;padding:2px 10px;border-radius:999px;background:#FBF3DC;color:#7A5A0C}.pd28.z{background:var(--soft,#f1eee6);color:var(--muted,#5c6370);font-weight:500}
html.dark .pd28{background:#3A2F10;color:#E9C25A}html.dark .pd28.z{background:var(--soft);color:var(--muted)}
.em28{grid-column:1/-1;display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;padding:40px 16px;border:1px dashed var(--line,#e5e7eb);border-radius:14px;color:var(--muted,#5c6370)}.em28 b{color:var(--ink,#111)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* collections */
.cg28{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s4,16px)}
.cc28{display:flex;flex-direction:column;border:1px solid var(--line,#e5e7eb);border-radius:14px;background:var(--surface,#fff);overflow:hidden;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.cc28:hover{border-color:#D4A017;box-shadow:0 4px 16px rgba(0,0,0,.06)}.cc28.nn{border-style:dashed}
.cp28{width:100%;aspect-ratio:16/10;object-fit:cover;font-size:40px}
.cb28{display:flex;flex-direction:column;gap:6px;padding:12px 16px 16px}.cb28 b{font-size:17px}.cb28 small{color:var(--muted,#5c6370);font-size:13px}.cb28 p{margin:0;font-size:13px;color:var(--muted,#5c6370);line-height:1.45}
.sb28{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 12px;border-radius:12px;background:var(--surface,#fff);border:1px solid #D4A017;position:sticky;top:8px;z-index:3}
.sb28[hidden]{display:none}
.pg28{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--s4,16px)}
.pc28{position:relative;border:1px solid var(--line,#e5e7eb);border-radius:14px;background:var(--surface,#fff);overflow:hidden}.pc28.on{border-color:#D4A017;box-shadow:0 0 0 2px #D4A017 inset}
.pc28>a{display:flex;flex-direction:column;color:inherit;text-decoration:none;height:100%}
.pi28{width:100%;aspect-ratio:1/1;object-fit:cover;font-size:36px}
.pb28{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px}.pb28 b{font-size:15px;line-height:1.3}.pb28 small{color:var(--muted,#5c6370);font-size:13px}
.ck28{position:absolute;top:8px;left:8px;z-index:2;width:36px;height:36px;display:grid;place-items:center;cursor:pointer}
.ck28 input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.ck28 span{width:24px;height:24px;border-radius:7px;background:var(--surface,#fff);border:1.5px solid var(--line,#c9c3b4);display:grid;place-items:center;color:transparent;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.ck28 input:checked+span{background:#D4A017;border-color:#D4A017;color:#1d1d1f}.ck28 input:focus-visible+span{outline:2px solid #D4A017;outline-offset:2px}
.sq28{display:flex;align-items:center;gap:8px;padding:0 12px;min-height:44px;border:1px solid var(--line,#e5e7eb);border-radius:10px;margin-bottom:8px}.sq28 input{flex:1;border:0;background:none;font:inherit;color:inherit;outline:none;min-width:0}
.al28{list-style:none;margin:0;padding:0;max-height:52vh;overflow:auto}.al28 li+li{border-top:1px solid var(--line,#eee)}
.al28 label{display:grid;grid-template-columns:20px 44px minmax(0,1fr);gap:12px;align-items:center;padding:8px 4px;cursor:pointer}.al28 span{display:flex;flex-direction:column}.al28 small{color:var(--muted,#5c6370);font-size:12px}
.ai28{width:44px;height:44px;border-radius:8px;object-fit:cover}

/* product page */
.pph28{align-items:center}
.ppi28{width:120px;height:120px;border-radius:14px;overflow:hidden;padding:0;border:1px solid var(--line,#e5e7eb);background:var(--soft,#f1eee6);flex:none;cursor:zoom-in;font-size:44px}
.ppi28 img{width:100%;height:100%;object-fit:cover;display:block}
.ppt28{flex:1 1 280px;min-width:0}.ppt28 p{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}
.tg28{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--soft,#f1eee6)}.tg28.off{background:#FDECEA;color:#8C1D18}
.kp28{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;border:1px solid var(--line,#e5e7eb);border-radius:14px;overflow:hidden;background:var(--line,#e5e7eb)}
.kp28>div{display:flex;flex-direction:column;gap:2px;padding:12px 16px;background:var(--surface,#fff)}
.kp28 small{font-size:12px;font-weight:600;color:var(--muted,#5c6370)}.kp28 b{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2}.kp28 span{font-size:12px;color:var(--muted,#5c6370)}
.kp28 .bad b{color:#B3261E}html.dark .kp28 .bad b{color:#F2B8B5}
@media (max-width:1000px){.kp28{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.kp28{grid-template-columns:repeat(2,minmax(0,1fr))}.ppi28{width:88px;height:88px}}
.sec28{display:flex;flex-direction:column;gap:12px}.sec28 h2{margin:0;font-size:17px;font-weight:600}.sec28 h2 small{font-size:13px;font-weight:500;color:var(--muted,#5c6370);margin-left:6px}
.st28{border:1px solid var(--line,#e5e7eb);border-radius:14px;background:var(--surface,#fff);overflow:hidden}
.sh28,.sr28{display:grid;grid-template-columns:minmax(0,1.6fr) .8fr 1.3fr .7fr .7fr .7fr .8fr 80px;gap:12px;align-items:center;padding:8px 16px}
.sh28{font-size:12px;font-weight:600;color:var(--muted,#5c6370);background:var(--soft,#f6f4ee)}
.sr28{min-height:60px;font-variant-numeric:tabular-nums}.sr28+.sr28{border-top:1px solid var(--line,#eee)}.sr28 small{display:block;color:var(--muted,#5c6370);font-size:12px}
.qy28{display:flex;align-items:center;gap:8px}.qy28 b{min-width:32px;text-align:center;font-size:17px}
.qb28{width:36px;height:36px;border-radius:10px;border:1px solid var(--line,#e5e7eb);background:var(--surface,#fff);color:var(--ink,#111);font-size:18px;font-weight:600;cursor:pointer;display:grid;place-items:center}
.qb28:hover{border-color:#D4A017}
@media (max-width:760px){
  .sh28{display:none}.sr28{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:12px}
  .sr28>:nth-child(1){grid-column:1}.sr28>:nth-child(3){grid-column:2;grid-row:1}
  .sr28>[data-l]:not(.qy28){font-size:13px}.sr28>[data-l]:not(.qy28)::before{content:attr(data-l) " ";color:var(--muted,#5c6370);font-size:12px}
  .sr28>:nth-child(2),.sr28>:nth-child(4),.sr28>:nth-child(5),.sr28>:nth-child(6),.sr28>:nth-child(7){display:inline-block}
  .sr28>:last-child{grid-column:1/-1}
}
.or28{list-style:none;margin:0;padding:0;border:1px solid var(--line,#e5e7eb);border-radius:14px;background:var(--surface,#fff);overflow:hidden}
.or28 li+li{border-top:1px solid var(--line,#eee)}
.or28 button{width:100%;display:grid;grid-template-columns:72px 64px minmax(0,1fr) minmax(150px,auto) 130px;gap:4px 12px;align-items:center;padding:10px 16px;min-height:52px;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.or28 button:hover{background:var(--soft,#f6f4ee)}.or28 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.or28 small{color:var(--muted,#5c6370);font-size:13px}
.or28 .os28{justify-self:end}.or28 em:empty{padding:0}.or28 em{justify-self:start;font-style:normal;font-size:11px;font-weight:600;padding:1px 8px;border-radius:999px}.pr28{background:#FBF3DC;color:#7A5A0C}.ur28{background:#FDECEA;color:#8C1D18}
html.dark .pr28{background:#3A2F10;color:#E9C25A}html.dark .ur28{background:#3A1614;color:#F2B8B5}
.os28{font-style:normal;font-size:12px;font-weight:600;padding:2px 10px;border-radius:999px;background:var(--soft,#f1eee6);white-space:nowrap}.os28.wait{background:#FDECEA;color:#8C1D18}.os28.ready{background:#E3F2E8;color:#1F6B3E}.os28.packed{background:#E6EEF9;color:#1D4E89}
html.dark .os28.wait{background:#3A1614;color:#F2B8B5}html.dark .os28.ready{background:#163323;color:#8FD3A8}html.dark .os28.packed{background:#14243A;color:#9EC3F0}
@media (max-width:760px){.or28 button{grid-template-columns:auto minmax(0,1fr) auto}.or28 em:empty{display:none}.or28 span{grid-column:1/-1;grid-row:2}.or28 small{grid-column:1/3;grid-row:3}.or28 .os28{grid-row:1;grid-column:3}}
.hs28 summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:44px}.hs28 summary::-webkit-details-marker{display:none}
.hs28 summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:4px;transition:transform .15s}.hs28[open] summary::after{transform:rotate(-135deg)}
.hs28 ol{list-style:none;margin:0;padding:0;border:1px solid var(--line,#e5e7eb);border-radius:14px;background:var(--surface,#fff)}
.hs28 li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 16px}.hs28 li+li{border-top:1px solid var(--line,#eee)}
.hs28 li span{display:flex;flex-direction:column}.hs28 small{color:var(--muted,#5c6370);font-size:12px}.hs28 em{font-style:normal;color:var(--muted,#5c6370);font-variant-numeric:tabular-nums}
.mq28{font-weight:600;font-variant-numeric:tabular-nums;text-align:center;padding:2px 0;border-radius:8px;background:var(--soft,#f1eee6)}.mq28.up{color:#1F7A47}.mq28.dn{color:#B3261E}
html.dark .mq28.up{color:#7FD19D}html.dark .mq28.dn{color:#F2B8B5}
.zm28{display:block;width:100%;max-height:70vh;object-fit:contain;border-radius:12px;background:var(--soft,#f1eee6)}
@media (prefers-reduced-motion:reduce){.oc2,.cc28,.hs28 summary::after{transition:none}}

/* step bars on phones (every screen that has one): the other steps are icons, the current step has its name; nothing runs off the edge */
@media (max-width:760px){
  #main .fs17{overflow:hidden;gap:0}
  #main .st17{flex:0 0 auto;min-width:0;padding:6px}
  #main .st17:not(.on) .tx17{display:none}
  #main .st17.on{flex:1 1 auto;min-width:0;padding:6px 10px 6px 6px}
  #main .st17.on .tx17 b,#main .st17.on .tx17 em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #main .ln17{flex:1 1 4px;min-width:4px}
}

/* ---------- Orders: tag and collection chips (tap = only these, twice = leave out), ranges, tags on rows ---------- */
.rg2{display:grid;grid-template-columns:1fr 1fr;gap:6px}.rg2 .inp{min-width:0;width:100%}
.fl2 .tg2{flex-basis:100%;display:flex;flex-direction:column;gap:6px}
.fl2 .tg2>span{font-size:12px;font-weight:600;color:var(--muted,#5c6370)}.fl2 .tg2 small{font-weight:400;margin-left:6px}
.fl2 .tg2>div,.qt2{display:flex;flex-wrap:wrap;gap:6px}
.tc2{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line,#e5e7eb);background:var(--surface,#fff);color:var(--ink,#111);font:inherit;font-size:13px;cursor:pointer}
.tc2 em{font-style:normal;font-size:12px;color:var(--muted,#5c6370);font-variant-numeric:tabular-nums}
.tc2.in{background:#E3F2E8;border-color:#7BC296;color:#1F6B3E;font-weight:600}.tc2.out{background:#FDECEA;border-color:#E9A39D;color:#8C1D18;font-weight:600;text-decoration:line-through;text-decoration-thickness:1px}
html.dark .tc2.in{background:#163323;border-color:#2F6B47;color:#8FD3A8}html.dark .tc2.out{background:#3A1614;border-color:#7A2E28;color:#F2B8B5}
.tc2:focus-visible{outline:2px solid #D4A017;outline-offset:2px}
.tl2{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0}.tl2 i{font-style:normal;font-size:11px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--soft,#f1eee6);color:var(--muted,#5c6370);display:inline-flex;align-items:center;gap:4px}
.tl2 i.pt2{background:#E6EEF9;color:#1D4E89}.tl2 i button{border:0;background:none;padding:0 0 0 2px;font:inherit;font-size:14px;line-height:1;color:inherit;cursor:pointer}
html.dark .tl2 i.pt2{background:#14243A;color:#9EC3F0}
.bd.cx2{background:#FDECEA;color:#8C1D18;border:1px solid #E9A39D}html.dark .bd.cx2{background:#3A1614;color:#F2B8B5;border-color:#7A2E28}
.sa2{margin:0 0 var(--s3,12px);font-size:14px;color:var(--muted,#5c6370)}
.dt2 .note{margin-top:8px}
/* bulk bar: readable count and Clear on the gold bar, both themes */
#main .bulk>b,#main .bulk #bClr{color:#3d3009}
html.dark #main .bulk>b,html.dark #main .bulk #bClr{color:#F5E6B8}

/* v29.css */
/* v29 · Data check, check cards in the order panel, Shadowfax RVP results. Same tokens as v27/v28. */
.dc29{display:flex;flex-direction:column;gap:var(--s4,16px)}
.ph29{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 16px}
.ph29 h1{margin:0;font-size:24px;font-weight:600;letter-spacing:-.02em}.ph29 p{margin:4px 0 0;color:var(--muted,#5c6370);line-height:1.5;max-width:70ch}
.mu29{color:var(--muted,#5c6370);font-size:13px;margin:0}
.bt29{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:10px;border:1px solid transparent;background:var(--ink,#111);color:var(--surface,#fff);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}
.bt29.ln{background:var(--surface,#fff);color:var(--ink,#111);border-color:var(--line,#e5e7eb)}.bt29:disabled{opacity:.5;cursor:not-allowed}
.fl29{display:flex;flex-wrap:wrap;gap:8px 16px}
.sg29{display:inline-flex;border:1px solid var(--line,#e5e7eb);border-radius:10px;overflow:hidden}
.sg29 button{min-height:36px;padding:0 14px;border:0;background:var(--surface,#fff);color:var(--muted,#5c6370);font:inherit;font-weight:600;cursor:pointer}.sg29 button+button{border-left:1px solid var(--line,#e5e7eb)}
.sg29 button[aria-pressed=true]{background:var(--ink,#111);color:var(--surface,#fff)}
.ls29{display:flex;flex-direction:column;gap:12px}
.ck29{border:1px solid var(--line,#e5e7eb);border-radius:14px;background:var(--surface,#fff);padding:14px 16px;display:flex;flex-direction:column;gap:10px;transition:opacity .2s}
.ck29.open{border-color:#E9C25A}.ck29.gone29{opacity:0}
.ck29 header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.ck29 header small{margin-left:auto;color:var(--muted,#5c6370);font-size:12px}
.ck29>p{margin:0;line-height:1.5}
.sr29{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.sr29.shopify{background:#E3F2E8;color:#1F6B3E}.sr29.shadowfax{background:#EEE7F8;color:#5B2C8F}.sr29.shiprocket{background:#E6EEF9;color:#1D4E89}
html.dark .sr29.shopify{background:#163323;color:#8FD3A8}html.dark .sr29.shadowfax{background:#2A1F3D;color:#C9B2EE}html.dark .sr29.shiprocket{background:#14243A;color:#9EC3F0}
.lk29{background:none;border:0;padding:0;font:inherit;font-weight:600;color:#7A5A0C;cursor:pointer;text-decoration:underline;text-underline-offset:3px}html.dark .lk29{color:#E9C25A}
.vt29{width:100%;border-collapse:collapse;font-size:14px}.vt29 th,.vt29 td{text-align:left;padding:6px 10px;border-top:1px solid var(--line,#eee);vertical-align:top;overflow-wrap:anywhere}
.vt29 thead th{border-top:0;font-size:12px;color:var(--muted,#5c6370);font-weight:600}.vt29 tbody th{width:110px;font-weight:600;color:var(--muted,#5c6370);font-size:13px}
.vt29 td.df29{background:#FBF3DC;font-weight:600}html.dark .vt29 td.df29{background:#2B2410}
.vs29{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vs29>div{background:var(--soft,#f6f4ee);border-radius:10px;padding:8px 12px}.vs29 small{font-size:12px;font-weight:600;color:var(--muted,#5c6370)}.vs29 p{margin:4px 0 0;font-size:13px;line-height:1.5}
.ac29{display:flex;flex-wrap:wrap;gap:8px}
.rs29{display:flex;align-items:center;gap:6px;margin:0;color:#1F7A47;font-size:13px;font-weight:600}html.dark .rs29{color:#7FD19D}
.em29{display:flex;flex-direction:column;align-items:center;gap:6px;padding:48px 16px;border:1px dashed var(--line,#e5e7eb);border-radius:14px;color:var(--muted,#5c6370);text-align:center}.em29 b{color:var(--ink,#111)}
.cb29{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:0 0 var(--s4,16px);border-radius:12px;background:#FBF3DC;color:#5c4a14;text-decoration:none;font-size:14px}
.cb29 b{color:#3d3009}html.dark .cb29{background:#2B2410;color:#E9D9A8}html.dark .cb29 b{color:#F5E6B8}
.od29{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.od29 h4{display:flex;align-items:center;gap:6px;margin:0;color:#8A5A00}html.dark .od29 h4{color:#E9C25A}
.od29 .ck29{padding:12px}.od29 .vt29 tbody th{width:80px}
.rr29{list-style:none;margin:0;padding:0}.rr29 li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:2px 12px;padding:8px 0;border-top:1px solid var(--line,#eee)}.rr29 small{grid-column:2;color:var(--muted,#5c6370)}
.rr29 li.ok span{color:#1F7A47;font-weight:600}.rr29 li.no span{color:#B3261E;font-weight:600}
@media (max-width:760px){.vs29{grid-template-columns:1fr}.vt29 tbody th{width:80px}.ck29 header small{margin-left:0;flex-basis:100%}}
@media (prefers-reduced-motion:reduce){.ck29{transition:none}}
/* Connections: Shopify sync summary and structured log lines */
.ss29{flex-basis:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px 16px;padding:10px 12px;margin-bottom:6px;border-radius:10px;background:var(--soft,#f6f4ee);font-size:13px;color:var(--muted,#5c6370)}
.ss29 b{color:var(--ink,#111);font-variant-numeric:tabular-nums}
.lc29{font-style:normal;font-family:ui-monospace,Menlo,monospace;font-size:11px;font-weight:600;padding:1px 6px;border-radius:6px;background:#FDECEA;color:#8C1D18}
.lh29{color:var(--ink,#111);font-weight:500}
html.dark .lc29{background:#3A1614;color:#F2B8B5}