incidents: drop orphaned mcp-incident-* CSS family

Surveyed for dead code today.  Two confirmed orphans on the frontend:

The mcp-incident-* block (~210 lines covering .mcp-incidents-panel,
.mcp-incidents-header, .mcp-incidents-controls, .mcp-incidents-filter,
.mcp-incidents-list, .mcp-incidents-empty, .mcp-incident-row,
.mcp-incident-sev-{critical,high,medium,low}, .mcp-incident-time,
.mcp-incident-camera, .mcp-incident-title, .mcp-incident-status,
.mcp-incident-status-badge-{open,acknowledged,resolved,dismissed},
.mcp-incident-evidence-count, plus the mobile media query) was used
exclusively by the McpPage's AI Incident Reports panel.  That panel
got removed when /incidents was promoted to its own page; I'd
intended to reuse the classes on IncidentsPage as a way to ship
fast, but the security-ops redesign supplanted them with a fully
new .incidents-* family (incidents-row, incidents-row-stripe,
incidents-sev-tag, incidents-source-chip, etc.).

Verified orphan: a grep for any of the mcp-incident* class names
across all .jsx files returns zero hits.  Only the CSS file itself
held them.  Deleted.

The earlier .incidents-source-badge / .incidents-source-ai /
.incidents-source-human classes (from the first IncidentsPage CSS
pass) were already overwritten when the redesign block replaced the
whole /incidents page section — so no second deletion needed there.

CC backend ruff F401 + F841 both report clean — no unused imports
or locals to chase down on that side.

Author: Sbussiso

frontend/src/index.css

@@ -7102,215 +7102,6 @@ body {
     }
 }
 
-.mcp-incidents-panel {
-    background: var(--bg-card);
-    border: 1px solid var(--border-color);
-    border-radius: 12px;
-    overflow: hidden;
-    margin-bottom: 1.5rem;
-    display: flex;
-    flex-direction: column;
-}
-
-.mcp-incidents-header {
-    /* Reuses .mcp-panel-header but with controls on the right */
-}
-
-.mcp-incidents-controls {
-    display: flex;
-    gap: 0.4rem;
-}
-
-.mcp-incidents-filter {
-    background: transparent;
-    border: 1px solid var(--border-color);
-    color: var(--text-muted);
-    padding: 0.3rem 0.7rem;
-    border-radius: 6px;
-    font-size: 0.75rem;
-    cursor: pointer;
-    font-family: inherit;
-    transition: all 0.15s ease;
-}
-
-.mcp-incidents-filter:hover {
-    color: var(--text-primary);
-    border-color: var(--text-muted);
-}
-
-.mcp-incidents-filter.active {
-    background: rgba(168, 85, 247, 0.12);
-    border-color: var(--accent-purple);
-    color: var(--accent-purple);
-}
-
-.mcp-incidents-list {
-    max-height: 360px;
-    overflow-y: auto;
-    padding: 0.4rem;
-}
-
-.mcp-incidents-list::-webkit-scrollbar {
-    width: 4px;
-}
-
-.mcp-incidents-list::-webkit-scrollbar-thumb {
-    background: var(--border-color);
-    border-radius: 4px;
-}
-
-.mcp-incidents-empty {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    min-height: 180px;
-    gap: 0.4rem;
-    color: var(--text-muted);
-    text-align: center;
-}
-
-.mcp-incidents-empty p {
-    margin: 0;
-    font-size: 0.9rem;
-}
-
-.mcp-incidents-empty span {
-    font-size: 0.75rem;
-    opacity: 0.7;
-}
-
-.mcp-incident-row {
-    display: grid;
-    grid-template-columns: 12px 130px 140px 1fr auto auto;
-    gap: 0.75rem;
-    align-items: center;
-    width: 100%;
-    background: transparent;
-    border: 1px solid transparent;
-    border-radius: 8px;
-    padding: 0.55rem 0.75rem;
-    cursor: pointer;
-    text-align: left;
-    color: var(--text-primary);
-    font-family: inherit;
-    font-size: 0.82rem;
-    transition: background 0.15s ease, border-color 0.15s ease;
-}
-
-.mcp-incident-row:hover {
-    background: var(--bg-card-hover);
-    border-color: var(--border-color);
-}
-
-.mcp-incident-row + .mcp-incident-row {
-    margin-top: 0.2rem;
-}
-
-.mcp-incident-sev-dot {
-    width: 10px;
-    height: 10px;
-    border-radius: 50%;
-}
-
-.mcp-incident-sev-critical {
-    background: var(--accent-red);
-    box-shadow: 0 0 8px var(--accent-red);
-}
-
-.mcp-incident-sev-high {
-    background: #fb7185; /* rose-400 */
-    box-shadow: 0 0 6px rgba(251, 113, 133, 0.5);
-}
-
-.mcp-incident-sev-medium {
-    background: var(--accent-amber);
-}
-
-.mcp-incident-sev-low {
-    background: var(--accent-blue);
-}
-
-.mcp-incident-time {
-    font-family: 'JetBrains Mono', 'Fira Code', monospace;
-    font-size: 0.72rem;
-    color: var(--text-muted);
-    white-space: nowrap;
-}
-
-.mcp-incident-camera {
-    font-family: 'JetBrains Mono', monospace;
-    font-size: 0.72rem;
-    color: var(--text-secondary);
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.mcp-incident-title {
-    color: var(--text-primary);
-    font-weight: 500;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.mcp-incident-status {
-    font-size: 0.68rem;
-    text-transform: uppercase;
-    letter-spacing: 0.04em;
-    padding: 0.18rem 0.5rem;
-    border-radius: 10px;
-    font-weight: 600;
-    white-space: nowrap;
-}
-
-.mcp-incident-status-badge-open {
-    background: rgba(239, 68, 68, 0.12);
-    color: var(--accent-red);
-    border: 1px solid rgba(239, 68, 68, 0.3);
-}
-
-.mcp-incident-status-badge-acknowledged {
-    background: rgba(245, 158, 11, 0.12);
-    color: var(--accent-amber);
-    border: 1px solid rgba(245, 158, 11, 0.3);
-}
-
-.mcp-incident-status-badge-resolved {
-    background: rgba(34, 197, 94, 0.12);
-    color: var(--accent-green);
-    border: 1px solid rgba(34, 197, 94, 0.3);
-}
-
-.mcp-incident-status-badge-dismissed {
-    background: rgba(255, 255, 255, 0.05);
-    color: var(--text-muted);
-    border: 1px solid var(--border-color);
-}
-
-.mcp-incident-evidence-count {
-    font-size: 0.68rem;
-    color: var(--text-muted);
-    font-family: 'JetBrains Mono', monospace;
-}
-
-@media (max-width: 720px) {
-    .mcp-incident-row {
-        grid-template-columns: 12px 1fr auto;
-        grid-template-areas:
-            "dot title status"
-            "dot camera evidence"
-            "dot time time";
-    }
-    .mcp-incident-sev-dot { grid-area: dot; align-self: start; margin-top: 6px; }
-    .mcp-incident-title { grid-area: title; }
-    .mcp-incident-status { grid-area: status; justify-self: end; }
-    .mcp-incident-camera { grid-area: camera; }
-    .mcp-incident-evidence-count { grid-area: evidence; justify-self: end; }
-    .mcp-incident-time { grid-area: time; }
-}
-
 /* ============================================================== */
 /*  /incidents page — security-ops style                            */
 /* ============================================================== */