/**
 * Flash notifications — por encima del header/sidebar con blur.
 * notifier.css trae z-index: 999; el header usa 1025 + backdrop-filter.
 */
.notifier-container {
  position: fixed !important;
  top: 86px !important;
  right: 20px !important;
  left: auto !important;
  z-index: 10999 !important;
  width: min(400px, calc(100vw - 24px));
  max-width: calc(100vw - 24px);
  padding: 0;
  pointer-events: none;
}

.notifier-container .notifier {
  pointer-events: auto;
  background: var(--bs-body-bg, #fff);
  color: var(--bs-body-color, #1d2630);
  border: 1px solid var(--bs-border-color, rgba(0, 0, 0, 0.08));
  border-left-width: 4px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.14);
}

.notifier-container .notifier-title {
  color: var(--bs-heading-color, inherit);
}

.notifier-container .notifier-body {
  color: var(--bs-body-color, #526484);
}

.notifier-container .notifier-close {
  color: var(--bs-secondary-color, #888);
}

.notifier-container .notifier-close:focus,
.notifier-container .notifier-close:hover {
  color: var(--bs-danger, #e74c3c);
  background: rgba(var(--bs-danger-rgb, 231, 76, 60), 0.08);
}

@media (max-width: 575.98px) {
  .notifier-container {
    top: 78px !important;
    right: 12px !important;
    width: calc(100vw - 24px);
  }
}