/* Fenêtres réglables (src/fenetres.js) : largeur du panneau des réglages, hauteur de la carte.
   Les variables ne s'appliquent qu'au bureau ; sans elles, chaque fenêtre garde ses mesures. */
.pg-poignee { display: none; }
@media (min-width: 900px) {
  .pg[data-reglable] > .pg-appli { position: relative; }
  .pg[data-reglable][style*="--pg-largeur"] > .pg-appli { grid-template-columns: var(--pg-largeur) minmax(0, 1fr); }
  .pg[data-reglable] .fc-plateau { position: relative; }
  .pg[data-reglable][style*="--pg-carte"] .fc-plateau { grid-template-rows: var(--pg-carte) minmax(0, 1fr); }
  .pg-poignee { display: block; position: absolute; z-index: 6; touch-action: none; }
  /* placées par src/fenetres.js sur le bord droit du panneau, sur le bas de la carte */
  .pg-poignee-x { top: 0; bottom: 0; width: 10px; cursor: col-resize; }
  .pg-poignee-y { left: 0; right: 0; height: 10px; cursor: row-resize; }
  .pg-poignee::after { content: ''; position: absolute; background: transparent; transition: background 0.15s; }
  .pg-poignee-x::after { top: 0; bottom: 0; left: 4px; width: 2px; }
  .pg-poignee-y::after { left: 0; right: 0; top: 4px; height: 2px; }
  .pg-poignee:hover::after, .pg-poignee:focus-visible::after, .pg-tire-x .pg-poignee-x::after, .pg-tire-y .pg-poignee-y::after { background: var(--accent); }
  .pg-poignee:focus-visible { outline: none; }
  /* Henri, 09/10/2026 : « améliore le slide vertical ». La poignée se voit au repos (une pastille
     au milieu du bord), et les barres de défilement des panneaux sont fines, détachées des coins
     arrondis, plus nettes au survol. */
  .pg-pastille { position: absolute; z-index: 1; border-radius: var(--r-fin); background: var(--filet-2, rgba(128, 128, 128, 0.45)); pointer-events: none; transition: background 0.15s; }
  .pg-poignee-y .pg-pastille { left: 50%; top: 3px; width: 40px; height: 4px; margin-left: -20px; }
  .pg-poignee-x .pg-pastille { top: 50%; left: 3px; width: 4px; height: 40px; margin-top: -20px; }
  .pg-poignee:hover .pg-pastille, .pg-poignee:focus-visible .pg-pastille, .pg-tire-x .pg-poignee-x .pg-pastille, .pg-tire-y .pg-poignee-y .pg-pastille { background: var(--accent); }
  .pg-tire-x, .pg-tire-x * { user-select: none; cursor: col-resize !important; }
  .pg-tire-y, .pg-tire-y * { user-select: none; cursor: row-resize !important; }
}

/* Les barres de défilement des fenêtres (bureau) : Chrome et Safari ignorent ::-webkit-scrollbar
   dès que scrollbar-width est posé (src/instrument.css le pose) : on le retire chez eux seulement. */
@media (min-width: 900px) {
  @supports selector(::-webkit-scrollbar) {
    .page-app .pg :is(.pg-reglages, .fc-resultats, .pg-plateau, .fc-table-cadre) { scrollbar-width: auto; scrollbar-color: auto; }
    .pg :is(.pg-reglages, .fc-resultats, .pg-plateau, .fc-table-cadre)::-webkit-scrollbar { width: 12px; height: 12px; }
    .pg :is(.pg-reglages, .fc-resultats, .pg-plateau, .fc-table-cadre)::-webkit-scrollbar-track { background: transparent; margin: 12px 0; }
    .pg :is(.pg-reglages, .fc-resultats, .pg-plateau, .fc-table-cadre)::-webkit-scrollbar-thumb { min-height: 40px; border: 4px solid transparent; border-radius: var(--r-pastille); background: var(--filet-2, rgba(128, 128, 128, 0.4)) padding-box; }
    .pg :is(.pg-reglages, .fc-resultats, .pg-plateau, .fc-table-cadre)::-webkit-scrollbar-thumb:hover { border-width: 3px; background-color: var(--encre-3); }
    .pg :is(.pg-reglages, .fc-resultats, .pg-plateau, .fc-table-cadre)::-webkit-scrollbar-corner { background: transparent; }
  }
}