/* ------------------------------------
   Incidents List Styles
------------------------------------ */
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.p-0 { padding: 0 !important; }
.p-md { padding: var(--space-md); }
.p-2xl { padding: var(--space-2xl); }
.mb-6 { margin-bottom: var(--space-xl); }
.mb-4 { margin-bottom: var(--space-md); }
.mb-2 { margin-bottom: var(--space-sm); }
.mb-1 { margin-bottom: var(--space-xs); }
.mt-2 { margin-top: var(--space-sm); }
.mx-auto { margin-left: auto; margin-right: auto; }
.w-12 { width: 3rem; }
.h-12 { height: 3rem; }

.bg-surface-elevated { background-color: rgba(30, 41, 59, 0.4); }
.border-b { border-bottom: 1px solid var(--border-subtle); }
.gap-xs { gap: var(--space-xs); }

/* Row interaction */
.interactive-row {
  transition: all 0.2s ease;
  border-left: 2px solid transparent;
}
.interactive-row:hover {
  background-color: var(--bg-surface-elevated);
  border-left-color: var(--accent-blue);
}

.opacity-75 { opacity: 0.75; }
.opacity-50 { opacity: 0.5; }

.filter-group button {
  cursor: pointer;
  transition: all 0.2s;
}

/* Toggled state for filter buttons handled by js adding .btn-secondary */
.badge-outline.btn-secondary {
  background-color: var(--bg-surface-elevated);
  color: var(--text-primary);
  border-color: var(--text-muted);
}