.side-nav .nav-text { flex: 1; min-width: 0; }
.nav-badge {
    margin-left: auto;
    min-width: 1.35rem;
    height: 1.2rem;
    padding: 0 .4rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: .68rem;
    font-weight: 700;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
    text-transform: none;
}
.nav-badge.is-danger { background: #ef4444; color: #fff; }
.nav-badge.is-warning { background: #fef3c7; color: #92400e; box-shadow: inset 0 0 0 1px #fcd34d; }
.nav-badge.is-info { background: #e0f2fe; color: #075985; }
.nav-group-toggle .nav-group-badge { margin-left: auto; margin-right: .25rem; }
.nav-group[open] > .nav-group-toggle .nav-group-badge { display: none; }
.nav-group-toggle:has(.nav-group-badge) > span:not(.nav-badge) { flex: 1; }

.dark .nav-badge.is-danger { background: #dc2626; }
.dark .nav-badge.is-warning { background: #451a03; color: #fcd34d; box-shadow: inset 0 0 0 1px #92400e; }
.dark .nav-badge.is-info { background: #0c4a6e; color: #bae6fd; }