/* Le message en bas, avec « Annuler » (public/mirza-message.js : la brique 6 du schéma, une seule version). Mirza, ses pages d'espace prof et les pages des élèves : les mêmes règles.
   Les couleurs viennent du thème de Mirza (mirza-theme.css) quand il est là ; sans lui (pages des élèves), un gris foncé lisible sur fond clair comme sur fond sombre. */
.mz-toast { position: fixed; z-index: 90; left: 50%; translate: -50% 0; bottom: calc(var(--cadre-bas, 0px) + 18px + env(safe-area-inset-bottom, 0px)); display: flex; align-items: center; gap: 14px; width: max-content; max-width: min(520px, calc(100vw - 28px)); box-sizing: border-box; padding: 12px 14px 12px 18px; border-radius: 22px;
  background: rgb(var(--th-gl-e, 36 36 40) / .96); box-shadow: inset 0 0 0 1px rgb(var(--th-w, 255 255 255) / calc(.1 * var(--th-fa, 1))), 0 20px 50px rgb(var(--th-k, 0 0 0) / calc(.45 * var(--th-ka, 1))); color: var(--ink, #fff); font: 500 14.5px/1.35 var(--font, -apple-system, system-ui, sans-serif); animation: mz-toast .25s var(--ease, cubic-bezier(.22, 1, .36, 1)) both; }
.mz-toast button { flex: none; min-height: 44px; margin: -8px -6px -8px 0; padding: 0 12px; border: 0; background: none; color: var(--blue-clair, var(--th-blue-clair, #6cb0ff)); font: 600 15px/1 var(--font, -apple-system, system-ui, sans-serif); cursor: pointer; }
@keyframes mz-toast { from { opacity: 0; transform: translateY(10px); } }
.mz-toast.is-sort { animation: mz-toast-sort .18s var(--ease, cubic-bezier(.22, 1, .36, 1)) both; pointer-events: none; }
@keyframes mz-toast-sort { to { opacity: 0; transform: translateY(6px); } }
@media (prefers-reduced-motion: reduce) { .mz-toast, .mz-toast.is-sort { animation: none; } }