/* ══ ch.499 — LE GABARIT DU CRM NE DÉPEND PLUS D'AUCUN JAVASCRIPT ═══════════════════════════
   ⛔⛔ POURQUOI CE FICHIER EXISTE — MESURÉ, ⛔ pas supposé.
   `index.html` construit toute sa structure avec des classes Tailwind (`flex h-screen`,
   `w-64`, `flex-1`…) qui étaient générées AU RUNTIME par un script chargé depuis un CDN
   EXTERNE. MESURÉ au ch.499, en bloquant cette seule requête, à 1280/1920/2560 px :
       sidebar 256 × 1400  →  2544 × 842      (elle cesse d'être une colonne)
       conteneur racine display:flex → block  (tout s'empile)
       #pageContent  x=256 → x=8              (le contenu part à gauche)
   ⇒ les CINQ symptômes signalés : menu absent · contenu à x=0 · avatars ovales ·
     corps replié à une lettre · boutons empilés. Et comme la ressource est EXTERNE,
     elle réussit parfois et échoue parfois : d'où une bascule INTERMITTENTE à largeur
     d'écran CONSTANTE, que ⛔ AUCUNE media query ne pouvait expliquer.

   ⛔ CE FICHIER NE CHANGE RIEN QUAND TOUT VA BIEN : il déclare EXACTEMENT les mêmes
      valeurs que Tailwind, et le style que Tailwind injecte arrive APRÈS dans la cascade.
      ⇒ à spécificité égale, Tailwind gagne. C'est un FILET, ⛔ pas une surcharge.
   ⛔ Il ne contient QUE les classes de STRUCTURE réellement présentes dans `index.html`
      (mesurées : flex 48× · flex-1 3× · overflow-y-auto 2× · overflow-hidden 2× ·
      flex-shrink-0 2× · flex-col 2× · w-64 1× · h-screen 1×).
      ⛔ Il ⛔ ne réimplémente PAS Tailwind, ⛔ ne touche à AUCUNE couleur, AUCUNE marge,
      AUCUNE typographie — le CRM sans Tailwind reste laid, mais il reste UTILISABLE.
   ⛔ ⛔ AUCUN `@media` ici : ce fichier est vrai à TOUTES les largeurs, exactement comme
      les utilitaires Tailwind qu'il double. Le responsive reste la propriété exclusive de
      `responsive.css` (invariant du ch.469 : desktop ≥1025px = AUCUNE règle). */

/* ⛔ Le RESET minimal — MESURÉ au ch.499 : sans Tailwind, le « preflight » qui pose
   `margin:0` sur `body` disparaît aussi, et toute la page se décale de 8 px.
   ⛔ C'est EXACTEMENT la déclaration du preflight Tailwind ⇒ aucun effet quand il est là.
   ⚠️ Attrapé par mon propre contrôle, qui exigeait la colonne à x=0 : il a rendu ⛔ sur un
      gabarit PRESQUE sain — l'exigence était juste, ⛔ pas le produit. */
body             { margin: 0; }

.flex            { display: flex; }
.flex-col        { flex-direction: column; }
.flex-1          { flex: 1 1 0%; }
.flex-shrink-0   { flex-shrink: 0; }
.h-screen        { height: 100vh; }
.w-64            { width: 16rem; }
.overflow-hidden { overflow: hidden; }
.overflow-y-auto { overflow-y: auto; }