:root{font-family:system-ui,-apple-system,"Noto Sans",sans-serif;color:#1e1a2b;background:#f6f3ee;font-size:17px;--green:#11664d;--border:#e4dcd0;--red:#a33725;--yellow:#8a6a12;--navy:#1b1240;--navy2:#2a1b5c;--amber:#f4a261;--amber-hot:#e76f3c;--gold:#ffb703}
*{box-sizing:border-box}body{margin:0}
header{background:linear-gradient(105deg,#1b1240 0%,#2c145c 55%,#3a1d4a 100%);color:white;padding:24px max(20px,calc((100vw - 1180px)/2)) 16px}
.head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.head>div{display:flex;gap:14px;align-items:center}
.logo{font-weight:850;font-size:0;width:52px;height:52px;background:#ffb703;color:#1b1240;padding:0;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 0 3px rgba(244,162,97,.35)}
h1{font-size:28px;margin:0;letter-spacing:.02em;font-weight:800}small{color:#e0c9a0}
.snapshot{font-size:13px;border-top:1px solid #4a3a72;padding-top:12px;margin-top:18px;color:#e8dcc8}
#sync{font-size:13px;color:#ffb703}
.draft-banner{background:#fff4c8;color:#5c4708;text-align:center;font-weight:750;padding:8px 16px;border-bottom:1px solid #e6d48a}
.draft-banner .banner-line{padding:4px 0}
.draft-banner .banner-line + .banner-line{border-top:1px solid #e6d48a}
.stale-bar{background:#ffd8ce;color:#8a2416;padding:10px 20px;font-weight:700;border-bottom:2px solid #c44732}
main{max-width:1220px;margin:auto;padding:20px}
h2{font-size:24px;margin:18px 0 8px}h3{margin:22px 0 10px;font-size:19px}
p{line-height:1.6}
input,select,textarea,button{font:inherit;border:1px solid #c3d3c9;border-radius:8px;padding:12px;min-height:48px;color:inherit;background:white}
button{cursor:pointer;font-weight:650}button:hover{border-color:var(--amber);background:#fff4e6}
button:disabled{opacity:.45;cursor:wait}
label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
nav{display:flex;gap:8px;margin:18px 0;border-bottom:1px solid var(--border);padding-bottom:12px;flex-wrap:wrap}
nav button{flex:1;min-width:100px;border:0;background:transparent}
nav .active,.primary{background:var(--amber-hot);color:white}
.primary:hover{background:#cf5728}
.identity{display:flex;align-items:center;gap:16px}
#whoText{font-weight:700}#logout{min-height:40px;padding:8px 14px}
.muted,.identity span{font-size:14px;color:#6a6274}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.filters{display:flex;gap:12px;margin:8px 0 16px;flex-wrap:wrap}
.filters input[type=search]{flex:1;min-width:180px}
.check{flex-direction:row;align-items:center;gap:8px}
.check input{min-height:22px;width:22px}
.clear-filters{background:#f7faf7}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:12px;background:white;max-height:calc(100vh - 280px)}
table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px}
th,td{border-bottom:1px solid #e6eee8;padding:9px 8px;text-align:left;vertical-align:top}
thead th{position:sticky;top:0;background:#1b1240;color:white;font-weight:700;z-index:2;white-space:nowrap}
tbody tr{cursor:pointer}tbody tr:hover td{background:#fff6eb}
.sticky-name{position:sticky;left:0;background:white;font-weight:650;min-width:180px}
thead .sticky-name{background:#1b1240;color:white;z-index:3}
.tag{display:inline-block;font-size:12px;font-weight:800;border-radius:999px;padding:2px 8px}
.tag.red{background:#ffd8ce;color:#8a2416}
.tag.yellow{background:#fff3c0;color:#6b5610}
.tag.green{background:#d5f4a3;color:#163b2c}
.tag.grey{background:#e4e9f2;color:#334155}
.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.heat-wrap td,.heat-wrap th{text-align:center;padding:7px 5px;white-space:nowrap}
.heat-wrap .sticky-name{text-align:left}
.cell{display:block;border-radius:6px;padding:6px 4px;font-weight:750;min-width:36px}
.cell.red{background:#ffd8ce;color:#8a2416}
.cell.yellow{background:#fff3c0;color:#6b5610}
.cell.green{background:#d5f4a3;color:#163b2c}
.cell.na{background:#f4f5f4;color:#8a948e;font-weight:500}
.param-card{background:white;border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}
.param-card h3{margin-top:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.switch{display:flex;align-items:center;gap:8px;font-size:15px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.prov{display:inline-block;background:#fff3c0;color:#6b5610;font-size:11px;font-weight:800;border-radius:6px;padding:2px 6px;margin-left:6px}
.param-actions{display:flex;gap:10px;margin-top:16px}
.order-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.order-tabs button{background:white}
.order-tabs button.active{background:var(--amber-hot);color:white}
.order-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0}
.order-text{background:#1b1240;color:#f8ead4;border-radius:12px;padding:16px;white-space:pre-wrap;overflow:auto;min-height:240px;font-size:14px;line-height:1.55}
.empty{padding:30px;background:white;border-radius:12px;color:#708075}
footer{font-size:12px;color:#6e7e72;border-top:1px solid var(--border);margin:35px auto 0;max-width:1220px;padding:20px;line-height:1.8}
#login{position:fixed;inset:0;background:linear-gradient(160deg,#120c2b 0%,#2a1458 45%,#3d1a3a 100%);display:flex;align-items:center;justify-content:center;z-index:30;padding:24px}
#login[hidden],#cardModal[hidden],[hidden]{display:none!important}
#login form{background:#fffaf3;border-radius:20px;padding:32px 26px;width:min(420px,100%);display:grid;gap:14px;border:1px solid #f0d7b0;box-shadow:0 18px 50px rgba(10,6,30,.45)}
#login h2{margin:0}
#loginError{color:#a13524;background:#fff1ed;border:1px solid #e7b1a6;border-radius:8px;padding:10px 12px;margin:0}
#cardModal{position:fixed;inset:0;background:rgba(16,10,36,.72);display:flex;align-items:flex-end;justify-content:center;z-index:25;padding:12px}
.card-sheet{background:#f3f6f4;width:min(860px,100%);max-height:92vh;overflow:auto;border-radius:16px 16px 8px 8px;padding:16px 16px 24px}
.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.step{background:white;border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin:10px 0}
.step h4{margin:0 0 8px;font-size:16px}
.step .nums{font-size:13px;color:#4e6258;white-space:pre-wrap;font-variant-numeric:tabular-nums}
.chart{display:flex;align-items:flex-end;gap:3px;height:80px;margin-top:10px}
.chart .bar{flex:1;background:#11664d;min-width:3px;border-radius:2px 2px 0 0;opacity:.85}
.chart .miss{background:#e2e8e4;opacity:.5}
#notice:not(:empty){padding:12px 16px;border-radius:10px;margin:8px 0 12px;background:#ffe3bf}
#notice.error{background:#ffd8ce;color:#8a2416}
@media(max-width:700px){
  main{padding:14px}header{padding:18px 16px 14px}h1{font-size:22px}
  nav button{padding:10px 8px;font-size:14px}
  .filters select{flex:1}
  .sticky-name{min-width:130px}
  table{font-size:13px}
}

.badge-nocost{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;background:#f3e8d3;color:#7a4d00;font-size:11px;}
.badge-assumed{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;background:#eee;color:#555;font-size:11px;}
.lost-main{font-weight:600;}
.lost-sub{color:var(--muted,#667);font-size:12px;}
.copy-wa{background:#128c4b;color:#fff;border:0;border-radius:12px;padding:14px 22px;font-size:18px;font-weight:700;cursor:pointer;line-height:1.2;}
.copy-wa:hover{background:#0e703c;}
.copy-wa:disabled{opacity:.55;cursor:not-allowed;}
.copy-status{margin-left:10px;color:#128c4b;font-weight:700;}
.order-totals{background:#f4faf6;border:1px solid #cfe6d6;border-radius:12px;padding:12px 16px;margin:8px 0 12px;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:15px;}
.order-totals strong{font-size:16px;}
.order-editor{overflow:auto;margin:8px 0 16px;max-height:420px;border:1px solid #e2e2e2;border-radius:12px;}
.order-editor table{width:100%;border-collapse:collapse;font-size:14px;}
.order-editor th,.order-editor td{padding:8px 10px;border-bottom:1px solid #eee;vertical-align:middle;}
.order-editor th{position:sticky;top:0;background:#f7f7f5;text-align:left;}
.order-editor input[type=number]{width:56px;padding:4px 6px;}
.order-editor .size-edits{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;}
.order-editor .size-edits label{display:flex;gap:4px;align-items:center;font-variant-numeric:tabular-nums;}
.preview-label{margin:16px 0 8px;font-size:14px;}
.held-box{margin-top:20px;background:#fff8e8;border:1px solid #ead8a0;border-radius:12px;padding:12px 16px;}
.held-box h3{margin:0 0 8px;font-size:15px;}
.held-box ul{margin:0;padding-left:18px;}
.profit-card{background:#f4faf6;border:1px solid #cfe6d6;border-radius:16px;padding:16px 18px;margin-bottom:18px;}
.profit-card .grid label{display:flex;flex-direction:column;gap:4px;font-size:13px;}
.profit-card input{padding:6px 8px;}

.data-issues{background:#fff6e8;color:#6a4a12;border-bottom:1px solid #e6c98a;padding:10px 16px;font-size:14px}
.data-issues h3{margin:0 0 6px;font-size:14px;font-weight:750}
.data-issues li{margin:2px 0}


/* kv-restock distinct from kv-inventory */
.logo svg{width:34px;height:34px;display:block}
#login .login-brand{display:flex;align-items:center;gap:12px;margin-bottom:4px}
#login .login-brand .logo{width:48px;height:48px}
#login h2{color:#1b1240;font-size:26px}
#login .muted{color:#6a5a48}
#login .primary{background:var(--amber-hot);border-color:var(--amber-hot);font-size:17px}
.stock-unknown{color:#a33725;font-weight:800;background:#ffd8ce;border-radius:6px;padding:2px 8px;display:inline-block}
.acc-groups{display:grid;gap:18px}
.acc-card{background:white;border:1px solid var(--border);border-radius:14px;padding:16px 18px;box-shadow:0 1px 0 rgba(27,18,64,.04)}
.acc-card h3{margin:0 0 8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.acc-card .acc-meta{display:flex;flex-wrap:wrap;gap:12px 18px;margin:8px 0 12px;font-size:14px}
.acc-card table{font-size:14px}
.acc-footnote{font-size:13px;color:#6a6274;margin:8px 0 0}
.top-seller{background:#ffb703;color:#1b1240;font-size:11px;font-weight:800;border-radius:999px;padding:2px 8px}
.param-card.accessories h3{color:#1b1240}
@media (max-width:640px){
  h1{font-size:22px}
  .logo{width:44px;height:44px}
  nav button{min-width:44%}
}

.brand-chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 8px}
.brand-chips button{background:white;border:1px solid var(--border);border-radius:999px;padding:8px 14px;min-height:40px;font-weight:750;color:var(--navy)}
.brand-chips button:hover{border-color:var(--amber);background:#fff4e6}
.brand-chips button.active{background:var(--navy);color:white;border-color:var(--navy)}
.brand-chips button.active:hover{background:var(--navy2);border-color:var(--navy2);color:white}
.brand-chips .chip-count{display:inline-block;margin-left:6px;font-weight:650;font-variant-numeric:tabular-nums;opacity:.85;font-size:13px}
.brand-chips button.active .chip-count{color:#ffb703;opacity:1}
.live-by-brand{display:grid;gap:22px}
.brand-block{background:white;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 1px 0 rgba(27,18,64,.04)}
.brand-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;background:linear-gradient(90deg,#1b1240 0%,#2a1b5c 100%);color:white;padding:12px 16px}
.brand-head h3{margin:0;font-size:18px;color:#ffb703;letter-spacing:.02em}
.brand-sub{font-size:13px;color:#e8dcc8;line-height:1.5;font-variant-numeric:tabular-nums;display:flex;flex-wrap:wrap;gap:4px 16px}
.brand-sub span{white-space:nowrap}
.brand-block .table-wrap{border:0;border-radius:0;max-height:min(52vh,560px);-webkit-overflow-scrolling:touch}
.brand-block table{min-width:920px}
.live-by-brand.single-brand .table-wrap{max-height:min(70vh,720px)}
.tag{white-space:nowrap}
.brand-block .empty{border:0;border-radius:0;margin:0}
@media(max-width:700px){
  .brand-chips button{padding:8px 12px;font-size:14px}
  .brand-head{padding:10px 12px}
  .brand-head h3{font-size:16px}
  .brand-sub{font-size:12px}
}

#tab-live .section-title{align-items:flex-start}
#tab-live #liveSummary{max-width:100%;line-height:1.5}