/* ═══════════════════════════════════════════════════════════════════════════
   L'ÉCRAN DE PLANNING, DANS LA CARTE DE LA SYNTHÈSE (14-09-2026, /jobs/440)
   ═══════════════════════════════════════════════════════════════════════════

   Trois places en une journée, et la troisième est celle d'Olivier : « le
   planning doit être dans la colonne de droite au-dessus de facturation
   prévue ». Il avait son propre onglet (`temps`), il est passé sous la carte,
   il est maintenant un GROUPE de la zone d'état — entre les jalons et
   l'échéancier.

   ⚠ POURQUOI UN FICHIER À LUI, ET PAS `airfact-custom.css` : ce dernier porte
   deux surcharges de `.dash-card-link` héritées, hors baseline, qui font sortir
   `ops/app-core-override-lint.php` en 1 — donc TOUT commit qui le stage est
   bloqué. Même décision, même motif, que `components/fournisseurs-a-faire.css`
   le 14-09 au matin.

   ⚠ LE RYTHME ET LE FILET SONT DÉJÀ PAYÉS. `.jv-zone > .jv-groupe` porte
   `margin-top` + `padding-top` + `border-top` : la fente est un groupe comme les
   autres, elle prend le trait de séparation de ses voisins sans une règle de
   plus. N'ajoutez ni marge ni bordure ici — il y en aurait DEUX.
   ⚠ ET LE PLAFOND DE LARGEUR AUSSI : `.jv-zone--etat` est bornée à 1 200 px.
   Le `max-width: 1560px` que ce fichier portait quand l'écran vivait SOUS la
   carte est parti avec lui — il ne mordait plus, et un plafond qui ne mord pas
   est un plafond qu'on croira lire. */

/* ── LA FENTE VIDE NE SE PEINT PAS ─────────────────────────────────────────
   Jumelle EXACTE de `#jobPrevisionnelWrap:empty`, et pour la même raison : tant
   que l'onglet n'a pas été ouvert — ou sur une affaire dont le tenant n'a pas
   Plan — la fente reste vide, et un `.jv-groupe` vide peint quand même son filet
   et ses 24 px de rembourrage. Un trait qui ne sépare rien est un trait qu'on
   remarque. */
#jobPlanningSlot:empty { display: none; }

/* L'ANCRE DE LA JAUGE « HEURES POINTÉES ».
   Elle vit dans la colonne de GAUCHE et pointe sur cette fente, qui est dans
   celle de DROITE : à deux colonnes le saut ne fait presque rien, à UNE colonne
   il traverse toute la carte — et c'est là qu'il sert. `scroll-margin-top` lui
   évite d'atterrir sous la barre du haut, qui est collante. */
#jobPlanningSlot { scroll-margin-top: var(--space-6); }

/* ── L'ÉCRAN NE DÉBORDE PAS DE SA COLONNE ─────────────────────────────────
   Il vivait dans un onglet pleine largeur ; il tient maintenant dans une colonne
   bornée à 1 200 px, et sur un portable dans une carte d'une seule colonne. Ses
   deux tableaux (le bilan par phase, la chronologie par fonction) et sa bande de
   charge sont les seuls blocs qui puissent demander plus — ils défilent chacun
   dans leur propre boîte plutôt que de pousser la carte.
   ⚠ `min-width: 0` EST LA MOITIÉ QUI COMPTE : un élément de flex/grid a
   `min-width: auto`, donc il ne rétrécit PAS sous son contenu — et un
   `overflow-x: auto` posé sur une boîte qui ne rétrécit jamais ne défile jamais.
   C'est le défaut mesuré sur `/api-docs` le 04-09 (3 172 px de débordement). */
#jobPlanningContent { min-width: 0; }
#jobPlanningContent .pl-chrono-hote,
#jobPlanningContent .pl-charge-bloc { min-width: 0; overflow-x: auto; }