/* restock — app layer on the Ownware UI kit (assets/ui/ownware-ui.css). Accent + app-specific rules only; generic rules come from the kit. */
:root{--accent:#059669;--accent-dark:#047857;--accent-soft:#e7f8f1;--on-accent:#ffffff;--accent-ink:var(--on-accent)}
html[data-theme="dark"]{--accent:#34d399;--accent-dark:#6ee7b7;--accent-soft:#0f3227;--on-accent:#0b0d10;--accent-ink:var(--on-accent)}
*{box-sizing:border-box}
.pill.healthy {background:var(--okbg);color:var(--ok)}
.pill.near    {background:var(--warnbg);color:var(--warn)}
.pill.below   {background:var(--badbg);color:var(--bad)}
.pill.off     {background:var(--chip);color:var(--sub2)}
.tag{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;color:var(--sub)}
.due-late{color:var(--bad);font-weight:700}
.meta-list{list-style:none;margin:0;padding:0}
.meta-list li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);font-size:.92rem}
.meta-list li:last-child{border-bottom:none}
.meta-list .k{color:var(--sub)}

/* ── the reorder board (hero) ─────────────────────────────────────────────── */
.board{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);overflow:hidden}
.board-head,.brow{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.6fr) minmax(0,1.35fr) 92px 108px;gap:14px;align-items:center;padding:12px 16px}
.board-head{background:var(--bg);border-bottom:1px solid var(--line);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--sub);font-weight:700}
.brow{border-bottom:1px solid var(--line2);position:relative}
.brow:last-child{border-bottom:none}
.brow::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent}
.brow.below::before{background:var(--bad)} .brow.near::before{background:var(--warn)} .brow.healthy::before{background:var(--ok)}
.brow:hover{background:var(--hover-bg)}
.brow .who{min-width:0}
.brow .who a{font-weight:600}
.brow .who .sub{color:var(--sub);font-size:.82rem;margin:2px 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brow .cover{min-width:0}
.cbar{position:relative;height:9px;border-radius:5px;background:var(--chip);overflow:visible;margin-bottom:6px}
.cbar i{display:block;height:100%;border-radius:5px;background:var(--ok)}
.brow.near .cbar i{background:var(--warn)} .brow.below .cbar i{background:var(--bad)}
.cbar .lead{position:absolute;top:-4px;width:2px;height:17px;background:var(--ink);opacity:.55;border-radius:1px}
.cnums{display:flex;justify-content:space-between;gap:10px;font-size:.82rem;flex-wrap:wrap}
.cnums .dl{font-weight:600}
.brow .math{min-width:0}
.brow .rop b{font-family:var(--display);font-size:1.05rem}
.tune{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:6px;flex-wrap:wrap}
.tune label{display:inline-flex;gap:5px;align-items:center;font-size:.74rem;color:var(--sub);text-transform:uppercase;letter-spacing:.04em;font-weight:700;margin:0}
.tune input{width:58px;padding:4px 6px;text-align:right;font-size:.85rem;font-variant-numeric:tabular-nums}
.tstate{font-size:.72rem;font-weight:700}
.tstate[data-s="wait"]{color:var(--sub)} .tstate[data-s="ok"]{color:var(--ok)} .tstate[data-s="bad"]{color:var(--bad)}
.brow .qty b{font-family:var(--display);font-size:1.25rem;font-weight:800}
.brow .cost{font-variant-numeric:tabular-nums;font-weight:600}
.board-foot{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-top:10px;flex-wrap:wrap}
.board-foot .tot{text-align:right}
.board-foot .tot b{display:block;font-family:var(--display);font-size:1.3rem;font-weight:800}
.due-late{color:var(--bad);font-weight:700}

@media(max-width:1100px){
  .board-head{display:none}
  .brow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 14px;padding:14px 16px}
  .brow .math{grid-column:1/-1;text-align:left}
  .brow .math .num,.brow .math{text-align:left}
  .tune{justify-content:flex-start}
  .brow .qty,.brow .cost{text-align:left}
  .brow .qty b::after{content:" units";font-family:var(--sans);font-size:.85rem;font-weight:600;color:var(--sub)}
}
@media(max-width:560px){
  .brow{grid-template-columns:minmax(0,1fr)}
  .cnums{flex-direction:column;gap:2px}
}

/* cover-band colours on the kit's rank bars (dashboard) */
.ranks .bar i.bad{background:var(--bad)} .ranks .bar i.warn{background:var(--warn)} .ranks .bar i.ok{background:var(--ok)}
.pill.draft{background:var(--chip);color:var(--sub)} .pill.sent{background:var(--infobg);color:var(--info)} .pill.received{background:var(--okbg);color:var(--ok)} .pill.cancelled{background:var(--badbg);color:var(--bad)}