.airlume-summary-bar {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
}

.airlume-sev-chip {
    display: inline-flex;
    align-items: baseline;
    gap: 0.4rem;
    padding: 0.45rem 0.85rem 0.45rem 0.75rem;
    border-radius: 999px;
    border: 1px solid var(--border-color, #e2e8f0);
    background: var(--surface-color, #fff);
    color: var(--text-primary, #1e293b);
    font: inherit;
    font-size: 0.82rem;
    line-height: 1;
    cursor: pointer;
    transition: background 120ms ease, border-color 120ms ease;
}
.airlume-sev-chip:hover:not([data-empty="true"]) {
    background: var(--bg-subtle);
}
.airlume-sev-chip[data-empty="true"] {
    cursor: default;
    opacity: 0.55;
}
.airlume-sev-chip-count {
    font-weight: 700;
    font-size: 0.95rem;
}
.airlume-sev-chip-label {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-secondary, #64748b);
}

.airlume-sev-chip[data-severity="critical"] .airlume-sev-chip-count { color: var(--danger-color, #dc2626); }
.airlume-sev-chip[data-severity="warning"]  .airlume-sev-chip-count { color: var(--warning-color, #d97706); }
.airlume-sev-chip[data-severity="info"]     .airlume-sev-chip-count { color: var(--primary-color, #0ea5e9); }

.airlume-sev-chip[aria-pressed="true"][data-severity="critical"] {
    background: rgba(220, 38, 38, 0.12);
    border-color: rgba(220, 38, 38, 0.5);
}
.airlume-sev-chip[aria-pressed="true"][data-severity="warning"] {
    background: rgba(217, 119, 6, 0.12);
    border-color: rgba(217, 119, 6, 0.5);
}
.airlume-sev-chip[aria-pressed="true"][data-severity="info"] {
    background: rgba(14, 165, 233, 0.12);
    border-color: rgba(14, 165, 233, 0.5);
}

.airlume-sev-chip-clear {
    padding: 0.4rem 0.75rem;
    border-radius: 999px;
    border: 1px solid var(--border-color, #e2e8f0);
    background: transparent;
    color: var(--text-secondary, #64748b);
    font: inherit;
    font-size: 0.78rem;
    cursor: pointer;
}
.airlume-sev-chip-clear:hover {
    background: var(--bg-subtle);
    color: var(--text-primary, #1e293b);
}

.airlume-alert-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.airlume-alert-item {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-left-width: 4px;
    border-radius: 8px;
    padding: 0.55rem 0.9rem;
    font-size: 0.88rem;
    color: var(--text-primary, #0f172a);
}
.airlume-alert-item[data-severity="info"]     { border-left-color: var(--primary-color, #0ea5e9); }
.airlume-alert-item[data-severity="warning"]  { border-left-color: var(--warning-color, #d97706); }
.airlume-alert-item[data-severity="critical"] {
    border-left-color: var(--danger-color, #dc2626);
    
    box-shadow: 0 1px 3px rgba(220, 38, 38, 0.12);
}

.airlume-alert-item[hidden] { display: none; }

.airlume-alert-item > .airlume-alert-sev-pill {
    flex: 0 0 auto;
    white-space: nowrap;
}

.airlume-alert-summary {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.35rem;
    line-height: 1.45;
}
.airlume-alert-kind {
    font-weight: 600;
    color: var(--text-primary, #0f172a);
}
.airlume-alert-room-link {
    font-family: ui-monospace, "SF Mono", Menlo, monospace;
    font-size: 0.82rem;
    color: var(--text-secondary, #64748b);
    text-decoration: none;
    word-break: break-all;
}
.airlume-alert-room-link:hover { text-decoration: underline; }
.airlume-alert-reading {
    color: var(--text-primary, #0f172a);
    font-variant-numeric: tabular-nums;
}
.airlume-alert-reading strong { font-weight: 700; }
.airlume-alert-threshold {
    color: var(--text-secondary, #64748b);
    font-size: 0.8rem;
}
.airlume-alert-when {
    color: var(--text-secondary, #64748b);
    font-size: 0.82rem;
    white-space: nowrap;
}
.airlume-alert-sep {
    color: var(--text-secondary, #94a3b8);
    opacity: 0.55;
}
.airlume-alert-ack-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.05rem 0.5rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    background: rgba(22, 163, 74, 0.12);
    color: var(--success-color, #16a34a);
}
.airlume-ack { color: var(--success-color, #16a34a); }

.airlume-alert-actions {
    flex: 0 0 auto;
    display: flex;
    gap: 0.4rem;
}

.airlume-alert-actions .airlume-btn {
    padding: 0.35rem 0.7rem;
    font-size: 0.8rem;
}

@media (max-width: 720px) {
    .airlume-alert-item {
        flex-wrap: wrap;
    }
    .airlume-alert-actions {
        flex: 1 1 100%;
        justify-content: flex-end;
    }
}

.airlume-alerts-active,
.airlume-alerts-recent {
    display: flex; flex-direction: column; gap: 0.75rem;
}

.airlume-alert-item {
    cursor: pointer;
    transition: background 120ms ease, border-color 120ms ease;
}
.airlume-alert-item:hover {
    background: var(--bg-subtle);
    border-color: var(--border-color, #cbd5e1);
}

.airlume-alert-item .airlume-alert-actions { cursor: auto; }