.operational-alerts-page{display:grid;gap:1rem;min-width:0}
.alert-page-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.5rem}
.alert-page-hero h1{margin:.35rem 0 .5rem;font-size:clamp(1.55rem,3vw,2.15rem);letter-spacing:-.035em}
.alert-page-hero p{max-width:76ch;margin:0;color:var(--muted);line-height:1.55}
.alert-tenant-picker,.alert-filter-panel{padding:1rem}
.alert-tenant-picker label,.alert-filter-grid label{display:grid;gap:.35rem;color:var(--muted);font-size:.76rem;font-weight:700}
.alert-tenant-picker select,.alert-filter-grid select,.alert-filter-grid input{width:100%;min-width:0;min-height:2.6rem;padding:.5rem .65rem;border:1px solid var(--line);border-radius:.55rem;background:var(--surface);color:var(--ink);font:inherit}
.alert-tenant-picker label{max-width:30rem}
.alert-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.alert-filter-grid label:nth-last-child(-n+2){grid-column:span 1}
.alert-freshness{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;padding:.8rem 1rem;border:1px solid var(--line);border-radius:.7rem;background:var(--surface-2);color:var(--muted);font-size:.77rem}
.alert-freshness strong{color:var(--ink);font-variant-numeric:tabular-nums}
.alert-list-section{min-width:0}
.alert-list-heading{margin-bottom:.65rem}
.alert-list{display:grid;gap:.6rem}
.alert-list-card{min-width:0;padding:.85rem 1rem;border:1px solid var(--line);border-left:4px solid var(--warning);border-radius:.7rem;background:var(--surface);box-shadow:var(--shadow);display:grid;gap:.65rem}
.alert-list-card.severity-critical{border-left-color:#c54141}
.alert-list-card.severity-information{border-left-color:var(--accent)}
.alert-list-main{display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:center;gap:.8rem;color:var(--ink);text-decoration:none;min-width:0}
.alert-list-main:hover .alert-list-copy strong{color:var(--accent-strong)}
.alert-severity-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--surface-2);color:var(--warning);font-weight:900}
.severity-critical .alert-severity-mark{color:#c54141}
.alert-list-copy,.alert-list-state{display:grid;gap:.25rem;min-width:0}
.alert-list-copy strong{overflow-wrap:anywhere;font-size:.93rem}
.alert-list-copy small,.alert-list-state small{color:var(--muted);font-size:.72rem;line-height:1.4}
.alert-list-state{justify-items:end;text-align:right}
.alert-context-links{display:flex;flex-wrap:wrap;gap:.45rem .9rem;padding-left:3.2rem;color:var(--muted);font-size:.74rem;line-height:1.45}
.alert-context-links a{color:var(--accent-strong);text-decoration:underline;text-underline-offset:2px}
.alert-load-more,.alert-detail-nav{display:flex;justify-content:center;margin:1rem 0}
.alert-detail-card,.alert-history-section{padding:1.2rem}
.alert-detail-title{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.alert-detail-title h2{margin:.3rem 0 0;overflow-wrap:anywhere}
.alert-detail-badges{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}
.alert-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.2rem 0;padding:0}
.alert-facts>div{min-width:0;padding:.75rem;border:1px solid var(--line);border-radius:.6rem;background:var(--surface-2)}
.alert-facts dt{color:var(--muted);font-size:.7rem;font-weight:700}
.alert-facts dd{margin:.3rem 0 0;color:var(--ink);font-size:.84rem;overflow-wrap:anywhere}
.alert-detail-context{padding:0;margin:1rem 0}
.alert-detail-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}
.alert-history-list{list-style:none;padding:0;margin:0;display:grid;gap:.8rem}
.alert-history-list li{display:grid;grid-template-columns:1rem minmax(0,1fr);gap:.75rem;align-items:start}
.alert-history-dot{width:.65rem;height:.65rem;margin:.25rem auto;border:2px solid var(--accent);border-radius:50%;background:var(--surface)}
.alert-history-list li>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem .8rem;padding:0 0 .8rem;border-bottom:1px solid var(--line)}
.alert-history-list strong{font-size:.84rem}
.alert-history-list time{color:var(--muted);font-size:.73rem}
.alert-history-list p{grid-column:1/-1;margin:0;color:var(--muted);font-size:.79rem;overflow-wrap:anywhere}
.alert-page-hero button:focus-visible,.alert-list-main:focus-visible,.alert-context-links a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:900px){.alert-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alert-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.alert-page-hero{display:grid;padding:1rem}.alert-filter-grid{grid-template-columns:1fr}.alert-list-main{grid-template-columns:2rem minmax(0,1fr)}.alert-list-state{grid-column:2;display:flex;align-items:center;justify-items:start;justify-content:space-between;text-align:left}.alert-context-links{padding-left:2.8rem}.alert-facts{grid-template-columns:1fr}.alert-detail-title{display:grid}.alert-detail-badges{justify-content:flex-start}.alert-history-list li>div{grid-template-columns:1fr}.alert-history-list time{grid-column:1}}
@media(max-width:390px){.alert-list-card,.alert-detail-card,.alert-history-section{padding:.75rem}.alert-freshness{align-items:flex-start;display:grid;gap:.4rem}.alert-detail-actions>.button{width:100%;justify-content:center}}