.fade-in { animation: fadeIn 0.3s ease-out; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* Restauration safe-area pour mobile */
body { padding-top: env(safe-area-inset-top); }

.online-dot { box-shadow: 0 0 0 2px white; }

/* Desktop Scrollbar Styling */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* CROPPER JS CUSTOMIZATION */
/* Force le visualiseur de crop à être rond pour simuler le rendu final */
.cropper-view-box,
.cropper-face {
  border-radius: 50%;
}

/* S'assure que l'image ne dépasse pas de la modale */
#crop-image {
  display: block;
  max-width: 100%;
}