/* Inbound Risk (Order Risk tab 4). Everything structural comes from the
   shared Order Risk vocabulary (order_risk.css: or-chips, or-facets, the
   p5 priority-grid classes, or-detail-table) + kpi-card.css + table.css.
   This file adds ONLY the verdict chips, tokens.css signal colors. */

/* --- Testing banner (mirrors traffic.css .tr-banner; loud on purpose
   until the verdicts are validated with Whitney/ops) ------------------- */
.ir-banner {
  background: #FEF3C7;
  border: 1px solid #F59E0B;
  border-left: 5px solid #B45309;
  border-radius: 10px;
  padding: 14px 16px;
  margin-bottom: 16px;
  font-size: 13px;
  line-height: 1.55;
  color: #7C2D12;
}
.ir-banner .ir-banner-title {
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #92400E;
  margin-bottom: 6px;
}
.ir-banner p { margin: 0; }
.ir-banner b { color: #7C2D12; }

.ir-vd {
  display: inline-block; padding: 1px 8px; border-radius: 10px;
  font-size: 12px; font-weight: 700; white-space: nowrap;
}
.ir-vd-none   { background: var(--signal-red-bg);    color: var(--signal-red-text); }
.ir-vd-late   { background: var(--signal-yellow-bg); color: var(--signal-yellow-text); }
.ir-vd-onhand { background: var(--icy-blue);         color: var(--navy); }
.ir-vd-ok     { background: var(--signal-green-bg-soft); color: var(--signal-green-text); }

/* Late sub-class tags (Cory 2026-08-11): what a late line still allows.
   Severity reads left to right: cross-dockable < misses the truck < after. */
.ir-lc {
  display: inline-block; padding: 0 7px; border-radius: 9px;
  font-size: 11px; font-weight: 700; white-space: nowrap; vertical-align: 1px;
}
.ir-lc-xdock { background: var(--icy-blue);        color: var(--navy); }
.ir-lc-dayof { background: var(--signal-red-bg);   color: var(--signal-red-text); }
.ir-lc-after { background: var(--signal-red-bg);   color: var(--signal-red-text); }

/* Sub-view segmented control (Short Lines / By Truck) -- same pattern as
   traffic.css .tr-subtabs, single-line buttons. */
.ir-subtabs {
  display: flex; gap: 4px; background: #EEF1F5; border: 1px solid var(--line, #E5E7EB);
  border-radius: 12px; padding: 4px; margin: 0 0 12px; flex-wrap: wrap;
}
.ir-subtab {
  flex: 0 1 auto; min-width: 150px; text-align: center; cursor: pointer;
  border: 1px solid transparent; background: transparent; border-radius: 9px;
  padding: 8px 16px; font-size: 13px; font-weight: 700; color: #1F3A5F;
}
.ir-subtab:hover { background: #FFFFFF; }
.ir-subtab.active { background: #FFFFFF; border-color: #4472C4; box-shadow: 0 1px 3px rgba(31,58,95,.08); }
.ir-subtab .n { font-weight: 600; color: var(--muted, #6B7280); margin-left: 4px; }

/* 4 KPI cards, same responsive break as the sibling tabs */
#irKpis { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1100px) { #irKpis { grid-template-columns: repeat(2, 1fr); } }