/* Custom styling for CVE-SCORE-FR */

:root {
  --sev-critical: #dc2626;
  --sev-critical-bg: #450a0a;
  --sev-critical-border: #991b1b;
  
  --sev-high: #ea580c;
  --sev-high-bg: #431407;
  --sev-high-border: #9a3412;
  
  --sev-medium: #d97706;
  --sev-medium-bg: #451a03;
  --sev-medium-border: #92400e;
  
  --sev-low: #16a34a;
  --sev-low-bg: #052e16;
  --sev-low-border: #166534;
  
  --sev-none: #64748b;
  --sev-none-bg: #0f172a;
  --sev-none-border: #334155;
}

/* Custom scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.6);
}
::-webkit-scrollbar-thumb {
  background: rgba(51, 65, 85, 0.8);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 116, 139, 0.9);
}

/* Badge colors */
.badge-critical {
  background-color: rgba(220, 38, 38, 0.15);
  color: #f87171;
  border: 1px solid rgba(220, 38, 38, 0.4);
}
.badge-high {
  background-color: rgba(234, 88, 12, 0.15);
  color: #fb923c;
  border: 1px solid rgba(234, 88, 12, 0.4);
}
.badge-medium {
  background-color: rgba(217, 119, 6, 0.15);
  color: #fbbf24;
  border: 1px solid rgba(217, 119, 6, 0.4);
}
.badge-low {
  background-color: rgba(22, 163, 74, 0.15);
  color: #4ade80;
  border: 1px solid rgba(22, 163, 74, 0.4);
}
.badge-none, .badge-unknown {
  background-color: rgba(100, 116, 139, 0.15);
  color: #94a3b8;
  border: 1px solid rgba(100, 116, 139, 0.3);
}

/* Score circle badge */
.score-pill-critical {
  background: linear-gradient(135deg, #dc2626, #991b1b);
  color: #ffffff;
  box-shadow: 0 0 15px rgba(220, 38, 38, 0.4);
}
.score-pill-high {
  background: linear-gradient(135deg, #ea580c, #c2410c);
  color: #ffffff;
  box-shadow: 0 0 15px rgba(234, 88, 12, 0.4);
}
.score-pill-medium {
  background: linear-gradient(135deg, #d97706, #b45309);
  color: #ffffff;
  box-shadow: 0 0 15px rgba(217, 119, 6, 0.4);
}
.score-pill-low {
  background: linear-gradient(135deg, #16a34a, #15803d);
  color: #ffffff;
  box-shadow: 0 0 15px rgba(22, 163, 74, 0.4);
}
.score-pill-none, .score-pill-unknown {
  background: linear-gradient(135deg, #475569, #334155);
  color: #cbd5e1;
}

/* Selection highlight */
.advisory-item.active {
  border-color: #38bdf8 !important;
  background-color: rgba(14, 165, 233, 0.08) !important;
  box-shadow: 0 0 12px rgba(56, 189, 248, 0.15);
}

/* Subtle transitions */
.transition-all-smooth {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Pulse animation for live status */
@keyframes pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(1.1); }
}
.pulse-dot {
  animation: pulse-dot 2s infinite ease-in-out;
}