.nav-item{display:flex;align-items:center;justify-content:space-between;gap:12px}
.nav-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#d3a85c;color:#111;font-size:10px;font-weight:700;line-height:1;box-shadow:0 0 0 2px rgba(211,168,92,.12)}
.nav-badge.danger{background:#ef7770;color:#190c0b;box-shadow:0 0 0 2px rgba(239,119,112,.12)}
.nav-item.active .nav-badge{box-shadow:0 0 0 2px rgba(255,255,255,.1)}
@media(max-width:900px){.nav-item{gap:8px}.nav-badge{min-width:18px;height:18px;padding:0 5px;font-size:9px}}