/* Inventory v5 (js/inventory-v5.js), piloted to Justus. Every rule is scoped to
   .iv5 / .iv5-* so no other screen can change. Values are the v5 mock's
   (claude-admin mocks/purch-inventory-fresh-v5/kit-add.css), which are today's
   signage tokens: --st-ret (teal), --st-ours (amber), --st-gc (blue). System font, as
   the mock (no webfont on this screen). */
.iv5,.iv5-scrim,.iv5-switch{--iv5-ui:-apple-system,BlinkMacSystemFont,system-ui,'Segoe UI',Roboto,Arial,sans-serif}
.detail-empty{--iv5-ui:-apple-system,BlinkMacSystemFont,system-ui,'Segoe UI',Roboto,Arial,sans-serif}

.iv5-switch{font:600 12px var(--iv5-ui);padding:6px 12px;border-radius:8px;border:1.5px dashed #9a958a;background:#fff;color:var(--fg,#171614);cursor:pointer;white-space:nowrap;margin-left:auto}
.iv5-switch:hover{border-style:solid}
.detail-empty .iv5-switch{margin:12px auto 0;display:inline-block}

.iv5-dh{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.iv5-lbl{font:600 12.5px var(--iv5-ui);letter-spacing:.06em;color:var(--fg,#171614)}
.iv5-lbl b{font-weight:800}
.iv5-dh .iv5-switch + .iv5-print{margin-left:0}
.iv5-print{margin-left:auto;padding:6px 13px;font-size:12px;display:inline-flex;gap:6px;align-items:center}

/* ③ order card, white head on one line */
.iv5-card{background:#fff;border:1.5px solid #e3e1db;border-radius:10px;overflow:hidden;margin-bottom:14px}
.iv5-card-hd{display:flex;align-items:baseline;gap:14px;padding:12px 18px 10px 20px;background:#fff;border-bottom:1px solid #e3e1db}
.iv5-card-hd b{font:700 14px var(--mono,ui-monospace,monospace)}
.iv5-card-hd span{font:400 13px var(--iv5-ui)}
.iv5-card-hd i{margin-left:auto;font:600 12px var(--iv5-ui);font-style:normal;border:1px solid var(--fg,#171614);border-radius:20px;padding:2px 9px;background:#fff}
.iv5-card .lp-inv-banner{margin:10px 18px}

/* ④ one white row per line; state = left edge + rule + label */
.iv5-row{display:grid;grid-template-columns:180px minmax(0,1fr) 104px 116px 104px 210px;column-gap:20px;align-items:center;
  padding:9px 18px 9px 14px;min-height:56px;background:#fff;border-left:6px solid transparent;border-bottom:1px solid #e3e1db}
.iv5-row:last-child{border-bottom-width:0}
.iv5-st{display:flex;gap:12px;align-items:center}
.iv5-it{font:600 15px/1.3 var(--iv5-ui);min-width:0;color:var(--fg,#171614)}
.iv5-fw{font:400 12.5px/1.35 var(--iv5-ui);margin-top:3px}
.iv5-fw span{font-weight:700}
.iv5-q{font:700 15px/1.2 var(--iv5-ui);text-align:right;font-variant-numeric:tabular-nums}
.iv5-q small{display:block;font:500 12px var(--iv5-ui);margin-top:2px}
.iv5-q .iv5-short{color:#b3271d;font-weight:600}
.iv5-span2{grid-column:span 2}
.iv5-wait{font:500 12.5px var(--iv5-ui)}
.iv5-row.st-pulled{border-left-color:var(--st-ret,#46b3a6);border-bottom:2px solid var(--st-ret-tint,#a1e4d6)}
.iv5-row.st-miss{border-left-color:var(--st-ours,#df9700);border-bottom:2px solid var(--st-ours-tint,#f9bf6b)}
.iv5-row.st-out{border-left-color:var(--st-gc,#2472c2);border-bottom:2px solid var(--st-gc-tint,#b7d4f0)}
.iv5-row.st-pulled:last-child,.iv5-row.st-miss:last-child,.iv5-row.st-out:last-child{border-bottom-width:2px}

/* today's filled label, a touch larger; sits inline (not a full-width band) */
.iv5 .inv-item-banner.iv5-lab{display:inline-block;margin:0;font:800 10.5px/1 var(--iv5-ui);letter-spacing:.06em;text-transform:uppercase;padding:6px 9px;border-radius:5px}
.iv5 .inv-undo-btn{font-size:12.5px;font-weight:500;opacity:1}

/* buttons: today's .inv-btn family */
.iv5 .inv-btn{font:600 12.5px var(--iv5-ui);padding:6px 11px;border-radius:7px;white-space:nowrap}
.iv5 .iv5-pull{background:#fbfaf8;border:1.5px solid var(--st-ret,#46b3a6);color:var(--st-ret-ink,#0e3b34)}
.iv5 .iv5-repl{background:#fbfaf8;border:1.5px solid var(--st-ours,#df9700);color:var(--st-ours-ink,#4e3304)}
.iv5 .iv5-repl.on{background:var(--st-ours-tint,#f9bf6b);font-weight:700}
.iv5-nh{background:#fbfaf8;border:1.5px solid #cfccc4;color:#8a1a12}
.iv5 .inv-btn-deliver{margin-right:6px}

.iv5-note{font:400 13px var(--iv5-ui);height:30px;width:100%;box-sizing:border-box;border:1px solid #d9d6ce;border-radius:6px;background:#fff;padding:0 9px;color:var(--fg,#171614)}
.iv5-note::placeholder{color:var(--fg,#171614);opacity:.8}
.iv5-num{-moz-appearance:textfield;appearance:textfield;font:600 14px var(--iv5-ui);height:30px;width:58px;box-sizing:border-box;border:1px solid #cfccc4;border-radius:6px;background:#fff;text-align:right;padding:0 8px}
.iv5-num:focus{outline:none;border-color:var(--fg,#171614);box-shadow:inset 0 0 0 1px var(--fg,#171614)}

/* ⑦ dialog: the Create User modal's box */
.iv5-scrim{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:999}
.iv5-mdl{background:#fff;border-radius:10px;padding:24px 24px 20px;width:380px;max-width:90vw;box-shadow:0 8px 32px rgba(0,0,0,.2)}
.iv5-mdl h3{margin:0 0 10px;font:700 18px var(--iv5-ui)}
.iv5-mdl p{margin:0 0 4px;font-size:13.5px}
.iv5-acts{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.iv5-mdl .iv5-mb{font:600 13px var(--iv5-ui);padding:7px 14px;border-radius:7px;border:1.5px solid #cfccc4;background:#fbfaf8;color:var(--fg,#171614);cursor:pointer}
.iv5-mdl .iv5-ok{background:#1c7c4a;border-color:#1c7c4a;color:#fff}
.iv5-mdl .iv5-nh-ok{color:#8a1a12;font-weight:700}
.iv5-num::-webkit-inner-spin-button,.iv5-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.iv5-mdl .iv5-mb:focus-visible{outline:2px solid var(--fg,#171614);outline-offset:2px}