/* Override the navigation's shared flex:1 span rule so the count stays circular. */
.workspace-sidebar nav a>span.nav-unread-count,
.workspace-sidebar .mobile-menu-toggle>span.nav-unread-count{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;min-width:22px;max-width:22px;height:22px;margin-left:auto;padding:0;border:0;border-radius:50%;background:#e5bc62;color:#282447;font-size:10px;line-height:1;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap;box-shadow:none}
.workspace-sidebar .nav-unread-count[hidden]{display:none!important}
.workspace-sidebar nav a[data-updates-nav]{flex-wrap:nowrap;column-gap:9px}
.workspace-sidebar nav a[data-updates-nav]>span:not(.nav-unread-count):not(.nav-current-mark){white-space:nowrap;flex:0 1 auto}
.workspace-sidebar .mobile-menu-toggle>span.nav-unread-count{margin-left:2px}
.workspace-sidebar [data-updates-nav] .nav-current-mark{flex-shrink:0}
@media(max-width:400px){.workspace-sidebar .nav-group>[data-updates-nav]{grid-column:1/-1}}

.workspace-sidebar nav a[data-updates-nav]>span.nav-unread-count{margin-left:0}
.workspace-sidebar nav a[data-updates-nav]:has(>.nav-unread-count:not([hidden]))>span:not(.nav-unread-count):not(.nav-current-mark){color:#fff;font-weight:550}