/* ============================================================================
   ÉCRAN — PRÉVISION ET SCÉNARIOS (TRE-06)

   Feuille d'ÉCRAN. Préfixe .p6-, celui de la maquette de la passation
   (docs/modeles/design_handoff_easycompta, TRE-06).

   CE QUI N'EST PAS ICI : le rail d'onglets (.tbd-*, feuille de module
   css/easycompta-onglets.css), la vignette (.p6-fait / .p6-faits, dessinées par
   css/easycompta-vignette.css) et les fenêtres (.xp-*, css/easycompta-modal.css).
   Cette feuille pose la courbe hebdomadaire, les blocs de fiche, les curseurs de
   scénario et le petit tableau de détail d'une semaine.
   ========================================================================== */

.appgrid .p6-chip { display: inline-block; padding: 1px 7px; background: var(--et-surface-3); border: 1px solid var(--et-form-border); font-family: var(--et-font-mono); font-size: 12px; font-weight: 600; white-space: nowrap; }

.appgrid .p6-ligne { cursor: pointer; }
.appgrid .p6-ligne:hover { background: var(--et-surface-3); }

.appgrid .p6-titre { display: flex; align-items: center; gap: 9px; margin: 18px 0 4px; padding-bottom: 5px; border-bottom: 2px solid var(--et-filet-fort); }
.appgrid .p6-titre::before { content: ""; flex: none; width: 3px; height: 14px; background: var(--et-form-blue); }
.appgrid .p6-titre span { font-family: var(--et-font-mono); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; color: var(--et-table-head-encre); }

/* LA COURBE : des barres, pas une bibliothèque. Une colonne par semaine, la hauteur
   proportionnelle au solde projeté ; sous le seuil d'alerte elle passe en ambre, sous
   zéro en rouge — c'est la seule chose que le trésorier cherche du regard. */
.appgrid .p6-courbe { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); align-items: end; gap: 4px; height: 168px; padding: 12px; background: var(--et-surface); border: 1px solid var(--et-hairline); }
.appgrid .p6-col { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; height: 100%; gap: 4px; cursor: pointer; background: none; border: 0; padding: 0; }
.appgrid .p6-col:hover .p6-bar { filter: brightness(.92); }
.appgrid .p6-bar { width: 100%; background: var(--et-form-blue); }
.appgrid .p6-bar.bas { background: var(--et-avertissement); }
.appgrid .p6-bar.neg { background: var(--et-danger); }
.appgrid .p6-col span { font-family: var(--et-font-mono); font-size: 12px; color: var(--et-muted); white-space: nowrap; }
.appgrid .p6-col b { font-family: var(--et-font-mono); font-size: 12px; font-weight: 600; color: var(--et-ink); }

/* Blocs de fenêtre : même grammaire que les autres écrans du domaine. */
.appgrid .p6-paire { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px; }

.appgrid .p6-curseur { width: 100%; }

/* Sous 1024 px : deux colonnes de faits, une seule paire, et les cibles de la courbe
   gardent leur hauteur — une barre trop fine ne se vise pas au doigt. */
@media (max-width: 1024px) {
  .appgrid .p6-paire { grid-template-columns: minmax(0, 1fr); }
  .appgrid .p6-courbe { gap: 6px; }
  .appgrid .p6-col { min-width: 44px; }
}