/* Shared notification geometry and controller states. */
:where(.top-bar__notifications){
  position: relative;
  display: inline-flex;
  align-items: center;
}:where(.top-bar__notifications-button){
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  color: var(--text-secondary);
  cursor: pointer;
  transition: border-color var(--transition-speed), background-color var(--transition-speed), box-shadow var(--transition-speed);
}:where(.top-bar__notifications-button:hover){
  background: #f8fafc;
  border-color: #94a3b8;
}:where(.top-bar__notifications-button:focus-visible){
  outline: none;
  border-color: #6366f1;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.25);
}:where(:root[data-theme="dark"] .top-bar__notifications-button){
  background: rgba(148, 163, 184, 0.14);
  border-color: rgba(148, 163, 184, 0.32);
  color: rgba(226, 232, 240, 0.95);
}:where(:root[data-theme="dark"] .top-bar__notifications-button:hover){
  background: rgba(148, 163, 184, 0.28);
  border-color: rgba(226, 232, 240, 0.45);
  color: #f8fafc;
}:where(.top-bar__notifications-button.is-toasting){
  background: #eef2ff;
  border-color: #6366f1;
  color: #4338ca;
  box-shadow: 0 14px 34px -20px rgba(79, 70, 229, 0.6);
}:where(.top-bar__notifications-button.is-toasting .top-bar__icon--notifications){
  animation: notifications-bell-ring 0.85s ease-in-out infinite;
  transform-origin: 50% 8%;
}:where(.top-bar__notifications-button.is-toasting .top-bar__notifications-badge){
  box-shadow: 0 0 0 2px #eef2ff;
}:where(:root[data-theme="dark"] .top-bar__notifications-button.is-toasting){
  background: rgba(99, 102, 241, 0.22);
  border-color: rgba(99, 102, 241, 0.65);
  color: #c7d2fe;
  box-shadow: 0 18px 38px -20px rgba(99, 102, 241, 0.55);
}:where(:root[data-theme="dark"] .top-bar__notifications-button.is-toasting .top-bar__notifications-badge){
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.22);
}:where(.top-bar__notifications-badge){
  position: absolute;
  top: -3px;
  right: -6px;
  min-width: 1.35rem;
  height: 1.35rem;
  padding: 0 0.3rem;
  border-radius: 999px;
  background: var(--primary-color);
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 600;
  display: none;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 0 rgba(67, 97, 238, 0.28);
}:where(.top-bar__notifications-badge:not([hidden])){
  display: inline-flex;
  animation: notifications-badge-pulse 1.8s ease-in-out infinite;
}:where(.notifications-panel){
  position: fixed;
  top: var(--alturaHeader);
  left: 50%;
  right: auto;
  width: min(26rem, 92vw);
  max-height: 28rem;
  display: none;
  flex-direction: column;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  padding: 1rem 1rem 0.75rem;
  z-index: 52000;
  box-shadow: 0 22px 45px rgba(15, 23, 42, 0.16);
  transform: translate(-50%, 0);
}@media  (min-width: 1280px) {:where(.notifications-panel){
    position: absolute;
    top: calc(100% + 0.75rem);
    left: auto;
    right: 0;
    transform: none;
  }}:where(.notifications-panel[aria-hidden="false"]){
  display: flex;
}:where(.notifications-panel__header){
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid #e2e8f0;
}:where(.notifications-panel__header-main){
  display: flex;
  align-items: center;
  gap: 0.5rem;
}:where(.notifications-panel__title){
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #0f172a;
}:where(.notifications-panel__mark){
  background: none;
  border: none;
  color: #475569;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
}:where(.notifications-panel__mark:hover){
  color: #1f2937;
}:where(.notifications-panel__content){
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 0.75rem 0 0.5rem;
}:where(.notifications-panel__list){
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}:where(.notifications-panel__item){
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  width: 100%;
  padding: 0.85rem 0;
  border-bottom: 1px solid #e2e8f0;
}:where(.notifications-panel__item:last-child){
  border-bottom: 0;
}:where(.notifications-panel__item--unread .notifications-panel__title-text){
  font-weight: 700;
  color: #0f172a;
}:where(.notifications-panel__item--read){
  opacity: 0.64;
}:where(.notifications-panel__item--read .notifications-panel__title-text){
  color: #1f2937;
}:where(.notifications-panel__item--read .notifications-panel__time){
  color: #94a3b8;
}:where(.notifications-panel__item--tone-primary .notifications-panel__icon){
  background: #ede9fe;
  color: #5b21b6;
}:where(.notifications-panel__item--tone-info .notifications-panel__icon){
  background: #e0f2fe;
  color: #0369a1;
}:where(.notifications-panel__item--tone-success .notifications-panel__icon){
  background: #dcfce7;
  color: #047857;
}:where(.notifications-panel__item--tone-warning .notifications-panel__icon){
  background: #fef3c7;
  color: #b45309;
}:where(.notifications-panel__item--tone-danger .notifications-panel__icon){
  background: #fee2e2;
  color: #b91c1c;
}:where(.notifications-panel__item--incident-alert){
  background: #fff7f7;
  border: 1px solid #fca5a5;
  border-left: 4px solid #dc2626;
  border-radius: 12px;
  padding: 0.85rem 0.95rem;
  margin: 0.4rem 0;
  box-shadow: 0 14px 34px -28px rgba(127, 29, 29, 0.45);
}:where(.notifications-panel__item--incident-alert .notifications-panel__icon){
  background: #dc2626;
  color: #ffffff;
}:where(.notifications-panel__item--incident-alert .notifications-panel__title-text){
  color: #7f1d1d;
}:where(.notifications-panel__item--incident-alert .notifications-panel__description),:where(.notifications-panel__item--incident-alert .notifications-panel__meta-line),:where(.notifications-panel__item--incident-alert .notifications-panel__status-line){
  color: #991b1b;
}:where(.notifications-panel__icon){
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f5f9;
  color: #0f172a;
}:where(.notifications-panel__icon svg){
  width: 1.4rem;
  height: 1.4rem;
  fill: currentColor;
}:where(.notifications-panel__header-block){
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}:where(.notifications-panel__title-row){
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  gap: 0.75rem;
}:where(.notifications-panel__title-main){
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
  min-width: 0;
}:where(.notifications-panel__title-content){
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}:where(.notifications-panel__title-text){
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: #0f172a;
  word-break: break-word;
}:where(.notifications-panel__badge){
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5rem;
  padding: 0.1rem 0.55rem;
  border-radius: 999px;
  background: #ef4444;
  color: #fff5f5;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  flex-shrink: 0;
  align-self: flex-start;
}:where(.notifications-panel__description){
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.45;
  color: #1f2937;
  width: 100%;
}:where(.notifications-panel__status-line){
  margin: 0;
  font-size: 0.83rem;
  line-height: 1.4;
  color: #475569;
  width: 100%;
}:where(.notifications-panel__status-label){
  font-weight: 600;
  color: #0f172a;
}:where(.notifications-panel__meta-line){
  margin: 0;
  font-size: 0.78rem;
  color: #475569;
  display: flex;
  gap: 0.35rem;
  align-items: baseline;
  width: 100%;
}:where(.notifications-panel__meta-label){
  font-weight: 600;
  color: #0f172a;
}:where(.notifications-panel__meta-bar){
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin-top: 0.35rem;
}:where(.notifications-panel__time){
  font-size: 0.75rem;
  color: #64748b;
  display: block;
}:where(.notifications-panel__quick-actions){
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}:where(.notifications-panel__action-button){
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.55rem;
  border-radius: 0.45rem;
  border: 1px solid #d4dbe7;
  background: #ffffff;
  color: #1f2937;
  font-size: 0.7rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}:where(.notifications-panel__action-button .notifications-panel__action-icon){
  width: 16px;
  height: 16px;
}:where(.notifications-panel__action-button--ghost:hover){
  border-color: #cbd5e1;
  color: #111827;
  background: #f8fafc;
}:where(.notifications-panel__action-button--primary){
  background: #0f172a;
  border-color: #0f172a;
  color: #f8fafc;
}:where(.notifications-panel__action-button--primary:hover){
  background: #1e293b;
  border-color: #1e293b;
}:where(.notifications-panel__action-button.is-disabled){
  opacity: 0.55;
  cursor: default;
  pointer-events: none;
}:where(.notifications-panel__action-text){
  display: inline-flex;
  align-items: center;
}:where(.notifications-panel__empty){
  font-size: 0.875rem;
  color: #64748b;
  margin: 2rem 0;
  text-align: center;
}:where(.notifications-panel__load-more){
  margin: 0.5rem auto 0;
  width: calc(100% - 0.5rem);
  border-radius: 10px;
  border: 1px solid #d0d7e5;
  background: #f8fafc;
  color: #1e293b;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.55rem 0.95rem;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}:where(.notifications-panel__load-more:hover){
  background: #e2e8f0;
  border-color: #cbd5e1;
}:where(.notifications-panel__load-more:disabled){
  opacity: 0.6;
  cursor: not-allowed;
}:where(.notifications-panel__load-more-spinner){
  width: 1rem;
  height: 1rem;
  border-radius: 999px;
  border: 2px solid rgba(148, 163, 184, 0.6);
  border-top-color: #0f172a;
  animation: notifications-spinner 0.75s linear infinite;
}:where(.notifications-panel__load-more-text){
  display: inline-flex;
  align-items: center;
}:where(.notifications-panel__footer){
  padding-top: 0.75rem;
  border-top: 1px solid #e2e8f0;
}:where(.notifications-panel__footer-controls){
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  flex-wrap: wrap;
}:where(.notifications-panel__view-all){
  width: fit-content;
  border-radius: 10px;
  border: 1px solid #0f172a;
  background: #0f172a;
  color: #f8fafc;
  font-size: 0.82rem;
  font-weight: 600;
  padding: 0.55rem 1rem;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}:where(.notifications-panel__view-all:hover){
  background: #1e293b;
  border-color: #1e293b;
}:where(.notifications-toast){
  --notifications-toast-top: calc(72px + 1.5rem);
  position: fixed;
  top: var(--notifications-toast-top);
  right: clamp(1.25rem, calc((100vw - min(100vw, 1440px)) / 2 + 1.5rem), 3rem);
  width: min(22rem, 92vw);
  display: none;
  z-index: 2147483647;
  pointer-events: none;
  will-change: transform, opacity;
}:where(body.scrolled .notifications-toast){
  --notifications-toast-top: calc(44px + 1.5rem);
}:where(.notifications-toast--visible){
  display: block;
  pointer-events: auto;
  animation: notifications-toast-in 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}:where(.notifications-toast--visible.notifications-toast--hiding){
  animation: notifications-toast-out 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}:where(.notifications-toast--incident-alert .notifications-toast__inner){
  background: linear-gradient(135deg, #b91c1c 0%, #dc2626 56%, #991b1b 100%);
  border-color: rgba(255, 255, 255, 0.18);
  color: #ffffff;
  box-shadow:
    0 28px 60px -28px rgba(127, 29, 29, 0.72),
    0 12px 30px -24px rgba(15, 23, 42, 0.5),
    0 0 0 1px rgba(255, 255, 255, 0.12);
  animation: notifications-toast-attention 1.8s ease-in-out infinite;
}:where(.notifications-toast--incident-alert .notifications-toast__icon){
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.22);
  color: #ffffff;
}:where(.notifications-toast--incident-alert .notifications-toast__title){
  color: #ffffff;
}:where(.notifications-toast--incident-alert .notifications-toast__description){
  color: #fee2e2;
}:where(.notifications-toast--incident-alert .notifications-toast__close){
  color: rgba(255, 255, 255, 0.82);
}:where(.notifications-toast--incident-alert .notifications-toast__close:hover){
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}:where(.notifications-toast__inner){
  position: relative;
  display: flex;
  gap: 0.85rem;
  background: #0f172a;
  border-radius: 16px;
  border: 1px solid #1f2937;
  padding: 0.95rem 1.1rem;
  cursor: pointer;
  color: #f8fafc;
  box-shadow:
    0 26px 65px -28px rgba(15, 23, 42, 0.55),
    0 18px 40px -30px rgba(15, 23, 42, 0.4),
    0 0 0 1px rgba(15, 23, 42, 0.1);
}:where(.notifications-toast__icon){
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 10px;
  background: #1e293b;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f8fafc;
}:where(.notifications-toast__icon svg){
  width: 1.3rem;
  height: 1.3rem;
  fill: currentColor;
}:where(.notifications-toast__content){
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding-right: 1.5rem;
}:where(.notifications-toast__title){
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
  color: #f8fafc;
}:where(.notifications-toast__description){
  margin: 0;
  font-size: 0.8rem;
  color: #cbd5f5;
  text-wrap: pretty;
}:where(.notifications-toast__close){
  position: absolute;
  top: 0.35rem;
  right: 0.35rem;
  border: none;
  background: transparent;
  color: #e2e8f0;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}:where(.notifications-toast__close:hover){
  background: #1e293b;
  color: #f8fafc;
}:where(.notifications-toast__close-icon){
  width: 1rem;
  height: 1rem;
  fill: currentColor;
}:where(:root[data-theme="dark"] .notifications-toast__inner){
  background: #ffffff;
  border-color: #d9e2f1;
  color: #0f172a;
}:where(:root[data-theme="dark"] .notifications-toast__icon){
  background: #edf0ff;
  color: #2a3dd3;
}:where(:root[data-theme="dark"] .notifications-toast__title){
  color: #0f172a;
}:where(:root[data-theme="dark"] .notifications-toast__description){
  color: #475569;
}:where(:root[data-theme="dark"] .notifications-toast__close){
  color: #475569;
}:where(:root[data-theme="dark"] .notifications-toast__close:hover){
  background: #e2e8f0;
  color: #0f172a;
}:where(:root[data-theme="dark"] .notifications-toast--incident-alert .notifications-toast__inner){
  background: linear-gradient(135deg, #7f1d1d 0%, #b91c1c 58%, #991b1b 100%);
  border-color: rgba(255, 255, 255, 0.18);
  color: #ffffff;
}:where(:root[data-theme="dark"] .notifications-toast--incident-alert .notifications-toast__icon){
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}:where(:root[data-theme="dark"] .notifications-toast--incident-alert .notifications-toast__title){
  color: #ffffff;
}:where(:root[data-theme="dark"] .notifications-toast--incident-alert .notifications-toast__description){
  color: #fecdd3;
}:where(:root[data-theme="dark"] .notifications-toast--incident-alert .notifications-toast__close){
  color: #fecdd3;
}:where(:root[data-theme="dark"] .notifications-toast--incident-alert .notifications-toast__close:hover){
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}@keyframes notifications-badge-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(67, 97, 238, 0.4);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(67, 97, 238, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(67, 97, 238, 0);
  }
}@keyframes notifications-toast-in {
  0% {
    opacity: 0;
    transform: translate3d(14px, -12px, 0) scale(0.96);
  }
  55% {
    opacity: 1;
    transform: translate3d(-2px, 3px, 0) scale(1.02);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}@keyframes notifications-toast-out {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate3d(12px, -10px, 0) scale(0.94);
  }
}@keyframes notifications-toast-attention {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-2px);
  }
}@keyframes notifications-bell-ring {
  0% {
    transform: rotate(0deg);
  }
  15% {
    transform: rotate(16deg);
  }
  30% {
    transform: rotate(-14deg);
  }
  45% {
    transform: rotate(10deg);
  }
  60% {
    transform: rotate(-6deg);
  }
  75% {
    transform: rotate(4deg);
  }
  90% {
    transform: rotate(-2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}:where(:root[data-theme="dark"] .notifications-panel){
  background: #0b1120;
  border-color: #1f2937;
  box-shadow: 0 22px 45px rgba(0, 0, 0, 0.45);
}:where(:root[data-theme="dark"] .notifications-panel__header){
  border-bottom: 1px solid #1f2937;
}:where(:root[data-theme="dark"] .notifications-panel__title),:where(:root[data-theme="dark"] .notifications-panel__title-text),:where(:root[data-theme="dark"] .notifications-panel__status-label),:where(:root[data-theme="dark"] .notifications-panel__meta-label){
  color: #f8fafc;
}:where(:root[data-theme="dark"] .notifications-panel__mark){
  color: #94a3b8;
}:where(:root[data-theme="dark"] .notifications-panel__mark:hover){
  color: #f8fafc;
}:where(:root[data-theme="dark"] .notifications-panel__item){
  border-bottom: 1px solid #1f2937;
}:where(:root[data-theme="dark"] .notifications-panel__item--incident-alert){
  background: #3f1111;
  border-color: #991b1b;
  border-left-color: #ef4444;
}:where(:root[data-theme="dark"] .notifications-panel__item--incident-alert .notifications-panel__icon){
  background: #dc2626;
  color: #ffffff;
}:where(:root[data-theme="dark"] .notifications-panel__item--incident-alert .notifications-panel__title-text){
  color: #fee2e2;
}:where(:root[data-theme="dark"] .notifications-panel__item--incident-alert .notifications-panel__description),:where(:root[data-theme="dark"] .notifications-panel__item--incident-alert .notifications-panel__meta-line),:where(:root[data-theme="dark"] .notifications-panel__item--incident-alert .notifications-panel__status-line){
  color: #fda4af;
}:where(:root[data-theme="dark"] .notifications-panel__item--unread .notifications-panel__title-text){
  color: #f8fafc;
}:where(:root[data-theme="dark"] .notifications-panel__item--read){
  opacity: 0.75;
}:where(:root[data-theme="dark"] .notifications-panel__item--read .notifications-panel__title-text){
  color: #cbd5f5;
}:where(:root[data-theme="dark"] .notifications-panel__item--read .notifications-panel__time){
  color: #94a3b8;
}:where(:root[data-theme="dark"] .notifications-panel__description),:where(:root[data-theme="dark"] .notifications-panel__status-line){
  color: #cbd5f5;
}:where(:root[data-theme="dark"] .notifications-panel__meta-line){
  color: #94a3b8;
}:where(:root[data-theme="dark"] .notifications-panel__time){
  color: #94a3b8;
}:where(:root[data-theme="dark"] .notifications-panel__icon){
  background: #1e293b;
  color: #f8fafc;
}:where(:root[data-theme="dark"] .notifications-panel__item--tone-primary .notifications-panel__icon){
  background: #312e81;
  color: #c7d2fe;
}:where(:root[data-theme="dark"] .notifications-panel__item--tone-info .notifications-panel__icon){
  background: #1d4ed8;
  color: #bfdbfe;
}:where(:root[data-theme="dark"] .notifications-panel__item--tone-success .notifications-panel__icon){
  background: #166534;
  color: #bbf7d0;
}:where(:root[data-theme="dark"] .notifications-panel__item--tone-warning .notifications-panel__icon){
  background: #92400e;
  color: #fcd34d;
}:where(:root[data-theme="dark"] .notifications-panel__item--tone-danger .notifications-panel__icon){
  background: #b91c1c;
  color: #fecaca;
}:where(:root[data-theme="dark"] .notifications-panel__action-button){
  border-color: #1f2937;
  background: #111827;
  color: #f8fafc;
}:where(:root[data-theme="dark"] .notifications-panel__action-button--ghost:hover){
  border-color: #334155;
  background: #1f2937;
  color: #f8fafc;
}:where(:root[data-theme="dark"] .notifications-panel__action-button--primary){
  background: #f8fafc;
  border-color: #f8fafc;
  color: #0f172a;
}:where(:root[data-theme="dark"] .notifications-panel__action-button--primary:hover){
  background: #e2e8f0;
  border-color: #e2e8f0;
}:where(:root[data-theme="dark"] .notifications-panel__empty){
  color: #94a3b8;
}:where(:root[data-theme="dark"] .notifications-panel__load-more){
  border-color: #334155;
  background: #1f2937;
  color: #f8fafc;
}:where(:root[data-theme="dark"] .notifications-panel__load-more:hover){
  background: #111827;
  border-color: #475569;
}:where(:root[data-theme="dark"] .notifications-panel__load-more-spinner){
  border-color: rgba(148, 163, 184, 0.35);
  border-top-color: #f8fafc;
}:where(:root[data-theme="dark"] .notifications-panel__footer){
  border-top: 1px solid #1f2937;
}:where(:root[data-theme="dark"] .notifications-panel__view-all){
  background: #f8fafc;
  border-color: #f8fafc;
  color: #0f172a;
}:where(:root[data-theme="dark"] .notifications-panel__view-all:hover){
  background: #e2e8f0;
  border-color: #e2e8f0;
}:where(:root[data-theme="dark"] .notifications-modal__overlay){
  background: rgba(3, 7, 18, 0.78);
}:where(:root[data-theme="dark"] .notifications-modal__dialog){
  background: #0b1120;
  border-color: #1f2937;
  box-shadow: 0 26px 56px rgba(0, 0, 0, 0.55);
}:where(:root[data-theme="dark"] .notifications-modal__title){
  color: #f8fafc;
}:where(:root[data-theme="dark"] .notifications-modal__close){
  color: #94a3b8;
}:where(:root[data-theme="dark"] .notifications-modal__close:hover){
  background: #1f2937;
  color: #f8fafc;
}:where(:root[data-theme="dark"] .notifications-modal__body){
  color: #cbd5f5;
}:where(:root[data-theme="dark"] .notifications-modal__controls){
  background: #0b1120;
  border-bottom: 1px solid #1f2937;
}:where(:root[data-theme="dark"] .notifications-modal__filter){
  color: #e2e8f0;
  background-color: #111827;
  border-color: #1f2937;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.6);
  background-image: linear-gradient(45deg, transparent 50%, #94a3b8 50%), linear-gradient(135deg, #94a3b8 50%, transparent 50%), linear-gradient(90deg, transparent calc(100% - 2rem), rgba(148, 163, 184, 0.18) calc(100% - 2rem));
}:where(:root[data-theme="dark"] .notifications-modal__filter:focus){
  outline-color: rgba(59, 130, 246, 0.45);
}:where(:root[data-theme="dark"] .notifications-modal__mark){
  color: #94a3b8;
}:where(:root[data-theme="dark"] .notifications-modal__mark:hover){
  color: #f8fafc;
}:where(:root[data-theme="dark"] .notifications-modal__footer){
  background: #0b1120;
}:where(:root[data-theme="dark"] .notifications-modal__placeholder){
  color: #94a3b8;
}:where(:root[data-theme="dark"] .notifications-modal__scroll::-webkit-scrollbar-thumb){
  background: #475569;
}:where(.notifications-modal){
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 53000;
}:where(.notifications-modal--visible){
  display: flex;
  animation: notifications-modal-in 0.2s ease;
}:where(.notifications-modal__overlay){
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.5);
}:where(.notifications-modal__dialog){
  position: relative;
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 26px 56px rgba(15, 23, 42, 0.22);
  width: min(36rem, 92vw);
  max-height: min(88vh, 38rem);
  padding: 1.2rem 1.4rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}:where(.notifications-modal__header){
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}:where(.notifications-modal__title){
  margin: 0;
  font-size: 1.15rem;
  font-weight: 600;
  color: #0f172a;
}:where(.notifications-modal__close){
  border: none;
  background: transparent;
  color: #64748b;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}:where(.notifications-modal__close:hover){
  background: #f1f5f9;
  color: #0f172a;
}:where(.notifications-modal__close-icon){
  width: 1.1rem;
  height: 1.1rem;
  fill: currentColor;
}:where(.notifications-modal__body){
  font-size: 0.9rem;
  color: #475569;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-height: min(82vh, 34rem);
  min-height: 22rem;
  overflow: hidden;
}:where(.notifications-modal__content){
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
  min-height: 0;
}:where(.notifications-modal__controls){
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.25rem 0;
  position: sticky;
  top: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, #ffffff 38%, rgba(255, 255, 255, 0.92) 100%);
  border-bottom: 1px solid #e2e8f0;
}:where(.notifications-modal__controls--solo){
  justify-content: flex-end;
}:where(.notifications-modal__controls--with-filter){
  justify-content: space-between;
}:where(.notifications-modal__filter){
  min-width: 10rem;
  max-width: 100%;
  font: inherit;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--go-color-0f172a, #0f172a);
  background-color: #ffffff;
  border: 1px solid #cbd5f5;
  border-radius: 0.5rem;
  padding: 0.35rem 2rem 0.35rem 0.75rem;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #64748b 50%), linear-gradient(135deg, #64748b 50%, transparent 50%), linear-gradient(90deg, transparent calc(100% - 2rem), rgba(148, 163, 184, 0.2) calc(100% - 2rem));
  background-position: calc(100% - 1.2rem) 50%, calc(100% - 0.8rem) 50%, 50% 50%;
  background-size: 0.45rem 0.45rem, 0.45rem 0.45rem, 100% 100%;
  background-repeat: no-repeat;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}:where(.notifications-modal__filter:focus){
  outline: 2px solid rgba(37, 99, 235, 0.35);
  outline-offset: 2px;
}:where(.notifications-modal__scroll){
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 0.75rem 0.35rem 1.25rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}:where(.notifications-modal__scroll::-webkit-scrollbar){
  width: 0.45rem;
}:where(.notifications-modal__scroll::-webkit-scrollbar-thumb){
  background: rgba(148, 163, 184, 0.6);
  border-radius: 999px;
}:where(.notifications-modal__placeholder){
  margin: 0;
  line-height: 1.5;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}:where(.notifications-modal__mark){
  margin-left: auto;
}:where(.notifications-modal__footer){
  margin-top: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  display: flex;
  justify-content: center;
}:where(.notifications-modal__load-more){
  margin: 0;
  width: auto;
  min-width: 12rem;
}@keyframes notifications-spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}@keyframes notifications-modal-in {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}@media  (min-width: 1280px) {:where(.top-bar__notifications){
    margin-left: 0;
  }}
/* Single visual system for panel, full inbox and toast in both shells. */
:root{--notification-surface:#ffffff;--notification-soft:#f4f6f9;--notification-ink:#243142;--notification-muted:#59687b;--notification-line:#dbe2eb;--notification-accent:#405bc4;--notification-tint:#edf1ff;--notification-danger:#ae293d;--notification-danger-soft:#fff0f2;--notification-success:#196c5b;--notification-warning:#8b5a16}
:root[data-theme=dark],body.go-dashboard[data-theme=dark]{--notification-surface:#29313e;--notification-soft:#313c4b;--notification-ink:#edf2f8;--notification-muted:#b6c3d4;--notification-line:#48566a;--notification-accent:#b2c1ff;--notification-tint:#35435f;--notification-danger:#ffb0bb;--notification-danger-soft:#48323d;--notification-success:#8cd5bf;--notification-warning:#efc882}
body .notifications-panel,body .notifications-modal__dialog,body .notifications-toast__inner{font:400 14px/1.5 var(--font-family,Inter,Geist,sans-serif);color:var(--notification-ink);background:var(--notification-surface);border:1px solid var(--notification-line);box-shadow:0 12px 32px -16px #0c142944;border-radius:14px;box-sizing:border-box}
body .notifications-panel *,body .notifications-modal *,body .notifications-toast *{box-sizing:border-box}
body .notifications-panel{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - var(--dashboard-header-height,var(--alturaHeader,72px)) - 24px);padding:0;overflow:hidden}
body .notifications-panel__header{padding:16px 18px;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--notification-line);margin:0;flex-shrink:0}
body .notifications-panel__title{color:var(--notification-ink);font-size:16px;font-weight:600;margin:0}
body .notifications-panel__list{padding:0 16px;margin:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--notification-line) transparent}
body .notifications-panel__item{padding:18px 0;margin:0;border:0;border-bottom:1px solid var(--notification-line);border-radius:0;box-shadow:none;background:transparent;color:var(--notification-ink);gap:10px;opacity:1}
body .notifications-panel__item:last-child{border-bottom:0}
body .notifications-panel__item--incident-alert{background:transparent;border:0;border-bottom:1px solid var(--notification-line);box-shadow:none;padding:18px 0}
body .notifications-panel__item--read{opacity:1}
body .notifications-panel__item--read .notifications-panel__title-text{font-weight:450;color:var(--notification-muted)}
body .notifications-panel__item--unread .notifications-panel__title-text{font-weight:600;color:var(--notification-ink)}
body .notifications-panel__title-text{color:var(--notification-ink);font-size:14px;line-height:1.5;font-weight:550;overflow-wrap:anywhere}
body .notifications-panel__content{min-width:0;gap:8px}
body .notifications-panel__heading{gap:10px;align-items:start}
body .notifications-panel__icon{width:36px;height:36px;flex:0 0 36px;border:0;border-radius:10px;background:var(--notification-tint);color:var(--notification-accent)}
body .notifications-panel__icon svg{width:20px;height:20px;fill:currentColor}
body .notifications-panel__item--incident-alert .notifications-panel__icon,body .notifications-panel__item--tone-danger .notifications-panel__icon{background:var(--notification-danger-soft);color:var(--notification-danger)}
body .notifications-panel__item--tone-success .notifications-panel__icon{background:var(--notification-soft);color:var(--notification-success)}
body .notifications-panel__item--tone-warning .notifications-panel__icon{background:var(--notification-soft);color:var(--notification-warning)}
body .notifications-panel__description,body .notifications-panel__meta-line,body .notifications-panel__status-line{color:var(--notification-ink);font-size:14px;font-weight:400;line-height:1.55;overflow-wrap:anywhere}
body .notifications-panel__description p{margin:4px 0}
body .notifications-panel__description strong{font-weight:550;color:inherit}
body .notifications-panel__meta-line{display:flex;flex-wrap:wrap;column-gap:6px;row-gap:0;margin:3px 0;font-size:13px}
body .notifications-panel__meta-label,body .notifications-panel__time{color:var(--notification-muted);font-weight:400;font-size:12px}
body .notifications-panel__meta-value{min-width:0;overflow-wrap:anywhere}
body .notifications-panel__badge{color:var(--notification-accent);background:var(--notification-tint);font-size:11px;font-weight:550;line-height:1.4;padding:3px 7px;border-radius:5px;max-width:120px;overflow-wrap:anywhere}
body .notifications-panel__item--incident-alert .notifications-panel__badge{background:var(--notification-danger-soft);color:var(--notification-danger)}
body .notifications-panel__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
body .notifications-panel__action-button,body .notifications-panel__mark-all,body .notifications-panel__view-all,body .notifications-modal button,body .notifications-modal select{font-family:inherit;font-size:13px;font-weight:450;line-height:1.4;color:var(--notification-ink);background:var(--notification-surface);border:1px solid var(--notification-line);border-radius:8px;min-height:36px;padding:8px 10px;box-shadow:none;cursor:pointer}
body .notifications-panel__action-button{display:inline-flex;align-items:center;gap:5px;font-family:inherit;font-size:13px;font-weight:450}
body .notifications-panel__action-button svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}
body .notifications-panel__action-button--link{color:var(--notification-accent);background:var(--notification-tint);border-color:transparent}
body .notifications-panel button:hover,body .notifications-panel__action-button:hover,body .notifications-modal button:hover{background:var(--notification-soft);color:var(--notification-ink);border-color:var(--notification-line);box-shadow:none}
body .notifications-panel button:focus-visible,body .notifications-panel a:focus-visible,body .notifications-modal button:focus-visible,body .notifications-modal select:focus-visible,body .notifications-toast button:focus-visible{outline:2px solid var(--notification-accent);outline-offset:3px}
body .notifications-panel__footer{padding:12px 16px;border-top:1px solid var(--notification-line);margin:0;flex-shrink:0;gap:8px}
body .notifications-panel__empty,body .notifications-panel__loading,body .notifications-panel__error{padding:24px 18px;color:var(--notification-muted);font-size:14px}
body .notifications-modal__dialog{width:min(840px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;overflow:hidden}
body .notifications-modal__header{padding:20px 24px;border-bottom:1px solid var(--notification-line);margin:0;gap:16px;background:var(--notification-surface);color:var(--notification-ink)}
body .notifications-modal__title{font-size:21px;font-weight:550;color:var(--notification-ink)}
body .notifications-modal__close{width:38px;height:38px;flex-shrink:0;padding:8px}
body .notifications-modal__close-icon{width:20px;height:20px;fill:currentColor}
body .notifications-modal__controls{padding:14px 24px;gap:12px;flex-wrap:wrap;background:var(--notification-surface);border-color:var(--notification-line);margin:0}
body .notifications-modal__controls label{color:var(--notification-muted);font-weight:450;font-size:13px}
body .notifications-modal__body{min-height:120px;padding:0 24px;overflow-y:auto;overscroll-behavior:contain}
body .notifications-modal__list{padding:0;margin:0}
body .notifications-modal__footer{padding:12px 24px;border-top:1px solid var(--notification-line);margin:0;background:var(--notification-surface)}
body .notifications-modal__mark{margin-left:auto}
body .notifications-toast{max-width:calc(100vw - 24px);width:400px;right:20px;bottom:20px;left:auto;top:auto}
body .notifications-toast__inner{padding:18px 44px 18px 18px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:12px;animation:none}
body .notifications-toast__icon{width:36px;height:36px;background:var(--notification-tint);color:var(--notification-accent);border:0;border-radius:10px;box-shadow:none}
body .notifications-toast__icon svg{width:20px;height:20px;fill:currentColor}
body .notifications-toast--incident-alert .notifications-toast__icon{background:var(--notification-danger-soft);color:var(--notification-danger)}
body .notifications-toast__content{min-width:0}
body .notifications-toast__title{font-size:14px;line-height:1.5;font-weight:600;color:var(--notification-ink);margin:0 0 6px;overflow-wrap:anywhere}
body .notifications-toast__description{font-size:13px;line-height:1.55;font-weight:400;color:var(--notification-muted);overflow-wrap:anywhere;max-height:160px;overflow-y:auto}
body .notifications-toast__description strong{color:var(--notification-ink);font-weight:550}
body .notifications-toast__close{position:absolute;top:10px;right:10px;background:transparent;color:var(--notification-muted);border:0;box-shadow:none;width:30px;height:30px;padding:6px;border-radius:6px}
body .notifications-toast__close:hover{background:var(--notification-soft);color:var(--notification-ink)}
body .notifications-toast__close-icon{width:18px;height:18px;fill:currentColor}
body .top-bar__notifications-button{background:var(--notification-surface);color:var(--notification-ink);border-color:var(--notification-line);box-shadow:none}
body .top-bar__notifications-button:hover{background:var(--notification-soft);color:var(--notification-ink)}
body .top-bar__notifications-button.is-toasting{animation:none;background:var(--notification-tint);border-color:var(--notification-accent)}
body .top-bar__notifications-button.is-toasting svg,body .top-bar__notifications-badge:not([hidden]){animation:none}
body .top-bar__notifications-badge{background:var(--notification-accent);color:var(--notification-surface);box-shadow:none;font-size:11px;font-weight:550}
body .notifications-panel [hidden],body .notifications-modal[hidden],body .notifications-modal [hidden],body .notifications-toast[hidden]{display:none!important}
body .notifications-panel button:disabled,body .notifications-modal button:disabled{opacity:.55;cursor:default}
@media(max-width:600px){body .notifications-panel{width:calc(100vw - 24px);max-height:calc(100dvh - var(--dashboard-header-height,var(--alturaHeader,72px)) - 20px)}body .notifications-panel__header{padding:14px;gap:8px}body .notifications-panel__mark-all{font-size:12px}body .notifications-panel__actions{gap:6px}body .notifications-modal__dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}body .notifications-modal__header,body .notifications-modal__controls,body .notifications-modal__footer{padding:14px}body .notifications-modal__body{padding:0 14px;min-height:0}body .notifications-modal__controls{display:flex;align-items:end}body .notifications-modal__controls>*{min-width:0;max-width:100%}body .notifications-toast{right:12px;bottom:12px}body .notifications-toast__inner{padding:16px 40px 16px 14px}}
@media(prefers-reduced-motion:reduce){body .notifications-toast,body .notifications-toast__inner,body .notifications-modal__dialog{animation:none;transition:none}}
body .notifications-panel__quick-actions{display:flex;flex-wrap:wrap;gap:8px}
body .notifications-panel__action-button--primary{background:var(--notification-tint);color:var(--notification-accent);border-color:transparent}
body .notifications-panel__meta-bar{margin-top:10px;padding:0;border:0}