/* ── AlertsCenter.razor ── */
/* Nota: .dashboard-card, .kpi-stat-card(::after), .kpi-icon-wrapper, .kpi-value, .kpi-label,
   .accent-warning, .accent-info existian aqui como copia con drift — eliminados, los cubre
   components/kpiDashboard.css (canonico). Las variantes .accent-open/critical/high/resolved
   se quedan inline en el .razor (genericos "accents extra", ver rule 3 del plan). */

.alc-page { padding: 1.5rem; background-color: var(--atlas-gray-100); min-height: 100vh; }
.alc-banner {
    background: var(--atlas-white); padding: 1.25rem 2rem; border-radius: 12px;
    box-shadow: var(--atlas-shadow-1); display: flex;
    align-items: center; justify-content: space-between;
    margin-bottom: 1rem; border-left: 5px solid var(--atlas-blue-600);
}
.alc-banner-title { font-size: 1.4rem; font-weight: 700; color: var(--atlas-gray-900); }
.alc-banner-sub   { font-size: .875rem; color: var(--atlas-gray-500); margin-top: .2rem; }

/* Lifecycle legend */
.alc-legend { display: flex; flex-wrap: wrap; gap: 1.25rem; padding: .6rem 1rem; background: var(--atlas-white);
              border: 1px solid rgba(0,0,0,.05); border-radius: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.04); }
.alc-legend-item { font-size: .78rem; color: var(--atlas-gray-500); display: inline-flex; align-items: center; gap: .4rem; }

/* Open/History toggle sits at the right of the table header */
.alc-view-toggle { margin-left: auto; }

/* Clickable severity KPIs → toggle the table's Severity filter */
.alc-kpi-card { cursor: pointer; transition: transform .12s ease, box-shadow .12s ease; }
.alc-kpi-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,.08); }
.alc-kpi-card:focus-visible { outline: 2px solid var(--accent-color); outline-offset: 2px; }
.alc-kpi-card.alc-kpi-active { box-shadow: 0 0 0 2px var(--accent-color) inset; }

/* Table: layout + cell padding come from the shared atlasTable.css
   (.atlas-table-wrapper). Severity chips use the reusable .atlas-sev-* classes. */

/* Status pills */
.alc-status-pill { display:inline-block; padding:2px 8px; border-radius:999px; font-size:.64rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.alc-status-active { background:var(--atlas-red-100); color:var(--atlas-red-800); }
.alc-status-acknowledged { background:var(--atlas-amber-100); color:var(--atlas-amber-800); }
.alc-status-resolved { background:var(--atlas-emerald-100); color:var(--atlas-emerald-800); }
.alc-status-dismissed { background:var(--atlas-gray-100); color:var(--atlas-gray-500); }

.alc-relative { color:var(--atlas-gray-500); font-size:.78rem; }

/* Empty */
.alc-empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3rem 1rem; color: var(--atlas-gray-500); }
.alc-empty-state i { font-size: 3rem; opacity: .25; margin-bottom: .5rem; }