/* ============================================================
   NOTIFICATIONS — components/toast/toast.css (styles de toast.js)
   codia-modules (socle « core »)
   ============================================================
   Notification éphémère en bas à droite : APP.UI.toast(message, type),
   type = 'info' | 'success' | 'danger'.
   ============================================================ */

.app-toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  background: var(--c-primary, #0A1F38);
  color: var(--c-on-strong, white);
  padding: 14px 20px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 12px 30px var(--c-shadow, rgba(0,0,0,0.2));
  z-index: 400;
  max-width: 360px;
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.3s var(--ease, cubic-bezier(0.22, 1, 0.36, 1));
}
.app-toast.open {
  transform: translateY(0);
  opacity: 1;
}
.app-toast-success { background: var(--c-success, #0F6E56); }
.app-toast-info    { background: var(--c-accent, #236FA8); }
.app-toast-danger  { background: var(--c-danger, #A32D2D); }

@media (max-width: 600px) {
  .app-toast {
    left: 16px;
    right: 16px;
    max-width: none;
    bottom: 16px;
  }
}