/* Inbound: inbound orders / ASN, deliveries, receiving. Use the tokens from styles.css / docs/DESIGN.md only. */

/* Vision grid colours: expired / certificates missing = red, short shelf life = yellow, first receipt of a SKU = grey.
   Rows always carry a tag with a mark or word too, never colour alone. */
.grid tbody tr.rcv-row-danger td { background: rgb(185 58 48 / .08); }
.grid tbody tr.rcv-row-warning td { background: rgb(255 194 26 / .16); }
.grid tbody tr.rcv-row-first td { background: var(--surface-2); }
.grid tbody tr.rcv-row-danger.selected td, .grid tbody tr.rcv-row-warning.selected td, .grid tbody tr.rcv-row-first.selected td { background: var(--pine-soft); }

/* acts and differences shown in a modal */
.rcv-act { display: grid; gap: 12px; }
.rcv-act p { margin: 0; }
.rcv-act-head { grid-template-columns: max-content 1fr; }
.rcv-table { width: 100%; }
.rcv-table tr.rcv-diff td { background: rgb(255 194 26 / .16); }

/* inbound dashboard */
.rcv-dash { display: grid; gap: 16px; }
.rcv-dash-bar { display: flex; align-items: flex-end; gap: 12px; }
.rcv-dash-bar .field { width: 200px; }
.rcv-dash-body { display: grid; gap: 16px; }
.rcv-kpis { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }
.rcv-kpi { padding: 16px; display: grid; gap: 4px; }
.rcv-status-row { display: flex; flex-wrap: wrap; gap: 8px; }
.rcv-dash .meter { width: 120px; display: inline-block; vertical-align: middle; margin: 0 8px 0 0; }