#nav-alertas-wrapper .btn { position: relative; }
#alerts-count-badge {
    position: absolute;
    top: -0.35rem;
    right: -0.45rem;
    min-width: 1.25rem;
    height: 1.25rem;
    line-height: 1.05rem;
    font-size: .68rem;
}
#alertsOffcanvas { width: min(520px, 100vw); }
.alert-summary-card {
    border: 1px solid rgba(0,0,0,.08);
    border-radius: .75rem;
    padding: .75rem;
    background: var(--bs-body-bg);
    min-height: 86px;
}
.alert-summary-card .value { font-size: 1.55rem; font-weight: 700; line-height: 1.1; }
.alert-system-item {
    border: 1px solid rgba(0,0,0,.09);
    border-left-width: 5px;
    border-radius: .75rem;
    padding: .85rem;
    margin-bottom: .65rem;
    background: var(--bs-body-bg);
}
.alert-system-item[data-severity="Crítica"] { border-left-color: var(--bs-danger); }
.alert-system-item[data-severity="Alta"] { border-left-color: var(--bs-orange, #fd7e14); }
.alert-system-item[data-severity="Média"] { border-left-color: var(--bs-warning); }
.alert-system-item[data-severity="Baixa"] { border-left-color: var(--bs-info); }
.alert-system-item[data-status="Resolvido"],
.alert-system-item[data-status="Ignorado"] { opacity: .68; }
.alert-system-item .alert-title { font-weight: 650; line-height: 1.25; }
.alert-system-item .alert-meta { font-size: .78rem; color: var(--bs-secondary-color); }
.alert-system-item .alert-description { font-size: .88rem; margin-top: .4rem; }
.alert-system-empty { padding: 3rem 1rem; text-align: center; color: var(--bs-secondary-color); }
.alert-severity-dot { display:inline-block; width:.58rem; height:.58rem; border-radius:50%; margin-right:.35rem; }
.alert-severity-dot.critical { background: var(--bs-danger); }
.alert-severity-dot.high { background: var(--bs-orange, #fd7e14); }
.alert-severity-dot.medium { background: var(--bs-warning); }
.alert-severity-dot.low { background: var(--bs-info); }
@media (max-width: 575.98px) {
    #alertsOffcanvas { width: 100vw; }
    .alert-system-item .btn-group { width: 100%; margin-top: .5rem; }
    .alert-system-item .btn-group .btn { flex: 1; }
}