/**
 * Branch Manager "live ops" content — reuses the existing ERP sidebar
 * shell (§9.1). Deliberately does NOT include a per-staff busy/free
 * presence panel like the mockup's — there is no real-time presence
 * or per-order staff-assignment tracking in the backend (orders have
 * no assigned_pharmacist_id field; nothing marks which pharmacist or
 * driver is "handling" a given order at this moment). Building that
 * panel would mean inventing data. What IS real and shown instead:
 * live order counts by actual status, and real delivery assignment
 * counts by actual status.
 */
.bm-live-badge { display: flex; align-items: center; gap: 7px; background: #FEF2F2; color: var(--danger); font-weight: 800; font-size: 12px; padding: 7px 14px; border-radius: 20px; }
.bm-live-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--danger); animation: bmPulse 1.4s infinite; }
@keyframes bmPulse { 0%, 100% { opacity: 1; } 50% { opacity: .3; } }

.bm-ops-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 16px; margin-bottom: 18px; }
.bm-ops-col { background: #fff; border: 1px solid var(--border); border-radius: 18px; padding: 14px; }
.bm-ops-col h3 { font-size: 13px; margin: 0 0 10px; display: flex; align-items: center; gap: 8px; }
.bm-order-live { display: flex; align-items: center; gap: 10px; padding: 9px 6px; border-radius: 10px; margin-bottom: 3px; }
.bm-order-live:hover { background: var(--mint-2); }
.bm-badge { min-width: 34px; height: 24px; padding: 0 6px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 9.5px; font-weight: 800; flex-shrink: 0; }
.bm-badge.pending { background: #FEE2E2; color: #991B1B; }
.bm-badge.confirmed { background: #FEF3C7; color: #92400E; }
.bm-badge.processing { background: #FEF3C7; color: #92400E; }
.bm-badge.out_for_delivery { background: #DBEAFE; color: #1D4ED8; }
.bm-badge.delivered { background: #DCFCE7; color: #166534; }
.bm-order-live strong { font-size: 12px; display: block; }
.bm-order-live span { font-size: 10.5px; color: var(--muted); }
.bm-order-live .amt { margin-right: auto; font-size: 11.5px; font-weight: 800; color: var(--primary-dark); }

.bm-delivery-row { display: flex; align-items: center; gap: 10px; padding: 8px 6px; }
.bm-delivery-count { font-size: 18px; font-weight: 800; color: var(--dark-green); }

.bm-mini-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 16px; }
.bm-mstat { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 12px; }
.bm-mstat strong { font-size: 17px; display: block; color: var(--dark-green); }
.bm-mstat span { font-size: 10.5px; color: var(--muted); }

.bm-unavailable-note { background: #FEF3C7; border: 1px solid #FDE68A; border-radius: 12px; padding: 10px 12px; font-size: 11px; color: #92400E; margin-bottom: 16px; display: flex; gap: 8px; align-items: flex-start; }