/* Live orders: the trade-blotter table styles, plus gap colours, flags and urgency. */
.live-summary { margin-top: 12px; }
.live-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.live-orders { margin-top: 12px; }
.live-filters { display: flex; gap: 6px; }
.live-filters .toggle-btn.active { background: #1e293b; color: #f8fafc; }
.table-scroll { overflow-x: auto; }
#liveTable td { white-space: nowrap; }
#liveTable .ticker { font-weight: 600; }
.gap { font-variant-numeric: tabular-nums; font-weight: 600; }
.gap-out { color: #dc2626; }
.gap-in { color: #16a34a; }
.gap-other { color: #64748b; font-weight: 500; }
.gap-basis { color: #94a3b8; font-size: 11px; margin-left: 4px; }
.flag { display: inline-block; margin-left: 6px; padding: 1px 6px; border-radius: 9px; font-size: 11px; background: #e2e8f0; color: #334155; }
.flag-warn { background: #fef3c7; color: #92400e; }
.urg-high { color: #dc2626; font-weight: 600; }
.urg-med { color: #d97706; font-weight: 600; }
.urg-low { color: #475569; }
.urg-none { color: #94a3b8; }
tr.market-shut td { opacity: 0.75; }
.live-footnote { color: #64748b; font-size: 12px; margin-top: 8px; }
@media (max-width: 720px) {
    .live-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}