.app-unread-badge { display: inline-grid; place-items: center; min-width: 19px; height: 19px; padding: 0 4px; border-radius: 12px; background: var(--danger); color: white; font-size: 10px; line-height: 1; font-weight: 600; font-variant-numeric: tabular-nums; }
.app-unread-badge[hidden] { display: none; }
.nav-item > .app-unread-badge { margin-left: auto; flex-shrink: 0; }
.nav-item:has(.app-unread-badge:not([hidden])) > .nav-dot { display: none; }
[data-action='notifications'], .mobile-nav a[href='#messages'] { position: relative; }
[data-action='notifications'] > .app-unread-badge { position: absolute; top: 0; right: -2px; }
.mobile-nav a[href='#messages'] > .app-unread-badge { position: absolute; top: 1px; right: 1px; }
.push-settings { font-size: 14px; line-height: 1.65; }
.push-settings > h3 { margin: 24px 0 10px; font-size: 18px; }
.push-settings > p { margin: 12px 0; color: var(--muted); }
.push-settings > .push-unread-summary { color: var(--ink); font-weight: 600; }
.push-settings > .push-status { color: var(--primary); }
.push-settings > .form-error { color: var(--danger); }
.push-settings .dialog-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.push-settings .dialog-actions button { min-height: 44px; }