/* La feuille de gauche de la carte, au bureau (Henri, 18/10/2026 : « améliore l'interface de la carte, la sidebar de
   gauche est pas terrible »). Relevé sur la fiche de AE 709 (Baie-Mahault) à 1440 × 900 :
   · largeur figée (31 vw, 420 à 500 px) alors que ses barres latérales se règlent à la main (règle d'Henri) ;
   · la croix « fermer » collée au bord droit de la feuille (426 + 36 = 462 px, le bord même) ;
   · le titre de la fiche en 28 px, hors de l'échelle de src/feuille.css (20 px) ;
   · en défilant, les onglets Prix, Ventes, Règles… partaient avec le texte : on perdait où l'on était ;
   · les estimations : des cartes encadrées dans le panneau encadré, notes en 15 px, longues à lire.
   carte.js est gelé : rien n'y change, tout passe ici et par src/feuille-largeur.js (poignée, hauteur de l'en-tête). */
@media (min-width: 900px) {
  /* 1. La largeur : la poignée du bord droit la règle (360 à 720 px), retenue d'une visite à l'autre */
  html[data-theme] .page-app :is(.feuille, .haut) { width: var(--feuille-l, clamp(420px, 31vw, 500px)); }
  html[data-theme] .page-app .fl-poignee { position: absolute; z-index: 7; top: 18px; bottom: 18px; right: 0; width: 10px; cursor: ew-resize; touch-action: none; }
  html[data-theme] .page-app .fl-poignee::after { content: ''; position: absolute; top: 50%; right: 3px; width: 4px; height: 36px; margin-top: -18px; border-radius: var(--r-fin); background: var(--i-trait, rgba(127, 127, 127, 0.3)); opacity: 0; transition: opacity 0.15s ease-out; }
  html[data-theme] .page-app .feuille:hover .fl-poignee::after, html[data-theme] .page-app .fl-poignee.fl-tire::after { opacity: 1; }
  html[data-theme] .page-app .fl-poignee.fl-tire::after { background: var(--i-encre-2, currentColor); }
  body.fl-glisse, body.fl-glisse * { cursor: ew-resize !important; user-select: none !important; }

  /* 2. En-tête de la fiche : la croix dans la marge ; un titre à l'échelle de la feuille */
  html[data-theme] .page-app .feuille .fiche-tete { padding-right: 18px; }
  html[data-theme] .page-app .feuille .fiche-tete .fiche-titre { font-size: var(--t-22); line-height: 1.2; letter-spacing: -0.02em; }

  /* 3. Les onglets de la fiche restent sous l'en-tête pendant le défilement (hauteur mesurée par src/feuille-largeur.js) */
  html[data-theme] .page-app .feuille .fiche-parcelle .volets { position: sticky; top: var(--fiche-tete-h, 78px); z-index: 2; margin-left: -18px; margin-right: -18px; padding: 6px 18px; background: var(--i-panneau, var(--surface-panneau)); }
  html[data-theme] .page-app .feuille.fl-volets-colles .fiche-parcelle .volets { box-shadow: 0 1px 0 var(--i-trait, rgba(127, 127, 127, 0.2)); }
}

/* 4. Les estimations : un fond léger au lieu d'un cadre, le montant en évidence, les explications en petit */
html[data-theme] .page-app .feuille-corps .estim { margin-top: 8px; padding: 12px 14px; border-radius: var(--r-moyen); box-shadow: none; background: var(--i-seg, var(--surface)); }
html[data-theme] .page-app .feuille-corps .estim .estim-titre { font-size: var(--t-13); font-weight: 500; color: var(--i-lib, var(--encre-3)); }
html[data-theme] .page-app .feuille-corps .estim .estim-valeur { margin: 2px 0 6px; font-size: var(--t-17); font-weight: 600; color: var(--i-encre, var(--encre)); }
html[data-theme] .page-app .feuille-corps .estim .estim-note { font-size: var(--t-13); line-height: 1.45; color: var(--i-lib, var(--encre-3)); }
html[data-theme] .page-app .feuille-corps .estim .estim-note + .estim-note { margin-top: 4px; }
@media (prefers-reduced-motion: reduce) { html[data-theme] .page-app .fl-poignee::after { transition: none; } }