/* Charte Visuelle Industrielle (Rouge Technique & Slate Sombre) */
:root {
  --brand-red: #E2001A;
  --brand-red-hover: #C50017;
  --brand-red-dark: #990012;
  --brand-red-light: #FF334B;
  --surface-bg: #0F1218;
  --surface-card: #181D26;
  --surface-card-hover: #212733;
  --surface-border: #2B3342;
  --text-main: #F8FAFC;
  --text-muted: #94A3B8;
}

body {
  background-color: var(--surface-bg);
  color: var(--text-main);
}

/* Animations temps réel */
.flash-update {
  animation: flash-highlight 0.45s ease-out;
}

@keyframes flash-highlight {
  0% { color: #FF334B; transform: scale(1.05); }
  100% { color: inherit; transform: scale(1); }
}

/* Boutons & Badges */
.btn-primary-red {
  background-color: var(--brand-red);
  color: #ffffff;
  transition: all 0.2s ease;
  box-shadow: 0 4px 14px rgba(226, 0, 26, 0.28);
}
.btn-primary-red:hover {
  background-color: var(--brand-red-hover);
  box-shadow: 0 6px 18px rgba(226, 0, 26, 0.42);
  transform: translateY(-1px);
}

.badge-brand-red {
  background-color: rgba(226, 0, 26, 0.15);
  color: #FF4D61;
  border: 1px solid rgba(226, 0, 26, 0.4);
}

.active-filter-tab {
  background-color: var(--brand-red) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(226, 0, 26, 0.4) !important;
}

.filter-tab {
  background-color: #1F2531;
  color: #94A3B8;
  border: 1px solid #2B3342;
}

.filter-tab:hover {
  background-color: #2A3242;
  color: #F8FAFC;
}

/* Cartes d'équipements structurées */
.device-group-card {
  background-color: var(--surface-card);
  border: 1px solid var(--surface-border);
  border-radius: 1rem;
  transition: border-color 0.2s ease;
}
.device-group-card:hover {
  border-color: #3B4559;
}

/* Ligne d'accentuation supérieure */
.card-accent-line {
  height: 3px;
  background: linear-gradient(90deg, #E2001A 0%, #FF4D61 50%, transparent 100%);
  border-radius: 2px 2px 0 0;
}

/* Custom scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #0B0E14;
}
::-webkit-scrollbar-thumb {
  background: #2B3342;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #3B4559;
}