.alert-guide{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.alert-guide small{color:var(--muted);margin-left:auto}.alert-dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:.35rem;background:var(--muted)}.alert-dot.normal{background:var(--success);box-shadow:0 0 0 4px rgba(6,118,71,.12)}.alert-dot.warning{background:var(--amber);box-shadow:0 0 0 4px rgba(255,176,0,.13)}.alert-dot.critical{background:var(--danger);box-shadow:0 0 0 4px rgba(180,35,24,.12)}.alert-dot.unavailable{background:var(--muted)}.alert-rule-name{display:grid;gap:.2rem}.alert-rule-name small{color:var(--muted)}.status.normal{background:#dcfae6;color:#067647}.status.warning{background:#fff2d6;color:#9a5600}.status.critical{background:#fee4e2;color:#b42318}.status.unavailable{background:var(--border);color:var(--muted)}@media(max-width:700px){.alert-guide{align-items:flex-start;flex-direction:column}.alert-guide small{margin-left:0}}