/* Composants d'interface partagés — voir docs/nettoyage-css.md (lot 1). * * Ces règles étaient recopiées à l'identique dans une douzaine de templates, * chacune avec la largeur de la barre latérale (288px) et le point de rupture * (1024px) écrits en dur. Elles vivent désormais ici, en un seul exemplaire. * * Convention suivie : celle de chat_presence.css — variables préfixées, * surcharges en `html.dark` (jamais prefers-color-scheme), zéro !important. * Chargé par UNFOLD["STYLES"] : ces classes n'entrent en conflit avec rien * d'Unfold, elles n'ont donc aucune cascade à gagner. */ :root { /* Largeur de la barre latérale d'Unfold. Doit rester synchronisée avec la classe `w-[var(--adelie-sidebar)]` de templates/admin/nav_sidebar.html. Le point de rupture, lui, est le même que celui d'adelie_admin.css. */ --adelie-sidebar: 288px; } /* ── Modales ─────────────────────────────────────────────────────────────── */ /* Voile de fond. La modale est en `fixed inset-0` : sans décalage, elle recouvrirait la barre latérale sur grand écran. */ .adelie-modal { z-index: 9999; background-color: rgb(0 0 0 / 0.5); } /* Variante plus contrastée, pour les modales de saisie (frais, documents). */ .adelie-modal--flou { background-color: rgb(0 0 0 / 0.6); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } @media (min-width: 1024px) { .adelie-modal { left: var(--adelie-sidebar); } } /* Boîte : contenu en colonne, pour qu'un corps scrollable puisse s'étirer entre un en-tête et un pied fixes. La largeur ET la hauteur maximales restent des classes Tailwind du gabarit (`max-w-[34rem] max-h-[85vh]`), volontairement : ce fichier est chargé APRÈS les utilitaires, une valeur posée ici écraserait celle du gabarit. */ .adelie-modal-box { width: 100%; display: flex; flex-direction: column; /* La boîte est elle-même un élément flex du voile. Sans `min-width: 0`, son `min-width: auto` implicite l'empêche de descendre sous la largeur min-content de son contenu : un