/* nav_simple.css · calmer, bigger menu for easy reading (Nov 3, 2026), see nav_simple.js */
.side-nav{ gap:4px; }
.side-link,.nav-group-hdr,.side-nav > .side-link{ font-size:15.5px !important; min-height:48px; }
.nav-group-body .side-link{ font-size:15px !important; min-height:46px; }
.side-link .si,.nav-group-hdr .si{ font-size:19px; width:24px; }
.nav-group-hdr{ cursor:pointer; }
.nav-group-hdr .nav-arrow{ font-size:13px; margin-left:6px; transition:transform .2s; }
/* the group you are in: green label, soft background */
.nav-group:has(.side-link.active) > .nav-group-hdr{ color:var(--accent, #16a34a) !important; background:var(--accent-soft, rgba(22,163,74,.08)); }
/* NEW tag inside a group, and the dot on a closed group */
.nav-new{ margin-left:8px; font-size:10px; font-weight:900; background:#2563eb; color:#fff; border-radius:99px; padding:2px 7px; letter-spacing:.4px; }
.nav-dot{ margin-left:auto; flex-shrink:0; }
.nav-dot-alert{ width:10px; height:10px; border-radius:50%; background:#ef4444; box-shadow:0 0 0 3px rgba(239,68,68,.18); }
.nav-dot-new{ font-size:10px; font-weight:900; background:#2563eb; color:#fff; border-radius:99px; padding:2px 7px; letter-spacing:.4px; }
.nav-group-hdr .nav-dot + .nav-arrow{ margin-left:8px; }