/* Bandeau « une nouvelle version est prête » — phase 13.
 *
 * Sa propre feuille plutôt qu'un ajout à composants.css, qui atteignait les
 * 400 lignes du §14. Le composant qui la consomme est components/mise-a-jour.js.
 */
/* --- Bandeau de mise à jour (phase 13) ------------------------------------- */
/*
 * Persistant, contrairement à un toast : il porte un geste à faire, et un
 * message qui s'efface au bout de quatre secondes est un message perdu. Il
 * s'installe dans la zone des toasts, au même niveau d'empilement, au-dessus
 * de la barre d'onglets mais sous les modales.
 */
.maj {
  pointer-events: auto;
  display: flex;
  align-items: center;
  gap: calc(var(--pas) * 3);
  padding: calc(var(--pas) * 2.5) calc(var(--pas) * 3);
  border-radius: var(--r-lg);
  background: var(--encre);
  color: var(--sur-encre);
  box-shadow: var(--ombre-3);
  font-size: 0.84rem;
  width: 100%;
  animation: toast-entree 0.34s var(--ressort);
}
.maj__texte { flex: 1; min-width: 0; }
.maj__action {
  flex: none;
  min-height: 44px;
  padding: 0 calc(var(--pas) * 3.5);
  border: 0;
  border-radius: var(--r-pill);
  background: var(--sur-encre);
  color: var(--encre);
  font-weight: 600;
  font-size: 0.84rem;
  cursor: pointer;
}
.maj__action:hover { opacity: 0.88; }