/**
 * ArbiMax Admin Operations Control - Enterprise UI
 * Build: 20260204_OPS_OVERVIEW_FULLBLEED_FIX
 * 
 * 4-LEVEL HIERARCHY LAYOUT:
 * 1. Primary Control Bar - Kill Switch, Engine Status, Master Toggle (NOT sticky)
 * 2. Liquidity Core Zone - Pool data (visual + logical core)
 * 3. Diagnostics Row - Action buttons only (modals for content)
 * 4. Recent Activity Zone - Logs, events
 * 
 * DESIGN PRINCIPLES:
 * - Solid blue identity (#2B8CFF)
 * - NO gradients, NO purple, NO glow spam
 * - NO sticky header (scrolls with page)
 * - FULL-BLEED: Outer container has no padding, sections have internal margins
 * - Professional, calm, powerful
 */

/* ==========================================
   SECTION 1: CSS VARIABLES
   ========================================== */
.admin-operations-control {
  /* Primary Colors */
  --aoc-blue: #2B8CFF;
  --aoc-blue-soft: rgba(43, 140, 255, 0.14);
  --aoc-blue-hover: rgba(43, 140, 255, 0.22);
  --aoc-blue-border: rgba(43, 140, 255, 0.35);
  
  /* Dark Bases */
  --aoc-dark-1: #0B1220;
  --aoc-dark-2: #0E1626;
  --aoc-dark-3: #111B2F;
  --aoc-panel: #131D32;
  --aoc-surface: #162038;
  
  /* Text */
  --aoc-text: #EAF2FF;
  --aoc-text-muted: rgba(234, 242, 255, 0.55);
  --aoc-text-dim: rgba(234, 242, 255, 0.35);
  
  /* Status Colors */
  --aoc-success: #10B981;
  --aoc-success-soft: rgba(16, 185, 129, 0.14);
  --aoc-warning: #F59E0B;
  --aoc-warning-soft: rgba(245, 158, 11, 0.14);
  --aoc-danger: #EF4444;
  --aoc-danger-soft: rgba(239, 68, 68, 0.14);
  --aoc-info: #3B82F6;
  --aoc-info-soft: rgba(59, 130, 246, 0.14);
  
  /* Spacing */
  --aoc-gap-xs: 4px;
  --aoc-gap-sm: 8px;
  --aoc-gap-md: 16px;
  --aoc-gap-lg: 24px;
  --aoc-gap-xl: 32px;
  --aoc-gap-2xl: 48px;
  
  /* Borders */
  --aoc-radius: 12px;
  --aoc-radius-sm: 8px;
  --aoc-radius-lg: 16px;
  --aoc-radius-pill: 999px;
  
  /* Transitions */
  --aoc-transition: 160ms ease;
}

/* ==========================================
   SECTION 1.5: GLOBAL SYSTEM CONTROL (GSC)
   Build: 20260204_OPS_FIX - NO STICKY, collapsible
   Build: 20260204_OPS_OVERVIEW_FULLBLEED_FIX - Internal padding
   ========================================== */

/* Main container - NO STICKY (scrolls with page) */
.admin-operations-control .gsc {
  position: relative; /* NOT sticky */
  z-index: 10;
  margin: 0 var(--aoc-gap-lg);
  margin-bottom: var(--aoc-gap-xl);
  margin-top: var(--aoc-gap-md);
  transition: var(--aoc-transition);
}

/* Compact Bar (always visible) */
.admin-operations-control .gsc__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 18px;
  background: var(--aoc-dark-2);
  border: 1px solid var(--aoc-blue-border);
  border-radius: var(--aoc-radius-lg);
  flex-wrap: wrap;
}

.admin-operations-control .gsc__title {
  font-size: 14px;
  font-weight: 600;
  color: var(--aoc-text);
  white-space: nowrap;
}

/* Chips container */
.admin-operations-control .gsc__chips {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex: 1;
}

/* Individual chip */
.admin-operations-control .gsc__chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: var(--aoc-radius-pill);
  border: 1px solid rgba(43, 140, 255, 0.18);
  background: #0C1628;
  color: var(--aoc-text);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}

.admin-operations-control .gsc__chip--ok {
  border-color: rgba(16, 185, 129, 0.35);
  color: var(--aoc-success);
}

.admin-operations-control .gsc__chip--bad {
  border-color: rgba(239, 68, 68, 0.35);
  color: var(--aoc-danger);
}

.admin-operations-control .gsc__chip--warn {
  border-color: rgba(245, 158, 11, 0.35);
  color: var(--aoc-warning);
}

.admin-operations-control .gsc__chip--danger {
  border-color: rgba(239, 68, 68, 0.35);
  background: var(--aoc-danger-soft);
  color: var(--aoc-danger);
}

/* Toggle button */
.admin-operations-control .gsc__toggle {
  width: 32px;
  height: 32px;
  padding: 0;
  background: var(--aoc-surface);
  border: 1px solid var(--aoc-blue-border);
  border-radius: var(--aoc-radius-pill);
  color: var(--aoc-text-muted);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--aoc-transition);
  flex-shrink: 0;
}

.admin-operations-control .gsc__toggle:hover {
  background: var(--aoc-blue-soft);
  color: var(--aoc-blue);
  border-color: var(--aoc-blue);
}

.admin-operations-control .gsc__toggle-icon {
  font-size: 10px;
  transition: transform 200ms ease;
}

/* Full body panel - Build: 20260207_NO_CLIP_FIX */
.admin-operations-control .gsc__body {
  margin-top: 12px;
  overflow: visible;  /* NO CLIPPING */
  transition: max-height 300ms ease, opacity 200ms ease, margin 200ms ease;
  max-height: none; /* REMOVE HEIGHT LIMIT - was causing clipping */
  opacity: 1;
}

/* Expanded state - Build: 20260207_NO_CLIP_FIX */
.admin-operations-control .gsc--expanded .gsc__body {
  display: block;
  max-height: none; /* NO HEIGHT LIMIT */
  opacity: 1;
  margin-top: 12px;
  overflow: visible;
}

.admin-operations-control .gsc--expanded .gsc__toggle-icon {
  transform: rotate(0deg);
}

/* Collapsed state - Build: 20260207_NO_CLIP_FIX */
.admin-operations-control .gsc--collapsed .gsc__body {
  max-height: 0;
  opacity: 0;
  margin-top: 0;
  pointer-events: none;
  overflow: hidden; /* Only clip when collapsed */
}

.admin-operations-control .gsc--collapsed .gsc__toggle-icon {
  transform: rotate(180deg);
}

/* Nested aoc-global-control inside gsc__body - override sticky */
.admin-operations-control .gsc__body .aoc-global-control {
  position: relative !important;
  top: auto !important;
  z-index: auto !important;
  margin-bottom: 0 !important;
}

/* ==========================================
   SECTION 1.6: EXECUTION PULSE - Inline Stats
   Build: 20260204_OPS_FIX
   ========================================== */
.admin-operations-control .aoc-exec-pulse {
  margin-top: var(--aoc-gap-md);
  padding: var(--aoc-gap-md);
  background: var(--aoc-surface);
  border: 1px solid var(--aoc-blue-border);
  border-radius: var(--aoc-radius);
}

.admin-operations-control .aoc-exec-pulse-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--aoc-gap-sm);
}

.admin-operations-control .aoc-exec-pulse-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--aoc-text);
}

.admin-operations-control .aoc-exec-pulse-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--aoc-gap-md);
}

@media (max-width: 768px) {
  .admin-operations-control .aoc-exec-pulse-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.admin-operations-control .aoc-exec-stat {
  text-align: center;
}

.admin-operations-control .aoc-exec-stat-value {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: var(--aoc-text);
  font-family: 'SF Mono', 'Fira Code', monospace;
}

.admin-operations-control .aoc-exec-stat-label {
  display: block;
  font-size: 10px;
  color: var(--aoc-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 2px;
}

/* Execution Pulse value colors */
.admin-operations-control .aoc-exec-pulse-value.profit,
.admin-operations-control .aoc-exec-stat-value.profit {
  color: var(--aoc-success) !important;
}

.admin-operations-control .aoc-exec-pulse-value.loss,
.admin-operations-control .aoc-exec-stat-value.loss {
  color: var(--aoc-danger) !important;
}

/* Execution Pulse inline stats row */
#execPulseRow .aoc-exec-pulse-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}

#execPulseRow .aoc-exec-pulse-stat {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
}

#execPulseRow .aoc-exec-pulse-stat span:first-child {
  color: var(--aoc-text-muted);
}

#execPulseRow .aoc-exec-pulse-stat .aoc-exec-pulse-value {
  font-weight: 600;
  font-family: 'SF Mono', 'Fira Code', monospace;
  color: var(--aoc-text);
}

.admin-operations-control .aoc-exec-error {
  margin-top: var(--aoc-gap-sm);
  padding: var(--aoc-gap-sm);
  background: var(--aoc-danger-soft);
  border: 1px solid rgba(239, 68, 68, 0.35);
  border-radius: var(--aoc-radius-sm);
  font-size: 12px;
  color: var(--aoc-danger);
}

/* ==========================================
   SECTION 2: GLOBAL RESET & PAGE SHELL
   Build: 20260204_OPS_OVERVIEW_FULLBLEED_FIX
   - Full-bleed layout: NO padding on outer container
   - All internal sections have their own padding
   ========================================== */
.admin-operations-control {
  background: var(--aoc-dark-1) !important;
  background-image: none !important;
  min-height: 100vh;
  padding: 0; /* FULL-BLEED: Remove outer padding */
  color: var(--aoc-text);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Add padding INSIDE the main content area, not the outer shell */
.admin-operations-control > .aoc-main-content,
.admin-operations-control > section:first-child {
  padding: var(--aoc-gap-lg) var(--aoc-gap-xl);
  padding-top: var(--aoc-gap-md);
}

/* Force override legacy styles */
.admin-operations-control *,
.admin-operations-control *::before,
.admin-operations-control *::after {
  background-image: none !important;
  filter: none !important;
}

.admin-operations-control .am-card,
.admin-operations-control .am-alert {
  box-shadow: none !important;
  background-image: none !important;
}

/* ==========================================
   SECTION 3: PAGE HEADER
   ========================================== */
.admin-operations-control .aoc-page-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--aoc-gap-lg);
  margin-bottom: var(--aoc-gap-xl);
  padding-bottom: var(--aoc-gap-lg);
  border-bottom: 1px solid var(--aoc-blue-border);
}

.admin-operations-control .aoc-page-title {
  font-size: 28px;
  font-weight: 700;
  color: var(--aoc-text);
  margin: 0 0 var(--aoc-gap-xs) 0;
  letter-spacing: -0.02em;
}

.admin-operations-control .aoc-page-subtitle {
  font-size: 14px;
  color: var(--aoc-text-muted);
  margin: 0;
}

.admin-operations-control .aoc-header-actions {
  display: flex;
  align-items: center;
  gap: var(--aoc-gap-sm);
}

/* ==========================================
   SECTION 4: ZONE CONTAINERS
   ========================================== */
.admin-operations-control .aoc-zone {
  background: var(--aoc-dark-3);
  border: 1px solid var(--aoc-blue-border);
  border-radius: var(--aoc-radius-lg);
  padding: var(--aoc-gap-lg);
  margin-bottom: var(--aoc-gap-xl);
}

.admin-operations-control .aoc-zone-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--aoc-gap-lg);
  padding-bottom: var(--aoc-gap-md);
  border-bottom: 1px solid rgba(43, 140, 255, 0.15);
}

.admin-operations-control .aoc-zone-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--aoc-text);
  display: flex;
  align-items: center;
  gap: var(--aoc-gap-sm);
  margin: 0;
}

.admin-operations-control .aoc-zone-title .icon {
  font-size: 20px;
}

.admin-operations-control .aoc-zone-badge {
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: var(--aoc-radius-pill);
  background: var(--aoc-blue-soft);
  color: var(--aoc-blue);
}

/* ==========================================
   SECTION 5: ZONE 1 - GLOBAL SYSTEM CONTROL
   ========================================== */
/* NOTE: Sticky behavior now handled by .gsc wrapper (see GSC section above) */
.admin-operations-control .aoc-global-control {
  /* position: sticky; -- REMOVED: now nested inside .gsc__body */
  /* top: 0; -- REMOVED */
  /* z-index: 100; -- REMOVED */
  position: relative;
  background: var(--aoc-dark-2);
  border: 2px solid var(--aoc-blue-border);
  border-radius: var(--aoc-radius-lg);
  padding: var(--aoc-gap-lg);
  margin-bottom: 0; /* No margin when inside gsc__body */
}

.admin-operations-control .aoc-global-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--aoc-gap-md);
}

.admin-operations-control .aoc-global-stat {
  background: var(--aoc-panel);
  border: 1px solid rgba(43, 140, 255, 0.2);
  border-radius: var(--aoc-radius);
  padding: var(--aoc-gap-md);
  text-align: center;
}

.admin-operations-control .aoc-global-stat-label {
  font-size: 11px;
  font-weight: 500;
  color: var(--aoc-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: var(--aoc-gap-xs);
}

.admin-operations-control .aoc-global-stat-value {
  font-size: 24px;
  font-weight: 700;
  color: var(--aoc-text);
  margin-bottom: var(--aoc-gap-xs);
}

.admin-operations-control .aoc-global-stat-sub {
  font-size: 12px;
  color: var(--aoc-text-dim);
}

/* State Indicator Capsules */
.admin-operations-control .aoc-state-capsule {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: var(--aoc-radius-pill);
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.admin-operations-control .aoc-state-capsule.live {
  background: var(--aoc-danger-soft);
  color: var(--aoc-danger);
  border: 1px solid rgba(239, 68, 68, 0.35);
}

.admin-operations-control .aoc-state-capsule.paused {
  background: var(--aoc-warning-soft);
  color: var(--aoc-warning);
  border: 1px solid rgba(245, 158, 11, 0.35);
}

.admin-operations-control .aoc-state-capsule.safe {
  background: var(--aoc-success-soft);
  color: var(--aoc-success);
  border: 1px solid rgba(16, 185, 129, 0.35);
}

.admin-operations-control .aoc-state-capsule.stopped {
  background: rgba(107, 114, 128, 0.14);
  color: #9CA3AF;
  border: 1px solid rgba(107, 114, 128, 0.35);
}

/* Heartbeat Indicator */
.admin-operations-control .aoc-heartbeat {
  display: flex;
  align-items: center;
  gap: var(--aoc-gap-sm);
}

.admin-operations-control .aoc-heartbeat-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--aoc-success);
  animation: aoc-pulse 2s ease-in-out infinite;
}

.admin-operations-control .aoc-heartbeat-dot.offline {
  background: var(--aoc-danger);
  animation: none;
}

@keyframes aoc-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(0.85); }
}

/* ==========================================
   SECTION 6: ZONE 2 - LIVE OPERATIONS MATRIX
   ========================================== */
.admin-operations-control .aoc-matrix-container {
  overflow-x: auto;
}

.admin-operations-control .aoc-matrix {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.admin-operations-control .aoc-matrix thead th {
  background: var(--aoc-panel);
  padding: 14px 16px;
  font-size: 11px;
  font-weight: 600;
  color: var(--aoc-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: left;
  border-bottom: 2px solid var(--aoc-blue-border);
  position: sticky;
  top: 0;
  z-index: 10;
}

.admin-operations-control .aoc-matrix thead th:first-child {
  border-radius: var(--aoc-radius-sm) 0 0 0;
}

.admin-operations-control .aoc-matrix thead th:last-child {
  border-radius: 0 var(--aoc-radius-sm) 0 0;
}

.admin-operations-control .aoc-matrix tbody tr {
  background: var(--aoc-dark-3);
  transition: var(--aoc-transition);
}

.admin-operations-control .aoc-matrix tbody tr:hover {
  background: var(--aoc-blue-soft);
}

.admin-operations-control .aoc-matrix tbody tr.active {
  background: rgba(43, 140, 255, 0.08);
  border-left: 3px solid var(--aoc-blue);
}

.admin-operations-control .aoc-matrix tbody td {
  padding: 14px 16px;
  font-size: 13px;
  color: var(--aoc-text);
  border-bottom: 1px solid rgba(43, 140, 255, 0.1);
  vertical-align: middle;
}

/* Matrix Cell Types */
.admin-operations-control .aoc-matrix-bot {
  display: flex;
  align-items: center;
  gap: var(--aoc-gap-sm);
  font-weight: 500;
}

.admin-operations-control .aoc-matrix-bot-icon {
  width: 32px;
  height: 32px;
  border-radius: var(--aoc-radius-sm);
  background: var(--aoc-blue-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.admin-operations-control .aoc-matrix-mode {
  padding: 4px 10px;
  border-radius: var(--aoc-radius-sm);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

.admin-operations-control .aoc-matrix-mode.live {
  background: var(--aoc-danger-soft);
  color: var(--aoc-danger);
}

.admin-operations-control .aoc-matrix-mode.stopped {
  background: rgba(107, 114, 128, 0.14);
  color: #9CA3AF;
}

/* Risk State Indicator */
.admin-operations-control .aoc-risk-indicator {
  display: flex;
  align-items: center;
  gap: 6px;
}

.admin-operations-control .aoc-risk-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.admin-operations-control .aoc-risk-dot.low { background: var(--aoc-success); }
.admin-operations-control .aoc-risk-dot.medium { background: var(--aoc-warning); }
.admin-operations-control .aoc-risk-dot.high { background: var(--aoc-danger); }

/* Latency Display */
.admin-operations-control .aoc-latency {
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
}

.admin-operations-control .aoc-latency.good { color: var(--aoc-success); }
.admin-operations-control .aoc-latency.warning { color: var(--aoc-warning); }
.admin-operations-control .aoc-latency.bad { color: var(--aoc-danger); }

/* Matrix Quick Actions */
.admin-operations-control .aoc-matrix-actions {
  display: flex;
  gap: var(--aoc-gap-xs);
  opacity: 0.5;
  transition: var(--aoc-transition);
}

.admin-operations-control .aoc-matrix tbody tr:hover .aoc-matrix-actions {
  opacity: 1;
}

.admin-operations-control .aoc-matrix-action-btn {
  width: 28px;
  height: 28px;
  border: none;
  border-radius: var(--aoc-radius-sm);
  background: var(--aoc-surface);
  color: var(--aoc-text-muted);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: var(--aoc-transition);
}

.admin-operations-control .aoc-matrix-action-btn:hover {
  background: var(--aoc-blue-soft);
  color: var(--aoc-blue);
}

/* ==========================================
   SECTION 7: ZONE 3 - BOT AUTHORITY & OVERRIDES
   ========================================== */
.admin-operations-control .aoc-authority-zone {
  background: var(--aoc-dark-3);
  border: 1px solid var(--aoc-blue-border);
  border-radius: var(--aoc-radius-lg);
}

.admin-operations-control .aoc-authority-header {
  background: var(--aoc-panel);
  padding: var(--aoc-gap-lg);
  border-radius: var(--aoc-radius-lg) var(--aoc-radius-lg) 0 0;
  border-bottom: 2px solid var(--aoc-blue);
}

.admin-operations-control .aoc-authority-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--aoc-text);
  display: flex;
  align-items: center;
  gap: var(--aoc-gap-sm);
}

.admin-operations-control .aoc-authority-badge {
  padding: 3px 10px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  background: var(--aoc-blue);
  color: white;
  border-radius: var(--aoc-radius-pill);
}

.admin-operations-control .aoc-authority-content {
  padding: var(--aoc-gap-lg);
}

/* Bot Override Cards */
.admin-operations-control .aoc-override-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--aoc-gap-md);
}

.admin-operations-control .aoc-override-card {
  background: var(--aoc-surface);
  border: 1px solid rgba(43, 140, 255, 0.15);
  border-radius: var(--aoc-radius);
  padding: var(--aoc-gap-md);
}

.admin-operations-control .aoc-override-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--aoc-gap-md);
}

.admin-operations-control .aoc-override-bot-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--aoc-text);
}

.admin-operations-control .aoc-override-status {
  font-size: 11px;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: var(--aoc-radius-sm);
}

.admin-operations-control .aoc-override-status.active {
  background: var(--aoc-blue-soft);
  color: var(--aoc-blue);
}

.admin-operations-control .aoc-override-status.inactive {
  background: rgba(107, 114, 128, 0.14);
  color: #9CA3AF;
}

.admin-operations-control .aoc-override-switches {
  display: flex;
  flex-direction: column;
  gap: var(--aoc-gap-sm);
}

.admin-operations-control .aoc-override-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--aoc-gap-sm) var(--aoc-gap-md);
  background: var(--aoc-panel);
  border-radius: var(--aoc-radius-sm);
}

.admin-operations-control .aoc-override-label {
  font-size: 12px;
  color: var(--aoc-text-muted);
}

/* Authority Indicators */
.admin-operations-control .aoc-authority-indicator {
  display: flex;
  align-items: center;
  gap: var(--aoc-gap-md);
  padding: var(--aoc-gap-md);
  background: var(--aoc-blue-soft);
  border: 1px solid var(--aoc-blue-border);
  border-radius: var(--aoc-radius);
  margin-top: var(--aoc-gap-lg);
}

.admin-operations-control .aoc-authority-indicator-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--aoc-radius-sm);
  background: var(--aoc-blue);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.admin-operations-control .aoc-authority-indicator-text {
  flex: 1;
}

.admin-operations-control .aoc-authority-indicator-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--aoc-text);
  margin-bottom: 2px;
}

.admin-operations-control .aoc-authority-indicator-desc {
  font-size: 12px;
  color: var(--aoc-text-muted);
}

/* ==========================================
   SECTION 8: ZONE 4 - EMERGENCY & SAFETY LAYER
   ========================================== */
.admin-operations-control .aoc-emergency-zone {
  background: var(--aoc-dark-2);
  border: 2px solid var(--aoc-danger);
  border-radius: var(--aoc-radius-lg);
  padding: var(--aoc-gap-lg);
  position: relative;
}

.admin-operations-control .aoc-emergency-zone::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--aoc-danger);
  border-radius: var(--aoc-radius-lg) var(--aoc-radius-lg) 0 0;
}

.admin-operations-control .aoc-emergency-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--aoc-gap-lg);
  padding-top: var(--aoc-gap-sm);
}

.admin-operations-control .aoc-emergency-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--aoc-danger);
  display: flex;
  align-items: center;
  gap: var(--aoc-gap-sm);
}

.admin-operations-control .aoc-emergency-badge {
  padding: 4px 12px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  background: var(--aoc-danger);
  color: white;
  border-radius: var(--aoc-radius-pill);
}

.admin-operations-control .aoc-emergency-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--aoc-gap-md);
}

.admin-operations-control .aoc-emergency-card {
  background: var(--aoc-dark-3);
  border: 1px solid rgba(239, 68, 68, 0.25);
  border-radius: var(--aoc-radius);
  padding: var(--aoc-gap-lg);
  text-align: center;
}

.admin-operations-control .aoc-emergency-card-icon {
  font-size: 32px;
  margin-bottom: var(--aoc-gap-sm);
}

.admin-operations-control .aoc-emergency-card-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--aoc-text);
  margin-bottom: var(--aoc-gap-xs);
}

.admin-operations-control .aoc-emergency-card-desc {
  font-size: 12px;
  color: var(--aoc-text-muted);
  margin-bottom: var(--aoc-gap-md);
}

/* ==========================================
   SECTION 9: CAPSULE BUTTONS
   ========================================== */
.admin-operations-control .aoc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--aoc-gap-sm);
  padding: 10px 20px;
  border: none;
  border-radius: var(--aoc-radius-pill);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: var(--aoc-transition);
  text-transform: none;
  letter-spacing: 0;
}

.admin-operations-control .aoc-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Primary Blue */
.admin-operations-control .aoc-btn-primary {
  background: var(--aoc-blue);
  color: white;
}

.admin-operations-control .aoc-btn-primary:hover:not(:disabled) {
  background: #1A7AE8;
}

/* Secondary (Ghost) */
.admin-operations-control .aoc-btn-secondary {
  background: var(--aoc-surface);
  color: var(--aoc-text);
  border: 1px solid var(--aoc-blue-border);
}

.admin-operations-control .aoc-btn-secondary:hover:not(:disabled) {
  background: var(--aoc-blue-soft);
  border-color: var(--aoc-blue);
}

/* Danger */
.admin-operations-control .aoc-btn-danger {
  background: var(--aoc-danger);
  color: white;
}

.admin-operations-control .aoc-btn-danger:hover:not(:disabled) {
  background: #DC2626;
}

/* Warning */
.admin-operations-control .aoc-btn-warning {
  background: var(--aoc-warning);
  color: #1F2937;
}

.admin-operations-control .aoc-btn-warning:hover:not(:disabled) {
  background: #D97706;
}

/* Success */
.admin-operations-control .aoc-btn-success {
  background: var(--aoc-success);
  color: white;
}

.admin-operations-control .aoc-btn-success:hover:not(:disabled) {
  background: #059669;
}

/* Small Button */
.admin-operations-control .aoc-btn-sm {
  padding: 6px 14px;
  font-size: 12px;
}

/* Large Button */
.admin-operations-control .aoc-btn-lg {
  padding: 14px 28px;
  font-size: 15px;
}

/* ==========================================
   SECTION 10: TOGGLE SWITCHES
   ========================================== */
.admin-operations-control .aoc-toggle {
  position: relative;
  width: 44px;
  height: 24px;
  background: var(--aoc-surface);
  border: 1px solid rgba(43, 140, 255, 0.2);
  border-radius: var(--aoc-radius-pill);
  cursor: pointer;
  transition: var(--aoc-transition);
}

.admin-operations-control .aoc-toggle::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  background: var(--aoc-text-muted);
  border-radius: 50%;
  transition: var(--aoc-transition);
}

.admin-operations-control .aoc-toggle.active {
  background: var(--aoc-blue);
  border-color: var(--aoc-blue);
}

.admin-operations-control .aoc-toggle.active::after {
  left: 22px;
  background: white;
}

.admin-operations-control .aoc-toggle.danger.active {
  background: var(--aoc-danger);
  border-color: var(--aoc-danger);
}

/* ==========================================
   SECTION 11: MODAL OVERLAY
   ========================================== */
.admin-operations-control .aoc-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  z-index: 11000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--aoc-gap-xl);
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms ease, visibility 200ms ease;
}

.admin-operations-control .aoc-modal-overlay.visible {
  opacity: 1;
  visibility: visible;
}

/* ==========================================
   SECTION 12: MODAL DIALOG
   ========================================== */
.admin-operations-control .aoc-modal {
  background: var(--aoc-dark-2);
  border: 1px solid var(--aoc-blue-border);
  border-radius: 20px;
  width: 100%;
  max-width: 780px;
  max-height: 90vh;
  overflow: hidden;
  transform: translateY(12px);
  opacity: 0;
  transition: transform 200ms ease, opacity 200ms ease;
  position: relative;
}

.admin-operations-control .aoc-modal-overlay.visible .aoc-modal {
  transform: translateY(0);
  opacity: 1;
}

/* Modal Top Accent */
.admin-operations-control .aoc-modal::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--aoc-blue);
}

.admin-operations-control .aoc-modal.danger::before {
  background: var(--aoc-danger);
}

.admin-operations-control .aoc-modal.warning::before {
  background: var(--aoc-warning);
}

/* Modal Header */
.admin-operations-control .aoc-modal-header {
  padding: var(--aoc-gap-lg) var(--aoc-gap-xl);
  padding-top: calc(var(--aoc-gap-lg) + 4px);
  border-bottom: 1px solid rgba(43, 140, 255, 0.15);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.admin-operations-control .aoc-modal-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--aoc-text);
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--aoc-gap-sm);
}

.admin-operations-control .aoc-modal-close {
  width: 36px;
  height: 36px;
  border: none;
  border-radius: var(--aoc-radius-sm);
  background: var(--aoc-surface);
  color: var(--aoc-text-muted);
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--aoc-transition);
}

.admin-operations-control .aoc-modal-close:hover {
  background: var(--aoc-blue-soft);
  color: var(--aoc-blue);
}

/* Modal Body */
.admin-operations-control .aoc-modal-body {
  padding: var(--aoc-gap-xl);
  max-height: 60vh;
  overflow-y: auto;
}

/* Modal Section */
.admin-operations-control .aoc-modal-section {
  background: var(--aoc-dark-3);
  border: 1px solid rgba(43, 140, 255, 0.12);
  border-radius: var(--aoc-radius);
  padding: var(--aoc-gap-lg);
  margin-bottom: var(--aoc-gap-lg);
}

.admin-operations-control .aoc-modal-section:last-child {
  margin-bottom: 0;
}

.admin-operations-control .aoc-modal-section-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--aoc-blue);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 var(--aoc-gap-md) 0;
}

.admin-operations-control .aoc-modal-section-text {
  font-size: 14px;
  color: var(--aoc-text);
  line-height: 1.6;
  margin: 0;
}

/* Risk Warning Box */
.admin-operations-control .aoc-risk-warning {
  background: var(--aoc-danger-soft);
  border: 1px solid rgba(239, 68, 68, 0.35);
  border-radius: var(--aoc-radius);
  padding: var(--aoc-gap-md);
  display: flex;
  align-items: flex-start;
  gap: var(--aoc-gap-md);
}

.admin-operations-control .aoc-risk-warning-icon {
  font-size: 24px;
  flex-shrink: 0;
}

.admin-operations-control .aoc-risk-warning-text {
  font-size: 13px;
  color: var(--aoc-danger);
  line-height: 1.5;
}

/* Scope Display */
.admin-operations-control .aoc-scope-display {
  display: flex;
  flex-wrap: wrap;
  gap: var(--aoc-gap-sm);
}

.admin-operations-control .aoc-scope-tag {
  padding: 6px 12px;
  background: var(--aoc-blue-soft);
  border: 1px solid var(--aoc-blue-border);
  border-radius: var(--aoc-radius-sm);
  font-size: 12px;
  font-weight: 500;
  color: var(--aoc-text);
}

/* Confirmation Input */
.admin-operations-control .aoc-confirm-input {
  display: flex;
  align-items: center;
  gap: var(--aoc-gap-md);
  margin-top: var(--aoc-gap-md);
}

.admin-operations-control .aoc-confirm-input input {
  flex: 1;
  padding: 12px 16px;
  background: var(--aoc-surface);
  border: 1px solid var(--aoc-blue-border);
  border-radius: var(--aoc-radius-sm);
  font-size: 14px;
  color: var(--aoc-text);
  outline: none;
  transition: var(--aoc-transition);
}

.admin-operations-control .aoc-confirm-input input:focus {
  border-color: var(--aoc-blue);
}

.admin-operations-control .aoc-confirm-input input::placeholder {
  color: var(--aoc-text-dim);
}

/* Modal Footer */
.admin-operations-control .aoc-modal-footer {
  padding: var(--aoc-gap-lg) var(--aoc-gap-xl);
  border-top: 1px solid rgba(43, 140, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--aoc-gap-md);
}

/* ==========================================
   SECTION 13: STAT CARDS
   ========================================== */
.admin-operations-control .aoc-stat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: var(--aoc-gap-md);
}

.admin-operations-control .aoc-stat-card {
  background: var(--aoc-surface);
  border: 1px solid rgba(43, 140, 255, 0.15);
  border-radius: var(--aoc-radius);
  padding: var(--aoc-gap-md);
  text-align: center;
}

.admin-operations-control .aoc-stat-card-label {
  font-size: 11px;
  font-weight: 500;
  color: var(--aoc-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: var(--aoc-gap-xs);
}

.admin-operations-control .aoc-stat-card-value {
  font-size: 22px;
  font-weight: 700;
  color: var(--aoc-text);
}

.admin-operations-control .aoc-stat-card-value.success { color: var(--aoc-success); }
.admin-operations-control .aoc-stat-card-value.warning { color: var(--aoc-warning); }
.admin-operations-control .aoc-stat-card-value.danger { color: var(--aoc-danger); }
.admin-operations-control .aoc-stat-card-value.info { color: var(--aoc-info); }

.admin-operations-control .aoc-stat-card-sub {
  font-size: 11px;
  color: var(--aoc-text-dim);
  margin-top: var(--aoc-gap-xs);
}

/* ==========================================
   SECTION 14: OPERATIONS LOG
   ========================================== */
.admin-operations-control .aoc-log-container {
  background: var(--aoc-dark-3);
  border: 1px solid rgba(43, 140, 255, 0.15);
  border-radius: var(--aoc-radius);
  max-height: 400px;
  overflow-y: auto;
}

.admin-operations-control .aoc-log-header {
  padding: var(--aoc-gap-md) var(--aoc-gap-lg);
  background: var(--aoc-panel);
  border-bottom: 1px solid rgba(43, 140, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 5;
}

.admin-operations-control .aoc-log-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--aoc-text);
  display: flex;
  align-items: center;
  gap: var(--aoc-gap-sm);
}

.admin-operations-control .aoc-log-badge {
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 600;
  background: var(--aoc-blue);
  color: white;
  border-radius: var(--aoc-radius-pill);
}

.admin-operations-control .aoc-log-list {
  padding: var(--aoc-gap-sm);
}

.admin-operations-control .aoc-log-item {
  display: flex;
  align-items: flex-start;
  gap: var(--aoc-gap-md);
  padding: var(--aoc-gap-sm) var(--aoc-gap-md);
  border-radius: var(--aoc-radius-sm);
  transition: var(--aoc-transition);
}

.admin-operations-control .aoc-log-item:hover {
  background: var(--aoc-blue-soft);
}

.admin-operations-control .aoc-log-item-icon {
  width: 28px;
  height: 28px;
  border-radius: var(--aoc-radius-sm);
  background: var(--aoc-surface);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
}

.admin-operations-control .aoc-log-item-content {
  flex: 1;
  min-width: 0;
}

.admin-operations-control .aoc-log-item-message {
  font-size: 13px;
  color: var(--aoc-text);
  margin-bottom: 2px;
}

.admin-operations-control .aoc-log-item-meta {
  font-size: 11px;
  color: var(--aoc-text-muted);
  display: flex;
  gap: var(--aoc-gap-md);
}

.admin-operations-control .aoc-log-item-time {
  font-family: 'JetBrains Mono', monospace;
}

/* ==========================================
   SECTION 15: LIVE FEED PANEL
   ========================================== */
.admin-operations-control .aoc-live-feed {
  background: var(--aoc-dark-3);
  border: 1px solid rgba(43, 140, 255, 0.2);
  border-radius: var(--aoc-radius);
  padding: var(--aoc-gap-lg);
}

.admin-operations-control .aoc-live-feed-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--aoc-gap-md);
}

.admin-operations-control .aoc-live-feed-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--aoc-blue);
  display: flex;
  align-items: center;
  gap: var(--aoc-gap-sm);
}

.admin-operations-control .aoc-live-feed-status {
  font-size: 11px;
  color: var(--aoc-text-muted);
}

.admin-operations-control .aoc-live-feed-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: var(--aoc-gap-sm);
}

.admin-operations-control .aoc-live-feed-stat {
  background: var(--aoc-surface);
  border-radius: var(--aoc-radius-sm);
  padding: var(--aoc-gap-sm) var(--aoc-gap-md);
}

.admin-operations-control .aoc-live-feed-stat-label {
  font-size: 10px;
  color: var(--aoc-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.admin-operations-control .aoc-live-feed-stat-value {
  font-size: 18px;
  font-weight: 600;
  color: var(--aoc-text);
  font-family: 'JetBrains Mono', monospace;
}

/* ==========================================
   SECTION 16: EMPTY & LOADING STATES
   ========================================== */
.admin-operations-control .aoc-empty-state {
  text-align: center;
  padding: var(--aoc-gap-2xl);
}

.admin-operations-control .aoc-empty-state-icon {
  font-size: 48px;
  margin-bottom: var(--aoc-gap-md);
  opacity: 0.5;
}

.admin-operations-control .aoc-empty-state-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--aoc-text);
  margin-bottom: var(--aoc-gap-xs);
}

.admin-operations-control .aoc-empty-state-desc {
  font-size: 13px;
  color: var(--aoc-text-muted);
}

.admin-operations-control .aoc-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--aoc-gap-xl);
}

.admin-operations-control .aoc-spinner {
  width: 32px;
  height: 32px;
  border: 3px solid var(--aoc-surface);
  border-top-color: var(--aoc-blue);
  border-radius: 50%;
  animation: aoc-spin 0.8s linear infinite;
}

@keyframes aoc-spin {
  to { transform: rotate(360deg); }
}

/* ==========================================
   SECTION 17: ALERTS & NOTIFICATIONS
   ========================================== */
.admin-operations-control .aoc-alert {
  padding: var(--aoc-gap-md) var(--aoc-gap-lg);
  border-radius: var(--aoc-radius);
  display: flex;
  align-items: flex-start;
  gap: var(--aoc-gap-md);
}

.admin-operations-control .aoc-alert-info {
  background: var(--aoc-info-soft);
  border: 1px solid rgba(59, 130, 246, 0.35);
  color: var(--aoc-info);
}

.admin-operations-control .aoc-alert-success {
  background: var(--aoc-success-soft);
  border: 1px solid rgba(16, 185, 129, 0.35);
  color: var(--aoc-success);
}

.admin-operations-control .aoc-alert-warning {
  background: var(--aoc-warning-soft);
  border: 1px solid rgba(245, 158, 11, 0.35);
  color: var(--aoc-warning);
}

.admin-operations-control .aoc-alert-danger {
  background: var(--aoc-danger-soft);
  border: 1px solid rgba(239, 68, 68, 0.35);
  color: var(--aoc-danger);
}

.admin-operations-control .aoc-alert-icon {
  font-size: 18px;
  flex-shrink: 0;
}

.admin-operations-control .aoc-alert-content {
  flex: 1;
  font-size: 13px;
  line-height: 1.5;
}

.admin-operations-control .aoc-alert-title {
  font-weight: 600;
  margin-bottom: 2px;
}

/* ==========================================
   SECTION 18: COUNTERS GRID
   ========================================== */
.admin-operations-control .aoc-counters-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: var(--aoc-gap-sm);
}

.admin-operations-control .aoc-counter {
  background: var(--aoc-surface);
  border: 1px solid rgba(43, 140, 255, 0.12);
  border-radius: var(--aoc-radius-sm);
  padding: var(--aoc-gap-sm) var(--aoc-gap-md);
  text-align: center;
}

.admin-operations-control .aoc-counter-label {
  font-size: 10px;
  color: var(--aoc-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 2px;
}

.admin-operations-control .aoc-counter-value {
  font-size: 20px;
  font-weight: 700;
  color: var(--aoc-text);
}

.admin-operations-control .aoc-counter-sub {
  font-size: 9px;
  color: var(--aoc-text-dim);
}

/* ==========================================
   SECTION 19: PREFLIGHT CHECK PANEL
   ========================================== */
.admin-operations-control .aoc-preflight-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--aoc-gap-md);
}

.admin-operations-control .aoc-preflight-item {
  background: var(--aoc-surface);
  border: 1px solid rgba(43, 140, 255, 0.12);
  border-radius: var(--aoc-radius);
  padding: var(--aoc-gap-md);
  display: flex;
  align-items: center;
  gap: var(--aoc-gap-md);
}

.admin-operations-control .aoc-preflight-icon {
  width: 36px;
  height: 36px;
  border-radius: var(--aoc-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}

.admin-operations-control .aoc-preflight-icon.pass {
  background: var(--aoc-success-soft);
  color: var(--aoc-success);
}

.admin-operations-control .aoc-preflight-icon.fail {
  background: var(--aoc-danger-soft);
  color: var(--aoc-danger);
}

.admin-operations-control .aoc-preflight-icon.warn {
  background: var(--aoc-warning-soft);
  color: var(--aoc-warning);
}

.admin-operations-control .aoc-preflight-content {
  flex: 1;
  min-width: 0;
}

.admin-operations-control .aoc-preflight-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--aoc-text);
  margin-bottom: 2px;
}

.admin-operations-control .aoc-preflight-status {
  font-size: 11px;
  color: var(--aoc-text-muted);
}

/* ==========================================
   SECTION 20: LIQUIDITY POOL PANEL
   ========================================== */
.admin-operations-control .aoc-lp-panel {
  background: var(--aoc-dark-3);
  border: 1px solid var(--aoc-blue-border);
  border-radius: var(--aoc-radius);
}

.admin-operations-control .aoc-lp-header {
  padding: var(--aoc-gap-md) var(--aoc-gap-lg);
  background: var(--aoc-panel);
  border-bottom: 1px solid rgba(43, 140, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.admin-operations-control .aoc-lp-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--aoc-text);
  display: flex;
  align-items: center;
  gap: var(--aoc-gap-sm);
}

.admin-operations-control .aoc-lp-content {
  padding: var(--aoc-gap-lg);
}

.admin-operations-control .aoc-lp-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: var(--aoc-gap-lg);
}

@media (max-width: 900px) {
  .aoc-lp-grid {
    grid-template-columns: 1fr;
  }
}

/* ==========================================
   SECTION 21: DIVIDERS & SEPARATORS
   ========================================== */
.admin-operations-control .aoc-divider {
  height: 1px;
  background: rgba(43, 140, 255, 0.15);
  margin: var(--aoc-gap-lg) 0;
}

.admin-operations-control .aoc-divider-vertical {
  width: 1px;
  background: rgba(43, 140, 255, 0.15);
  margin: 0 var(--aoc-gap-md);
}

/* ==========================================
   SECTION 22: ACCESSIBILITY
   ========================================== */
.admin-operations-control .aoc-modal[aria-modal="true"] {
  isolation: isolate;
}

.admin-operations-control .aoc-modal:focus {
  outline: none;
}

.admin-operations-control .aoc-btn:focus-visible,
.admin-operations-control .aoc-toggle:focus-visible,
.admin-operations-control .aoc-modal-close:focus-visible {
  outline: 2px solid var(--aoc-blue);
  outline-offset: 2px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .admin-operations-control *,
  .admin-operations-control *::before,
  .admin-operations-control *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* ==========================================
   SECTION 23: RESPONSIVE ADJUSTMENTS
   ========================================== */
@media (max-width: 768px) {
  .admin-operations-control {
    padding: var(--aoc-gap-md);
  }
  
  .aoc-page-header {
    flex-direction: column;
    gap: var(--aoc-gap-md);
  }
  
  .aoc-page-title {
    font-size: 22px;
  }
  
  .aoc-zone {
    padding: var(--aoc-gap-md);
  }
  
  .aoc-global-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .aoc-modal {
    max-width: 100%;
    margin: var(--aoc-gap-md);
    border-radius: var(--aoc-radius);
  }
  
  .aoc-modal-body {
    padding: var(--aoc-gap-md);
  }
}

/* ==========================================
   SECTION 24: RTL SUPPORT
   ========================================== */
[dir="rtl"] .admin-operations-control {
  direction: rtl;
}

[dir="rtl"] .aoc-toggle.active::after {
  left: auto;
  right: 22px;
}

[dir="rtl"] .aoc-toggle::after {
  left: auto;
  right: 2px;
}

[dir="rtl"] .aoc-matrix tbody tr.active {
  border-left: none;
  border-right: 3px solid var(--aoc-blue);
}

/* ==========================================
   SECTION 25: PRINT STYLES
   ========================================== */
@media print {
  .admin-operations-control {
    background: white !important;
    color: black !important;
  }
  
  .aoc-btn,
  .aoc-toggle,
  .aoc-modal-overlay {
    display: none !important;
  }
}
/* ==========================================
   SECTION 26: NEW 4-LEVEL HIERARCHY 
   Build: 20260204_OPS_ADMIN_LAYOUT
   ========================================== */

/* Primary Zone Indicator */
.admin-operations-control .aoc-zone--primary {
  border: 2px solid var(--aoc-blue-border);
  background: linear-gradient(180deg, var(--aoc-dark-3) 0%, var(--aoc-dark-2) 100%);
}

/* Liquidity Core Grid - 3 columns */
.admin-operations-control .aoc-liquidity-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--aoc-gap-md);
}

@media (max-width: 1200px) {
  .admin-operations-control .aoc-liquidity-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .admin-operations-control .aoc-liquidity-grid {
    grid-template-columns: 1fr;
  }
}

/* Liquidity Panel Card */
.admin-operations-control .aoc-liq-panel {
  background: var(--aoc-panel);
  border: 1px solid var(--aoc-blue-border);
  border-radius: var(--aoc-radius);
  display: flex;
  flex-direction: column;
  min-height: 200px;
}

.admin-operations-control .aoc-liq-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(43, 140, 255, 0.15);
  font-weight: 600;
  font-size: 14px;
  color: var(--aoc-text);
}

.admin-operations-control .aoc-liq-panel-body {
  flex: 1;
  padding: 16px;
}

.admin-operations-control .aoc-liq-panel-actions {
  padding: 12px 16px;
  border-top: 1px solid rgba(43, 140, 255, 0.1);
  background: rgba(0, 0, 0, 0.2);
}

/* Liquidity Item */
.admin-operations-control .aoc-liq-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid rgba(43, 140, 255, 0.08);
}

.admin-operations-control .aoc-liq-item:last-child {
  border-bottom: none;
}

.admin-operations-control .aoc-liq-item--total {
  margin-top: 8px;
  padding-top: 12px;
  border-top: 1px solid var(--aoc-blue-border);
  border-bottom: none;
}

.admin-operations-control .aoc-liq-item-label {
  font-size: 13px;
  color: var(--aoc-text-muted);
}

.admin-operations-control .aoc-liq-item-value {
  font-size: 14px;
  font-weight: 600;
  color: var(--aoc-text);
  font-family: 'SF Mono', 'Fira Code', monospace;
}

.admin-operations-control .aoc-liq-item--total .aoc-liq-item-value {
  color: var(--aoc-blue);
  font-size: 16px;
}

/* Best Pairs List */
.admin-operations-control .aoc-best-pairs-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.admin-operations-control .aoc-best-pair-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  margin-bottom: 6px;
  background: var(--aoc-surface);
  border-radius: var(--aoc-radius-sm);
  font-size: 13px;
}

.admin-operations-control .aoc-best-pair-item--empty {
  color: var(--aoc-text-muted);
  justify-content: center;
  background: transparent;
}

/* Badges */
.admin-operations-control .aoc-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: var(--aoc-radius-pill);
  font-size: 11px;
  font-weight: 500;
}

.admin-operations-control .aoc-badge-muted {
  background: rgba(107, 114, 128, 0.2);
  color: var(--aoc-text-muted);
}

.admin-operations-control .aoc-badge-success {
  background: var(--aoc-success-soft);
  color: var(--aoc-success);
}

.admin-operations-control .aoc-badge-warning {
  background: var(--aoc-warning-soft);
  color: var(--aoc-warning);
}

.admin-operations-control .aoc-badge-danger {
  background: var(--aoc-danger-soft);
  color: var(--aoc-danger);
}

/* ==========================================
   SECTION 27: DIAGNOSTICS ROW (Level 3)
   Build: 20260204_OPS_ADMIN_LAYOUT
   ========================================== */

.admin-operations-control .aoc-diagnostics-row {
  background: var(--aoc-dark-3);
  border: 1px solid var(--aoc-blue-border);
  border-radius: var(--aoc-radius-lg);
  padding: var(--aoc-gap-lg);
  margin-bottom: var(--aoc-gap-xl);
}

.admin-operations-control .aoc-diagnostics-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--aoc-gap-md);
}

.admin-operations-control .aoc-diagnostics-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--aoc-text);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.admin-operations-control .aoc-diagnostics-actions {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--aoc-gap-md);
}

@media (max-width: 1024px) {
  .admin-operations-control .aoc-diagnostics-actions {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .admin-operations-control .aoc-diagnostics-actions {
    grid-template-columns: 1fr;
  }
}

/* Diagnostics Button Card */
.admin-operations-control .aoc-diag-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 20px 16px;
  background: var(--aoc-panel);
  border: 1px solid var(--aoc-blue-border);
  border-radius: var(--aoc-radius);
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
}

.admin-operations-control .aoc-diag-btn:hover {
  background: var(--aoc-blue-soft);
  border-color: var(--aoc-blue);
  transform: translateY(-2px);
}

.admin-operations-control .aoc-diag-btn--danger {
  border-color: rgba(239, 68, 68, 0.35);
}

.admin-operations-control .aoc-diag-btn--danger:hover {
  background: var(--aoc-danger-soft);
  border-color: var(--aoc-danger);
}

.admin-operations-control .aoc-diag-btn-icon {
  font-size: 28px;
}

.admin-operations-control .aoc-diag-btn-label {
  font-size: 14px;
  font-weight: 600;
  color: var(--aoc-text);
}

.admin-operations-control .aoc-diag-btn-desc {
  font-size: 11px;
  color: var(--aoc-text-muted);
}

/* ==========================================
   SECTION 28: DETAILS/SUMMARY ACCORDION
   Build: 20260204_OPS_ADMIN_LAYOUT
   ========================================== */

.admin-operations-control .aoc-details {
  background: var(--aoc-dark-3);
  border: 1px solid rgba(43, 140, 255, 0.2);
  border-radius: var(--aoc-radius-lg);
  margin-bottom: var(--aoc-gap-xl);
}

.admin-operations-control .aoc-details-summary {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: var(--aoc-gap-md) var(--aoc-gap-lg);
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  color: var(--aoc-text);
  list-style: none;
}

.admin-operations-control .aoc-details-summary::-webkit-details-marker {
  display: none;
}

.admin-operations-control .aoc-details-summary::before {
  content: "▶";
  font-size: 10px;
  transition: transform 0.2s ease;
}

.admin-operations-control .aoc-details[open] .aoc-details-summary::before {
  transform: rotate(90deg);
}

.admin-operations-control .aoc-details[open] {
  border-color: var(--aoc-blue-border);
}

/* Content area */
.admin-operations-control .aoc-details > .aoc-counters-grid {
  padding: 0 var(--aoc-gap-lg) var(--aoc-gap-lg);
}

/* ==========================================
   SECTION 29: DIAGNOSTICS MODAL
   Build: 20260204_OPS_ADMIN_LAYOUT
   ========================================== */

.admin-operations-control .aoc-modal--diagnostics {
  max-width: 700px;
  width: 90%;
}

.admin-operations-control .aoc-modal--emergency {
  border: 2px solid var(--aoc-danger);
}

.admin-operations-control .aoc-modal--emergency .aoc-modal-header {
  background: var(--aoc-danger-soft);
  border-bottom-color: rgba(239, 68, 68, 0.3);
}

/* Modal Section */
.admin-operations-control .aoc-modal-section {
  margin-bottom: var(--aoc-gap-md);
}

.admin-operations-control .aoc-modal-section-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--aoc-text);
  margin: 0 0 8px 0;
}

.admin-operations-control .aoc-modal-section-text {
  font-size: 13px;
  color: var(--aoc-text-muted);
  margin: 0;
  line-height: 1.5;
}

/* ==========================================
   SECTION 30: LIVE FEED PANEL UPDATES
   Build: 20260204_OPS_ADMIN_LAYOUT
   ========================================== */

.admin-operations-control .aoc-live-feed {
  background: var(--aoc-panel);
  border: 1px solid var(--aoc-blue-border);
  border-radius: var(--aoc-radius);
  padding: var(--aoc-gap-md);
}

.admin-operations-control .aoc-live-feed-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--aoc-gap-md);
  padding-bottom: var(--aoc-gap-sm);
  border-bottom: 1px solid rgba(43, 140, 255, 0.15);
}

.admin-operations-control .aoc-live-feed-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--aoc-text);
}

.admin-operations-control .aoc-live-feed-status {
  font-size: 11px;
  color: var(--aoc-text-muted);
  padding: 3px 8px;
  background: rgba(107, 114, 128, 0.2);
  border-radius: var(--aoc-radius-pill);
}

.admin-operations-control .aoc-live-feed-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--aoc-gap-md);
}

@media (max-width: 768px) {
  .admin-operations-control .aoc-live-feed-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.admin-operations-control .aoc-live-feed-stat {
  text-align: center;
  padding: var(--aoc-gap-sm);
  background: var(--aoc-surface);
  border-radius: var(--aoc-radius-sm);
}

.admin-operations-control .aoc-live-feed-stat-label {
  font-size: 10px;
  color: var(--aoc-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
}

.admin-operations-control .aoc-live-feed-stat-value {
  font-size: 16px;
  font-weight: 700;
  color: var(--aoc-text);
  font-family: 'SF Mono', 'Fira Code', monospace;
}

/* ==========================================
   SECTION 31: LOG CONTAINER UPDATES
   Build: 20260204_OPS_ADMIN_LAYOUT
   ========================================== */

.admin-operations-control .aoc-log-container {
  min-height: 200px;
  max-height: 400px;
  overflow-y: auto;
  background: var(--aoc-panel);
  border-radius: var(--aoc-radius-sm);
  padding: var(--aoc-gap-sm);
}

.admin-operations-control .aoc-log-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: var(--aoc-radius-pill);
  background: var(--aoc-blue);
  color: white;
  font-size: 10px;
  font-weight: 600;
  animation: pulse-badge 1.5s ease-in-out infinite;
}

@keyframes pulse-badge {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}

/* ==========================================
   SECTION 32: SELECT DROPDOWN
   Build: 20260204_OPS_ADMIN_LAYOUT
   ========================================== */

.admin-operations-control .aoc-select {
  appearance: none;
  background: var(--aoc-panel);
  border: 1px solid var(--aoc-blue-border);
  border-radius: var(--aoc-radius-sm);
  padding: 8px 32px 8px 12px;
  font-size: 13px;
  color: var(--aoc-text);
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239CA3AF' d='M3 5l3 3 3-3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
}

.admin-operations-control .aoc-select:focus {
  outline: none;
  border-color: var(--aoc-blue);
}

.admin-operations-control .aoc-select-sm {
  padding: 4px 28px 4px 10px;
  font-size: 12px;
}

/* ==========================================
   SECTION 33: DIVIDER
   Build: 20260204_OPS_ADMIN_LAYOUT
   ========================================== */

.admin-operations-control .aoc-divider {
  height: 1px;
  background: var(--aoc-blue-border);
  margin: var(--aoc-gap-md) 0;
}

/* ==========================================
   SECTION 34: RISK WARNING BOX
   Build: 20260204_OPS_ADMIN_LAYOUT
   ========================================== */

.admin-operations-control .aoc-risk-warning {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
  background: var(--aoc-danger-soft);
  border: 1px solid rgba(239, 68, 68, 0.35);
  border-radius: var(--aoc-radius-sm);
}

.admin-operations-control .aoc-risk-warning-icon {
  font-size: 18px;
  flex-shrink: 0;
}

.admin-operations-control .aoc-risk-warning-text {
  font-size: 13px;
  color: var(--aoc-danger);
  line-height: 1.5;
}

/* ==========================================
   SECTION 35: SURFACE VARIABLES
   Build: 20260204_OPS_ADMIN_LAYOUT
   ========================================== */

.admin-operations-control {
  --aoc-surface-2: #172136;
}

/* ==========================================
   SECTION 36: 4-LEVEL HIERARCHY LAYOUT
   Build: 20260204_OPS_ADMIN_LAYOUT_REFACTOR
   
   HIERARCHY:
   1. PRIMARY CONTROL BAR - Kill Switch, Engine Status, Master Toggle
   2. LIQUIDITY CORE ZONE - Pool data (logical + visual core)
   3. DIAGNOSTICS ROW - Action buttons only (modals for content)
   4. RECENT ACTIVITY ZONE - Logs, events
   ========================================== */

/* LEVEL 1: PRIMARY CONTROL BAR */
#primaryControlBar {
  position: sticky;
  top: 12px;
  z-index: 100;
  margin-bottom: var(--aoc-gap-lg);
}

#primaryControlBar .control-bar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--aoc-gap-md);
  padding: 14px 20px;
  background: var(--aoc-dark-2);
  border: 2px solid var(--aoc-blue-border);
  border-radius: var(--aoc-radius-lg);
  flex-wrap: wrap;
}

#primaryControlBar .control-bar-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--aoc-text);
  display: flex;
  align-items: center;
  gap: 8px;
}

#primaryControlBar .control-bar-actions {
  display: flex;
  align-items: center;
  gap: var(--aoc-gap-sm);
  flex-wrap: wrap;
}

/* LEVEL 2: LIQUIDITY CORE ZONE */
/* Build: 20260204_OPS_OVERVIEW_FULLBLEED_FIX - Internal padding for full-bleed layout */
#liquidityCoreZone {
  margin: 0 var(--aoc-gap-lg);
  margin-bottom: var(--aoc-gap-xl);
}

#liquidityCoreZone .liq-core-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--aoc-gap-md);
  padding-bottom: var(--aoc-gap-sm);
  border-bottom: 1px solid var(--aoc-blue-border);
}

#liquidityCoreZone .liq-core-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--aoc-text);
  display: flex;
  align-items: center;
  gap: 8px;
}

#liquidityCoreZone .liq-core-title .icon {
  color: var(--aoc-blue);
}

#liquidityCoreZone .liq-core-badge {
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: var(--aoc-radius-pill);
  background: var(--aoc-blue-soft);
  color: var(--aoc-blue);
}

#liquidityCoreZone .liq-core-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--aoc-gap-md);
}

#liquidityCoreZone .liq-core-card {
  background: var(--aoc-panel);
  border: 1px solid rgba(43, 140, 255, 0.2);
  border-radius: var(--aoc-radius);
  padding: var(--aoc-gap-md);
}

#liquidityCoreZone .liq-core-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--aoc-gap-sm);
}

#liquidityCoreZone .liq-core-card-label {
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--aoc-text-muted);
}

#liquidityCoreZone .liq-core-card-value {
  font-size: 24px;
  font-weight: 700;
  color: var(--aoc-text);
  font-family: 'SF Mono', 'Fira Code', monospace;
}

#liquidityCoreZone .liq-core-card-sub {
  font-size: 12px;
  color: var(--aoc-text-muted);
  margin-top: 4px;
}

/* LEVEL 3: DIAGNOSTICS ROW - Buttons only */
/* Build: 20260204_OPS_OVERVIEW_FULLBLEED_FIX - Internal padding for full-bleed layout */
#diagnosticsRow {
  display: flex;
  align-items: center;
  gap: var(--aoc-gap-md);
  padding: var(--aoc-gap-md) var(--aoc-gap-lg);
  margin: 0;
  margin-bottom: var(--aoc-gap-lg);
  border-bottom: 1px solid rgba(43, 140, 255, 0.12);
  flex-wrap: wrap;
}

#diagnosticsRow .diag-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background: var(--aoc-surface);
  border: 1px solid var(--aoc-blue-border);
  border-radius: var(--aoc-radius-sm);
  color: var(--aoc-text);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: var(--aoc-transition);
}

#diagnosticsRow .diag-btn:hover {
  background: var(--aoc-blue-soft);
  border-color: var(--aoc-blue);
}

#diagnosticsRow .diag-btn .icon {
  font-size: 16px;
  color: var(--aoc-blue);
}

#diagnosticsRow .diag-btn--danger {
  border-color: rgba(239, 68, 68, 0.35);
  color: var(--aoc-danger);
}

#diagnosticsRow .diag-btn--danger:hover {
  background: var(--aoc-danger-soft);
  border-color: var(--aoc-danger);
}

#diagnosticsRow .diag-btn--danger .icon {
  color: var(--aoc-danger);
}

/* LEVEL 4: RECENT ACTIVITY ZONE */
/* Build: 20260204_OPS_OVERVIEW_FULLBLEED_FIX - Internal margin for full-bleed layout */
#recentActivityZone {
  background: var(--aoc-dark-3);
  border: 1px solid var(--aoc-blue-border);
  border-radius: var(--aoc-radius-lg);
  padding: var(--aoc-gap-lg);
  margin: 0 var(--aoc-gap-lg);
  margin-bottom: var(--aoc-gap-lg);
}

#recentActivityZone .activity-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--aoc-gap-md);
  padding-bottom: var(--aoc-gap-sm);
  border-bottom: 1px solid rgba(43, 140, 255, 0.15);
}

#recentActivityZone .activity-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--aoc-text);
  display: flex;
  align-items: center;
  gap: 8px;
}

#recentActivityZone .activity-title .icon {
  color: var(--aoc-blue);
}

#recentActivityZone .activity-controls {
  display: flex;
  align-items: center;
  gap: var(--aoc-gap-sm);
}

#recentActivityZone .activity-log-container {
  max-height: 300px;
  overflow-y: auto;
  background: var(--aoc-panel);
  border-radius: var(--aoc-radius-sm);
  padding: var(--aoc-gap-sm);
}

/* ==========================================
   SECTION 37: DIAGNOSTICS MODAL STYLES
   Build: 20260204_OPS_ADMIN_LAYOUT_REFACTOR
   ========================================== */

/* Diagnostics modal content */
.aoc-diag-modal .aoc-modal-body {
  max-height: 60vh;
  overflow-y: auto;
}

.aoc-diag-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--aoc-gap-md);
  padding-bottom: var(--aoc-gap-sm);
  border-bottom: 1px solid var(--aoc-blue-border);
}

.aoc-diag-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--aoc-text);
}

.aoc-diag-status {
  padding: 4px 10px;
  border-radius: var(--aoc-radius-pill);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

.aoc-diag-status--ok {
  background: var(--aoc-success-soft);
  color: var(--aoc-success);
}

.aoc-diag-status--warn {
  background: var(--aoc-warning-soft);
  color: var(--aoc-warning);
}

.aoc-diag-status--error {
  background: var(--aoc-danger-soft);
  color: var(--aoc-danger);
}

.aoc-diag-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--aoc-gap-sm);
  margin-bottom: var(--aoc-gap-md);
}

.aoc-diag-item {
  background: var(--aoc-surface);
  border-radius: var(--aoc-radius-sm);
  padding: var(--aoc-gap-sm) var(--aoc-gap-md);
}

.aoc-diag-item-label {
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--aoc-text-muted);
  margin-bottom: 4px;
}

.aoc-diag-item-value {
  font-size: 14px;
  font-weight: 600;
  color: var(--aoc-text);
  font-family: 'SF Mono', 'Fira Code', monospace;
}

.aoc-diag-item-value--ok {
  color: var(--aoc-success);
}

.aoc-diag-item-value--warn {
  color: var(--aoc-warning);
}

.aoc-diag-item-value--error {
  color: var(--aoc-danger);
}

.aoc-diag-checklist {
  background: var(--aoc-panel);
  border-radius: var(--aoc-radius-sm);
  padding: var(--aoc-gap-md);
}

.aoc-diag-checklist-title {
  font-size: 12px;
  font-weight: 600;
  color: var(--aoc-text);
  margin-bottom: var(--aoc-gap-sm);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.aoc-diag-check {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(43, 140, 255, 0.1);
}

.aoc-diag-check:last-child {
  border-bottom: none;
}

.aoc-diag-check-icon {
  font-size: 16px;
  width: 20px;
  text-align: center;
}

.aoc-diag-check-icon--pass {
  color: var(--aoc-success);
}

.aoc-diag-check-icon--fail {
  color: var(--aoc-danger);
}

.aoc-diag-check-icon--warn {
  color: var(--aoc-warning);
}

.aoc-diag-check-text {
  font-size: 13px;
  color: var(--aoc-text);
}

/* Diagnostics Report Pre Block */
.aoc-diag-report {
  background: var(--aoc-dark-1);
  border: 1px solid var(--aoc-blue-border);
  border-radius: var(--aoc-radius-sm);
  padding: var(--aoc-gap-md);
  font-family: 'SF Mono', 'Fira Code', monospace;
  font-size: 12px;
  line-height: 1.6;
  color: var(--aoc-text);
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 300px;
  overflow-y: auto;
}

/* ==========================================
   SECTION 38.5: PANEL STATE STYLES
   Build: 20260204_OPS_FIX
   Unified loading/error/empty states
   ========================================== */

.aoc-panel-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px 16px;
  text-align: center;
  min-height: 80px;
}

.aoc-panel-state--loading {
  color: var(--aoc-text-muted);
}

.aoc-panel-state--loading .aoc-spinner-sm {
  width: 20px;
  height: 20px;
  border: 2px solid var(--aoc-blue-border);
  border-top-color: var(--aoc-blue);
  border-radius: 50%;
  animation: aoc-spin 0.8s linear infinite;
}

@keyframes aoc-spin {
  to { transform: rotate(360deg); }
}

.aoc-panel-state--error {
  background: rgba(220, 53, 69, 0.08);
  border: 1px solid rgba(220, 53, 69, 0.2);
  border-radius: var(--aoc-radius-sm);
  color: var(--aoc-danger);
}

.aoc-panel-state--error .aoc-panel-state-message {
  font-size: 13px;
  max-width: 280px;
  word-wrap: break-word;
}

.aoc-panel-state--error .aoc-btn {
  margin-top: 8px;
}

.aoc-panel-state--empty {
  background: rgba(43, 140, 255, 0.04);
  border: 1px dashed var(--aoc-blue-border);
  border-radius: var(--aoc-radius-sm);
  color: var(--aoc-text-muted);
}

.aoc-panel-state--empty .aoc-panel-state-message {
  font-size: 13px;
  max-width: 280px;
}

.aoc-panel-state-icon {
  font-size: 24px;
  line-height: 1;
}

.aoc-btn-xs {
  padding: 4px 10px;
  font-size: 11px;
  min-height: unset;
}

/* ==========================================
   SECTION 39: RESPONSIVE ADJUSTMENTS
   Build: 20260204_OPS_ADMIN_LAYOUT_REFACTOR
   ========================================== */

@media (max-width: 768px) {
  #primaryControlBar .control-bar-inner {
    flex-direction: column;
    align-items: stretch;
    gap: var(--aoc-gap-sm);
  }
  
  #primaryControlBar .control-bar-actions {
    justify-content: center;
  }
  
  #liquidityCoreZone .liq-core-grid {
    grid-template-columns: 1fr;
  }
  
  #diagnosticsRow {
    flex-direction: column;
    align-items: stretch;
  }
  
  #diagnosticsRow .diag-btn {
    justify-content: center;
  }
  
  .aoc-diag-grid {
    grid-template-columns: 1fr;
  }
  
  /* Execution Pulse stacks on mobile */
  #execPulseRow .aoc-exec-pulse-stats {
    flex-wrap: wrap;
    justify-content: center;
  }
}

/* ==========================================
   BUILD: 20260207_OPS_CONTROL_FIX
   Phase 3 Layout Fixes:
   - Remove black gaps between panels
   - Single scrollbar (main content only)
   - Full-width layout
   ========================================== */

/* Fix 1: Ensure page fills full width without gaps */
.admin-operations-control {
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
}

/* Fix 2: Remove extra margins that create black gaps */
.admin-operations-control .gsc {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  padding: var(--aoc-gap-md) var(--aoc-gap-lg);
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-top: none;
}

/* Fix 3: Zone containers - no side margins, only internal padding */
.admin-operations-control .aoc-zone {
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 0;
  border-left: none;
  border-right: none;
}

/* Fix 4: Adjust internal padding instead of margins */
.admin-operations-control .aoc-zone--primary,
.admin-operations-control .aoc-zone--secondary {
  padding: var(--aoc-gap-lg);
  margin-bottom: 0;
}

/* Fix 5: Reduce gap between zones */
.admin-operations-control > * + * {
  margin-top: 1px; /* Subtle separator instead of large gap */
}

/* Fix 6: Liquidity Core Zone - edge-to-edge */
#liquidityCoreZone {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: var(--aoc-gap-lg);
}

/* Fix 7: Remove scrollbar from inner containers (only main scrolls) */
.admin-operations-control .aoc-liq-panel-body {
  overflow: visible;
  max-height: none;
}

.admin-operations-control .aoc-recent-activity {
  overflow: visible;
  max-height: none;
}

/* Fix 8: Ensure body doesn't create extra scrollbar */
html:has(.admin-operations-control),
body:has(.admin-operations-control) {
  overflow-x: hidden;
}

/* Fix 9: Main content scrollbar only */
#main-content:has(.admin-operations-control) {
  overflow-y: auto;
  overflow-x: hidden;
}

/* Fix 10: Scrollbar styling for single scrollbar */
#main-content:has(.admin-operations-control)::-webkit-scrollbar {
  width: 8px;
}

#main-content:has(.admin-operations-control)::-webkit-scrollbar-track {
  background: var(--aoc-dark-1);
}

#main-content:has(.admin-operations-control)::-webkit-scrollbar-thumb {
  background: var(--aoc-blue-border);
  border-radius: 4px;
}

#main-content:has(.admin-operations-control)::-webkit-scrollbar-thumb:hover {
  background: var(--aoc-blue);
}

/* ==========================================
   BUILD: 20260207_OPS_CONTROL_FIX
   Phase 4: Split Execution Pulse (DEX vs CEX)
   ========================================== */

/* Split pulse container */
.admin-operations-control .aoc-exec-pulse-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--aoc-gap-md);
  margin-bottom: var(--aoc-gap-md);
}

@media (max-width: 900px) {
  .admin-operations-control .aoc-exec-pulse-split {
    grid-template-columns: 1fr;
  }
}

/* Individual pulse panel (DEX or CEX) */
.admin-operations-control .aoc-exec-pulse-panel {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid var(--aoc-blue-border);
  border-radius: var(--aoc-radius-sm);
  padding: var(--aoc-gap-sm);
}

.admin-operations-control .aoc-exec-pulse-panel-header {
  font-size: 12px;
  font-weight: 600;
  color: var(--aoc-text-muted);
  margin-bottom: var(--aoc-gap-sm);
  padding-bottom: var(--aoc-gap-xs);
  border-bottom: 1px solid rgba(43, 140, 255, 0.1);
  display: flex;
  align-items: center;
  gap: 6px;
}

/* DEX panel accent */
.admin-operations-control .aoc-exec-pulse-dex {
  border-color: rgba(16, 185, 129, 0.4);
}

.admin-operations-control .aoc-exec-pulse-dex .aoc-exec-pulse-panel-header {
  color: var(--aoc-success);
}

/* CEX panel accent */
.admin-operations-control .aoc-exec-pulse-cex {
  border-color: rgba(59, 130, 246, 0.4);
}

.admin-operations-control .aoc-exec-pulse-cex .aoc-exec-pulse-panel-header {
  color: var(--aoc-info);
}

/* Summary row styling */
.admin-operations-control .aoc-exec-pulse-summary {
  background: rgba(0, 0, 0, 0.15);
  padding: var(--aoc-gap-sm);
  border-radius: var(--aoc-radius-sm);
  border-top: 1px solid var(--aoc-blue-border);
}}

/* ==========================================
   BUILD: 20260207_FUNDING_PIPELINE
   Funding Pipeline Panel Styles
   ========================================== */

/* Funding pipeline container */
.admin-operations-control .aoc-funding-pipeline {
  background: var(--aoc-dark-3);
  border: 1px solid var(--aoc-blue-border);
  border-radius: var(--aoc-radius-sm);
  padding: var(--aoc-gap-md);
  margin-bottom: var(--aoc-gap-md);
}

/* Funding header */
.admin-operations-control .aoc-funding-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--aoc-gap-sm);
}

.admin-operations-control .aoc-funding-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--aoc-text);
}

/* Mode banner */
.admin-operations-control .aoc-funding-banner {
  padding: 8px 12px;
  border-radius: var(--aoc-radius-sm);
  font-size: 12px;
  margin-bottom: var(--aoc-gap-sm);
}

.admin-operations-control .aoc-funding-banner-warning {
  background: var(--aoc-warning-soft);
  color: var(--aoc-warning);
  border: 1px solid rgba(245, 158, 11, 0.3);
}

.admin-operations-control .aoc-funding-banner-ok {
  background: var(--aoc-success-soft);
  color: var(--aoc-success);
  border: 1px solid rgba(16, 185, 129, 0.3);
}

.admin-operations-control .aoc-funding-banner-muted {
  background: rgba(255, 255, 255, 0.05);
  color: var(--aoc-text-muted);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Flags row */
.admin-operations-control .aoc-funding-flags {
  display: flex;
  gap: var(--aoc-gap-md);
  flex-wrap: wrap;
  margin-bottom: var(--aoc-gap-sm);
}

.admin-operations-control .aoc-funding-flag {
  display: flex;
  align-items: center;
  gap: 6px;
}

.admin-operations-control .aoc-flag-label {
  font-size: 11px;
  color: var(--aoc-text-muted);
}

.admin-operations-control .aoc-flag-status {
  font-size: 10px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 3px;
  text-transform: uppercase;
}

.admin-operations-control .aoc-flag-on {
  background: var(--aoc-success-soft);
  color: var(--aoc-success);
}

.admin-operations-control .aoc-flag-off {
  background: rgba(255, 255, 255, 0.05);
  color: var(--aoc-text-dim);
}

/* Execution Status - Build: 20260207_LIVE_ONLY */
/* LIVE-only: Show LIVE or NOT READY (warning), no paper/simulation */
.admin-operations-control .aoc-flag-live {
  background: var(--aoc-danger-soft, rgba(220, 53, 69, 0.2));
  color: var(--aoc-danger, #dc3545);
  animation: pulse-live 2s ease-in-out infinite;
}

.admin-operations-control .aoc-flag-warning {
  background: rgba(245, 158, 11, 0.2);
  color: #f59e0b;
}

.admin-operations-control .aoc-flag-loading {
  background: rgba(107, 114, 128, 0.2);
  color: #9ca3af;
}

@keyframes pulse-live {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}

.admin-operations-control .aoc-execution-status {
  margin-top: var(--aoc-gap-sm);
  padding-top: var(--aoc-gap-sm);
  border-top: 1px solid rgba(43, 140, 255, 0.1);
}

.admin-operations-control .aoc-execution-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--aoc-gap-xs);
}

.admin-operations-control .aoc-execution-title {
  font-size: 11px;
  font-weight: 600;
  color: var(--aoc-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.admin-operations-control .aoc-funding-banner-live {
  background: rgba(220, 53, 69, 0.1);
  border-left-color: var(--aoc-danger, #dc3545);
  color: var(--aoc-danger, #dc3545);
}

.admin-operations-control .aoc-funding-banner-warning {
  background: rgba(245, 158, 11, 0.1);
  border-left-color: #f59e0b;
  color: #f59e0b;
}

.admin-operations-control .aoc-safety-limits {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: var(--aoc-gap-xs);
}

.admin-operations-control .aoc-safety-pill {
  font-size: 10px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 10px;
  background: rgba(43, 140, 255, 0.1);
  color: var(--aoc-primary);
  border: 1px solid rgba(43, 140, 255, 0.2);
}

/* Traders list */
.admin-operations-control .aoc-funding-traders {
  margin-top: var(--aoc-gap-sm);
  padding-top: var(--aoc-gap-sm);
  border-top: 1px solid rgba(43, 140, 255, 0.1);
}

.admin-operations-control .aoc-funding-summary {
  font-size: 11px;
  color: var(--aoc-text-muted);
  margin-bottom: var(--aoc-gap-xs);
}

.admin-operations-control .aoc-funding-trader {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  font-size: 11px;
  border-bottom: 1px dashed rgba(43, 140, 255, 0.1);
}

.admin-operations-control .aoc-funding-trader:last-child {
  border-bottom: none;
}

.admin-operations-control .aoc-trader-address {
  font-family: monospace;
  color: var(--aoc-text-muted);
  min-width: 100px;
}

.admin-operations-control .aoc-trader-gas {
  font-weight: 600;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 10px;
  text-transform: uppercase;
}

.admin-operations-control .aoc-gas-ok {
  background: var(--aoc-success-soft);
  color: var(--aoc-success);
}

.admin-operations-control .aoc-gas-low {
  background: var(--aoc-warning-soft);
  color: var(--aoc-warning);
}

.admin-operations-control .aoc-gas-critical {
  background: var(--aoc-danger-soft);
  color: var(--aoc-danger);
}

.admin-operations-control .aoc-gas-unknown {
  background: rgba(255, 255, 255, 0.05);
  color: var(--aoc-text-dim);
}

.admin-operations-control .aoc-trader-balance {
  color: var(--aoc-text-dim);
  margin-left: auto;
}
/* ==========================================
   BUILD: 20260207_OPS_CLIP_STICKY_FIX
   PHASE 1: NO CLIPPING
   PHASE 2: NO STICKY/FOLLOW
   PHASE 3: CONSISTENT FUNDING/EXECUTION MODE
   ========================================== */

/* PHASE 1: Remove ALL clipping from ops control ancestors */
.admin-operations-control,
.admin-operations-control .gsc,
.admin-operations-control .gsc__bar,
.admin-operations-control .gsc__body,
.admin-operations-control .aoc-global-control,
.admin-operations-control .aoc-exec-pulse,
.admin-operations-control .aoc-funding-pipeline {
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
}

/* Exception: collapsed state needs overflow:hidden for animation */
.admin-operations-control .gsc--collapsed .gsc__body {
  overflow: hidden !important;
}

/* PHASE 2: FORCE NO STICKY/FIXED - stays in document flow */
.admin-operations-control .gsc,
.admin-operations-control .gsc__bar,
.admin-operations-control .aoc-global-control,
.admin-operations-control #primaryControlBar {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
}

/* Ensure the page scrolls naturally without fixed header */
.admin-operations-control {
  position: relative !important;
  overflow-x: hidden;
  overflow-y: visible;
  width: 100%;
  max-width: 100%;
  margin: 0;
  min-height: 100%;
}

/* PHASE 3: Funding Pipeline always visible (not hidden inside execPulseRow) */
.admin-operations-control .aoc-funding-pipeline {
  display: block !important;
  margin-top: var(--aoc-gap-md);
  margin-bottom: var(--aoc-gap-md);
}

/* Execution Mode section inside funding pipeline */
.admin-operations-control .aoc-execution-status {
  display: block !important;
  margin-top: var(--aoc-gap-md);
}

/* Flag status improvements - Build: 20260207_LIVE_ONLY */
/* LIVE-only: Either LIVE (green) or NOT READY (warning), no paper */
.admin-operations-control .aoc-flag-live {
  background: rgba(16, 185, 129, 0.25) !important;
  color: #10b981 !important;
  font-weight: 700;
}

.admin-operations-control .aoc-flag-warning {
  background: rgba(245, 158, 11, 0.25) !important;
  color: #f59e0b !important;
  font-weight: 700;
}

.admin-operations-control .aoc-flag-loading {
  background: rgba(156, 163, 175, 0.2) !important;
  color: #9ca3af !important;
}

/* Execution banner improvements - Build: 20260207_LIVE_ONLY */
.admin-operations-control .aoc-funding-banner-live {
  background: rgba(16, 185, 129, 0.12) !important;
  color: #10b981 !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
  font-weight: 500;
}

.admin-operations-control .aoc-funding-banner-warning {
  background: rgba(245, 158, 11, 0.1) !important;
  color: #f59e0b !important;
  border: 1px solid rgba(245, 158, 11, 0.2) !important;
}

/* Disabled/inactive safety pills */
.admin-operations-control .aoc-safety-pill-disabled {
  opacity: 0.5;
  background: rgba(107, 114, 128, 0.1);
  color: #9ca3af;
  border-color: rgba(107, 114, 128, 0.2);
}

/* Contained layout: fit within main-content (Build: 20260208_LAYOUT_CONTAINED) */
.admin-operations-control {
  box-sizing: border-box;
  overflow-x: hidden;
}

.admin-operations-control .gsc {
  margin-left: var(--aoc-gap-lg, 24px);
  margin-right: var(--aoc-gap-lg, 24px);
}

/* =============================================================================
   BUILD: 20260207_LIVE_ONLY - Full-width layout, no black margins, no sticky
   ============================================================================= */

/* Root container: contained within main-content area */
.admin-operations-control {
  background: var(--aoc-dark-1, #0B1220) !important;
  min-height: calc(100vh - var(--header-height, 70px));
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: var(--aoc-gap-md, 16px);
  box-sizing: border-box;
  overflow-x: hidden;
}

/* Inner content area: respect parent boundaries */
.admin-operations-control__inner,
.admin-operations-control > .gsc,
.admin-operations-control__content {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0 var(--aoc-gap-sm, 8px);
  box-sizing: border-box;
}

/* All sections: contained within parent */
.admin-operations-control .aoc-section,
.admin-operations-control .gsc__section,
.admin-operations-control .gsc__body {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* Main content background - no forced width */
body.page-admin-operations .main-content,
body.page-admin-operations #main-content,
body:has(.admin-operations-control) .main-content {
  background: var(--aoc-dark-1, #0B1220) !important;
}

/* Grid containers: flex shrink properly */
.admin-operations-control .aoc-grid,
.admin-operations-control .aoc-panels-row {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* Panels: flex shrink to fit */
.admin-operations-control .aoc-panel {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

/* NO STICKY/FIXED POSITIONING - Build: 20260208_LAYOUT_CONTAINED */
.admin-operations-control .gsc,
.admin-operations-control .gsc__bar,
.admin-operations-control .gsc__header,
.admin-operations-control .aoc-global-control,
.admin-operations-control .aoc-primary-bar {
  position: relative !important;
  top: auto !important;
  z-index: auto !important;
}

/* Main content area: single scrollbar, contained */
body:has(.admin-operations-control) #main-content,
body:has(.admin-operations-control) .main-content {
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
}

/* Prevent body-level horizontal scroll */
body:has(.admin-operations-control) {
  overflow-x: hidden;
}

/* Build reference: 20260208_LAYOUT_CONTAINED */