/* Warehouse register: compact, 16:9, ~100 rows. Builds on ../casual-register-example/casual.css */
main{padding:18px 32px}
.switcher{margin-bottom:10px;padding:6px 10px}
.reg-head{margin-bottom:8px;align-items:center}.reg h1{font-size:24px}.reg-head p{margin:2px 0 0;font-size:12px}
.reg-head .eyebrow{display:inline}
.strip{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px}
.strip .lbl{font-size:11px;color:var(--muted);letter-spacing:.4px;margin-right:2px}
.kpi{font:inherit;display:flex;gap:8px;align-items:baseline;border:1px solid var(--line);background:#fff;border-radius:10px;padding:6px 12px;cursor:pointer}
.kpi b{font-size:18px}.kpi span{font-size:12px;color:var(--muted)}
.kpi.warn{background:var(--warn-bg);border-color:#f0d49a}.kpi.warn b{color:var(--warn)}
.kpi[aria-pressed=true]{outline:2px solid var(--teal);outline-offset:1px}
.kpi.plain{cursor:default;background:#f5f9f9}
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}
.filters select,.filters input{padding:6px 9px;font-size:12px}
.filters .grow{flex:1}.filters .count{font-size:12px;color:var(--muted)}
.filters label.chk{font-size:12px;color:var(--ink);display:flex;gap:6px;align-items:center}
.bulk{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--teal-bg);border:1px solid #b8ddd8;border-radius:10px;padding:6px 10px;margin-bottom:8px;font-size:12px}
.bulk b{margin-right:6px}.bulk .btn{padding:5px 10px;font-size:12px}
.bulk.idle{background:#f5f9f9;border-color:var(--line);color:var(--muted)}
.wh .tablewrap{max-height:calc(100vh - 292px);min-height:220px}
.wh table.grid{min-width:1180px;font-size:12px}
.wh .grid th{padding:7px 10px;top:0;z-index:3}
.wh .grid td{padding:4px 10px;line-height:1.25}
.wh .grid td:first-child,.wh .grid th:first-child{min-width:230px}
.wh .who{display:flex;gap:8px;align-items:center}.wh .who b{display:inline;font-weight:600}.wh .who span{margin-left:auto;font-size:11px;color:var(--muted)}
.wh .grid tr.grp td{position:sticky;top:30px;z-index:2;background:#eaf3f2;font-weight:700;padding:5px 10px;border-top:1px solid #cfe0de;cursor:pointer}
.wh .grid tr.grp td:first-child{z-index:4}
.wh .grp .meta{font-weight:400;color:var(--muted);margin-left:10px}
.wh .grp .tw{display:inline-block;width:14px;color:var(--teal-dk)}
.wh .grp .ex{margin-left:8px}
.wh .chip{padding:1px 8px;font-size:11px}
.wh .btn.sm{padding:3px 10px;font-size:11px}
.wh input[type=checkbox]{width:15px;height:15px;accent-color:var(--teal)}
.wh .grid tr.chk td,.wh .grid tr.chk td:first-child{background:#e6f4f1}
.wh .banner{padding:8px 14px;margin-bottom:8px;font-size:12px}.wh .compare{margin:6px 0}
.wh .empty{padding:36px 24px}
.footnote{font-size:11px;color:var(--muted);margin-top:6px}

/* J27 a11y: touch targets are at least 24px on a phone (found by app/qa) */
@media (max-width:600px){.btn.sm,.btn.link{min-height:24px}button.tickbtn{width:24px;height:24px}}
.picklist { display: grid; gap: 8px; margin: 12px 0; max-height: 52vh; overflow: auto; }
.picklist label { display: flex; gap: 8px; align-items: baseline; padding: 8px 10px; border: 1px solid var(--line, #d9e2e0); border-radius: 8px; }
.picklist span, ul.plain span { color: var(--muted, #5c6b68); font-size: 12px; }
ul.plain { list-style: none; padding: 0; margin: 6px 0 14px; display: grid; gap: 4px; }
.empty-note { color: var(--muted, #5c6b68); }