.notification-menu {
  width: 300px;
}

.sidebar-count-badge {
  font-size: 0.65em;
}

.sidebar-upgrade-button {
  font-size: 0.7rem;
  padding: 0.1rem 0.4rem;
}

/* ── Accessibility: visible keyboard focus (WCAG 2.1 SC 2.4.7) ──────────────
   The theme CSS removes Bootstrap's default focus ring. Restore a clear,
   high-contrast focus indicator for keyboard users only (:focus-visible),
   so mouse clicks don't show a ring but Tab navigation always does. */
:focus-visible {
  outline: 3px solid #1a73e8 !important;
  outline-offset: 2px !important;
  border-radius: 2px;
  box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.25) !important;
}

/* Buttons/links/inputs that draw their own backgrounds keep the ring visible
   above sibling elements. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
.btn:focus-visible,
.nav-link:focus-visible,
.form-control:focus-visible,
.form-select:focus-visible {
  outline: 3px solid #1a73e8 !important;
  outline-offset: 2px !important;
  position: relative;
  z-index: 2;
}