/* Operations views: inventory, customers, POS, about. */
.inv-notice, .cust-notice, .pos-banner { margin-bottom: 16px; }
.inv-meter { min-width: 90px; }
.inv-meter .meter { width: 90px; }
.inv-actions { justify-content: flex-end; flex-wrap: nowrap; }
.inv-gap, .cust-gap { margin-top: 8px; }
.inv-list li { padding: 8px 0; }
.cust-kpis { margin-bottom: 16px; }
.cust-facts { margin-top: 10px; }

.pos-grid { align-items: start; }
.pos-actions { margin-top: 14px; }
.pos-note { margin: 10px 0 0; }
.pos-err { color: var(--bad); }
.pos-sub { margin: 18px 0 6px; font-size: .9rem; }
.pos-hist li { padding: 8px 0; }
.pos-subhead { border-top: 1px solid var(--line); }
.pos-failnext { margin-top: 12px; }
.pos-refs { max-height: 320px; overflow-y: auto; }
.pos-queue-row { flex-wrap: wrap; }
.chips { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; padding: 0; margin: 10px 0 0; }

.about-table th[scope="row"] { background: transparent; text-transform: none; letter-spacing: 0; font-size: .9rem; color: var(--ink); vertical-align: top; }
.about-table td { vertical-align: top; font-size: .88rem; }
.about-list { margin: 8px 0 0; padding-left: 20px; display: grid; gap: 6px; }

@media (max-width: 820px) {
  .pos-grid { grid-template-columns: minmax(0, 1fr); }
  .about-table { min-width: 720px; }
}