/* ==========================================================================
   O2 Business Corporate Design (Clean, Light Theme)
   Official Palette:
     - O2 Corporate Navy: #0019A5
     - O2 Beyond Blue: #0050FF
     - Background: #F4F6F9
     - Surface / Cards: #FFFFFF
     - Text Primary: #192630
     - Text Secondary: #5B6B79
     - Border: #D8E2EC
     - Accent Coral: #FF6600
   ========================================================================== */

:root {
  --o2-navy: #0019A5;
  --o2-blue: #0050FF;
  --o2-bg: #F4F6F9;
  --o2-card: #FFFFFF;
  --o2-text-main: #192630;
  --o2-text-muted: #5B6B79;
  --o2-border: #D8E2EC;
  --o2-coral: #FF6600;
}

body {
  background-color: var(--o2-bg);
  color: var(--o2-text-main);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin: 0;
  padding: 0;
}

/* Corporate Cards */
.corp-card {
  background: #FFFFFF;
  border: 1px solid var(--o2-border);
  border-radius: 0.75rem;
  box-shadow: 0 1px 3px rgba(0, 25, 165, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.corp-card:hover {
  border-color: #B4C8DE;
  box-shadow: 0 4px 12px rgba(0, 25, 165, 0.08);
}

/* Badges */
.badge-nbiot {
  background-color: #EBF3FF;
  color: #0050FF;
  border: 1px solid #C4DCFF;
}

.badge-ntn {
  background-color: #0019A5;
  color: #FFFFFF;
  border: 1px solid #001485;
}

/* Flash animation for new telemetry datagrams */
@keyframes corpFlashRow {
  0% {
    background-color: #E6F0FF;
  }
  100% {
    background-color: transparent;
  }
}

.animate-flash-row {
  animation: corpFlashRow 1.8s ease-out forwards;
}

/* Corporate Buttons */
.btn-o2-primary {
  background-color: #0050FF;
  color: #FFFFFF;
  border: 1px solid #0045DE;
  transition: background-color 0.15s ease;
}

.btn-o2-primary:hover {
  background-color: #0040D6;
}

.btn-o2-secondary {
  background-color: #FFFFFF;
  color: #0050FF;
  border: 1px solid #C4DCFF;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.btn-o2-secondary:hover {
  background-color: #F0F6FF;
  border-color: #0050FF;
}