.app-alert-toast-container {
  z-index: 2000;
  width: min(92vw, 360px);
}

.app-alert-toast {
  overflow: hidden;
  border-radius: 1rem;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.96);
}

.app-alert-toast__header {
  gap: 0.75rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
  background: transparent;
  padding: 0.9rem 1rem 0.65rem;
}

.app-alert-toast__body {
  padding: 0.1rem 1rem 1rem;
  color: #475569;
  font-size: 0.92rem;
}

.app-alert-toast__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.88rem;
  text-transform: uppercase;
  color: #fff;
}

.app-alert-toast--success .app-alert-toast__icon {
  background: linear-gradient(135deg, #16a34a, #22c55e);
}

.app-alert-toast--error .app-alert-toast__icon {
  background: linear-gradient(135deg, #dc2626, #ef4444);
}

.app-alert-toast--warning .app-alert-toast__icon {
  background: linear-gradient(135deg, #d97706, #f59e0b);
}

.app-alert-toast--info .app-alert-toast__icon {
  background: linear-gradient(135deg, #2563eb, #38bdf8);
}

[data-bs-theme="dark"] .app-alert-toast,
body.portal-body .app-alert-toast {
  background: rgba(255, 255, 255, 0.98);
}