/* Filter button states */
.filter-btn {
  background-color: transparent;
  border: 1px solid #E2E8F0;
  color: #64748B;
}
.filter-btn:hover {
  background-color: #F1F5F9;
}
.filter-btn.active {
  background-color: #06B6D4;
  border-color: #06B6D4;
  color: #fff;
}

@media (prefers-color-scheme: dark) {
  .filter-btn {
    border-color: #334155;
    color: #94A3B8;
  }
  .filter-btn:hover {
    background-color: #1E293B;
  }
  .filter-btn.active {
    background-color: #06B6D4;
    border-color: #06B6D4;
    color: #fff;
  }
}

/* Impact colors */
.impact-critical { border-left-color: #DC2626; }
.impact-serious { border-left-color: #EA580C; }
.impact-moderate { border-left-color: #D97706; }
.impact-minor { border-left-color: #6B7280; }

.impact-badge-critical { background-color: #FEF2F2; color: #DC2626; }
.impact-badge-serious { background-color: #FFF7ED; color: #EA580C; }
.impact-badge-moderate { background-color: #FFFBEB; color: #D97706; }
.impact-badge-minor { background-color: #F9FAFB; color: #6B7280; }

@media (prefers-color-scheme: dark) {
  .impact-badge-critical { background-color: rgba(220,38,38,0.15); }
  .impact-badge-serious { background-color: rgba(234,88,12,0.15); }
  .impact-badge-moderate { background-color: rgba(217,119,6,0.15); }
  .impact-badge-minor { background-color: rgba(107,114,128,0.15); }
}

/* Compliance badge */
.badge-pass { background-color: #ECFDF5; color: #059669; border: 1px solid #D1FAE5; }
.badge-fail { background-color: #FEF2F2; color: #DC2626; border: 1px solid #FEE2E2; }

@media (prefers-color-scheme: dark) {
  .badge-pass { background-color: rgba(16,185,129,0.15); border-color: rgba(16,185,129,0.3); }
  .badge-fail { background-color: rgba(239,68,68,0.15); border-color: rgba(239,68,68,0.3); }
}

/* Accordion animation */
details[open] summary svg.chevron {
  transform: rotate(180deg);
}

/* Score ring animation */
@keyframes score-fill {
  from { stroke-dashoffset: 263.89; }
}