/*
 * Clearbet local overrides — notification stack sits under the header logo.
 */
#notifications > div {
  position: fixed !important;
  top: 3.75rem !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  width: 26rem !important;
  max-width: calc(100vw - 1rem) !important;
  height: auto !important;
  pointer-events: none;
}

/* Tighter spacing under logo (default is 1em top/left on each toast) */
#notifications > div > div > div > div {
  padding-top: 0.35em !important;
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
}

@media (max-width: 48rem) {
  #notifications > div {
    top: 3.25rem !important;
    width: calc(100vw - 0.5rem) !important;
  }
}