/* System › Alert rules (admin-alerts.js, docs/ALERT_RULES.md). */
.al-detail { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.al-toggle { white-space: nowrap; }
.al-unit { margin-left: 6px; }
.al-also { margin: 0; padding: 0; }
.al-preview { margin-top: 14px; }
.al-err { color: var(--bad-text); min-height: 1.2em; }
.al-events { margin: 6px 0 0; padding-left: 18px; font-size: 13px; color: var(--muted); }
.al-metrics summary { cursor: pointer; padding: 4px 0; }
.al-metrics table { margin-top: 10px; }
.al-firing .health-main .chip { margin-left: 6px; }
.alertbar .al-bar { display: inline-flex; gap: 8px; align-items: center; }
.alertbar .al-bar-ack { padding: 2px 10px; }
@media (max-width: 640px) {
  .al-detail { max-width: 160px; }
}
#alHistStatus { width: auto; min-width: 220px; }