/* 📋 Đơn đặt hàng — mockup 09A / spec Màn 6: 4 numbers, status chips with counts, a table with actions on each row.
   Loaded after layout.css; rem scales with the screen (ui-shell sets the root size). */

.oh-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; padding: .9rem 1.2rem .2rem; }
.oh-kpi { display: flex; flex-direction: column; gap: .2rem; padding: .8rem 1rem; border: 1px solid #e5e7eb; border-radius: .8rem; background: #fff; }
.oh-kpi span { color: #6b7280; font-size: .85rem; }
.oh-kpi b { font-size: 1.45rem; font-weight: 700; color: #1f2937; }
.oh-kpi-warn b { color: #b45309; }

.oh-chips button[data-status="unconfirmed"]:not(.on) i { background: #fee2e2; color: #b91c1c; }

/* table: one grid for the header and every row */
.oh-thead, .card-v2.card-v2-order {
  grid-template-columns: 2rem minmax(8.5rem, 11rem) minmax(11rem, 15rem) minmax(12rem, 1fr) minmax(8rem, 10rem) 6.5rem minmax(8rem, 11rem) minmax(19rem, 21rem);
}
.card-v2.card-v2-order { font-size: .9rem; }
.card-v2-order .card-cell-source { font-size: .85rem; white-space: nowrap; }

@media (max-width: 1400px) {
  .oh-thead, .card-v2.card-v2-order { grid-template-columns: 2rem minmax(7.5rem, 9rem) minmax(9rem, 12rem) minmax(9rem, 1fr) minmax(7rem, 8.5rem) 5.5rem minmax(7rem, 9rem) minmax(20rem, 21rem); }
}

.oh-thead { margin-top: .2rem; }