/* assets/stability.css - stabilité UI (évite déformations/flashs sur certains navigateurs) */

/* Force un rendu stable (pas de thème dynamique) */
:root { color-scheme: light; }
html, body { background: #fff; }

/* Réduit les animations/transitions qui peuvent "casser" certains navigateurs mobiles */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Même sans prefers-reduced-motion : éviter transitions trop agressives */
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
.toast { transition: none !important; }

/* Évite les changements de taille liés aux polices */
body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

/* Sécurise certains conteneurs */
.dp-card, .card { contain: layout paint; }