/* doc-project | cuisine/assets/css/toast.css | Définit le style dédié des toasts cuisine non bloquants, ancrés en bas d’écran, avec variantes visuelles d’information, succès et avertissement. | Expose: aucun | Dépend de: cuisine/index.php, cuisine/assets/js/_toast.js | Impacte: UI cuisine, visibilité des retours métier immédiats et lisibilité mobile portrait | Tables: aucune */

.k-toast-stack {
  position: fixed;
  left: 50%;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%);
  z-index: 80;
  width: min(92vw, 460px);
  pointer-events: none;
}

.k-toast {
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(17, 24, 39, .96);
  color: #f8fafc;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .28);
  padding: 12px 14px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
}

.k-toast--warn {
  background: rgba(120, 53, 15, .98);
  border-color: rgba(245, 158, 11, .45);
  color: #fef3c7;
}

.k-toast--success {
  background: rgba(20, 83, 45, .98);
  border-color: rgba(34, 197, 94, .42);
  color: #dcfce7;
}

@media (max-width: 560px) and (orientation: portrait) {
  .k-toast-stack {
    width: min(94vw, 420px);
    bottom: calc(14px + env(safe-area-inset-bottom, 0px));
  }

  .k-toast {
    padding: 11px 12px;
    font-size: 13px;
  }
}