/* Sổ Kho Đế Giày Đình Công: only what kit v1.4 lacks, plus layout glue. Colours come from tokens (var(--*)) only; no kit class is
   restyled. Each rule names its gap in KIT_GAPS.md (G1 …). Linked after kit.css (and look-app.css on phone pages). */

/* G1 Signed figure for a surplus (Thừa, Xuất thừa). The kit has .num-in (ok), .num-out and .num-neg (danger) but no info-toned
   figure, and this book keeps green for nothing: thiếu is danger, thừa is info, lỗi is warn. The sign and the word carry the
   meaning; the colour is the second cue. Same metrics as the kit's signed figures. */
.dinhcong-thua { color: var(--info); font-variant-numeric: tabular-nums; font-family: var(--font-figure, inherit); white-space: nowrap; }

/* G2 Figure for QC defects (Lỗi QC, Tồn lỗi): warn-toned, unsigned. */
.dinhcong-loi { color: var(--warn); font-variant-numeric: tabular-nums; font-family: var(--font-figure, inherit); white-space: nowrap; }

/* Both follow the kit's rules for paper (mono) and for a voided row (muted, struck), as .num-neg does. */
.paper :is(.dinhcong-thua, .dinhcong-loi) { color: inherit; }
.tbl tbody tr.row-void :is(.dinhcong-thua, .dinhcong-loi) { color: var(--muted); }

/* G4 The squared notebook paper (ô ly) behind the sole in the sign-in drawing: the thin and bold grid lines take a pale violet
   so the sole, drawn in currentColor, stays the one strong line. The kit gives .login-art its slot and leaves the drawing to us. */
.dinhcong-art-ly { stroke: var(--dinhcong-ly-strong); }

/* Layout glue */
/* G9 A short list of consequences or rules inside a dialog, notice or panel (plain bullets, the kit sets none). */
.dinhcong-list { display: grid; gap: var(--sp-1); margin: 0; padding-left: var(--sp-5); }
/* G10 The "Thêm đơn" field above the entry grid sits in a flush panel, so it needs the panel's own padding. */
.dinhcong-add { max-width: 28rem; padding: var(--sp-3) var(--sp-5) 0; }
/* G12 The result line (.result-bar) under .tbl-tools inside a flush panel (S3): the kit pads it only inside a padded panel body,
   so here it touched the panel's borders. The wrapper gives it the .tbl-tools inline padding. Delete when the kit pads it. */
.dinhcong-pad { padding: var(--sp-2) var(--sp-4); }
/* G6 Equal size columns in the per-order matrix (S4), so 7 and 7.5 line up across the nine rows. */
.dinhcong-matrix { --col-w: 4.75rem; }

/* G7 The A4 voucher's title block and its 19-column table (STT, mã, ship, màu, 14 size, tổng). */
.dinhcong-paper-title { margin: 6mm 0 1mm; font-size: 14pt; font-weight: 700; text-align: center; text-transform: uppercase; }
.dinhcong-paper-sub { margin: 0 0 4mm; text-align: center; }
.dinhcong-paper-tbl { width: 100%; font-size: 9pt; }