.app-toast-host {
  position: fixed;
  top: calc(var(--space-lg) + 8px);
  right: var(--space-lg);
  z-index: 2000;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  max-width: min(420px, calc(100vw - 32px));
  pointer-events: none;
}

.app-toast {
  pointer-events: auto;
  padding: 12px 16px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--app-border);
  background: var(--app-card);
  color: var(--app-text);
  box-shadow: var(--app-shadow);
  font-size: 0.9375rem;
  line-height: 1.45;
  animation: app-toast-in 0.2s ease-out;
}

.app-toast--success {
  border-color: var(--status-success-border, rgba(21, 115, 71, 0.35));
  background: var(--status-success-bg);
  color: var(--status-success);
}

.app-toast--danger {
  border-color: rgba(180, 35, 24, 0.35);
  background: rgba(180, 35, 24, 0.08);
  color: #b42318;
}

.app-toast--warning {
  border-color: var(--status-warning-border, rgba(154, 103, 0, 0.35));
  background: var(--status-warning-bg);
  color: var(--status-warning);
}

.app-toast--info {
  border-color: rgba(47, 111, 237, 0.35);
  background: var(--men-blue-50);
  color: var(--men-blue-800);
}

@keyframes app-toast-in {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#modalConfirmApp .btn-danger {
  --bs-btn-bg: #b42318;
  --bs-btn-border-color: #b42318;
}