/* La fiche d'une parcelle, plus compacte (Henri, 11/10/2026 : « améliore la qualité de la sidebar »).
   Rien de neuf : les variables et les gabarits de la charte (src/instrument.css), resserrés pour cette
   fiche seulement. Les compléments de contenu sont posés par src/fiche-parcelle.js. */

/* 1. En-tête : le bouton « replier » traité comme « fermer » (même carré, même fond, même filet) */
html[data-theme] .page-app .feuille:has(.fiche-parcelle) .feuille-replier {
  width: var(--i-bouton); height: var(--i-bouton); border-radius: var(--r-bouton); background-color: var(--i-seg); box-shadow: var(--i-filet); color: var(--i-encre);
}
/* … à la même hauteur que « fermer », 8 px avant lui (mesuré : 4 px plus bas et 15 px plus loin) */
@media (min-width: 900px) {
  html[data-theme] .page-app .feuille:has(.fiche-parcelle) .feuille-replier { top: 18px; right: 55px; }
}

/* 2. Chiffres clés : un seul filet sous l'en-tête ; la zone rouge du PPRN dite par une pastille, pas par la graisse */
html[data-theme] .page-app .feuille .fiche-parcelle > .bande:first-child { border-top: 0; margin-top: 2px; }
html[data-theme] .page-app .feuille .fiche-parcelle .bande .pprn-rouge { display: inline-flex; align-items: center; gap: 6px; font-weight: inherit; color: inherit; }
html[data-theme] .page-app .feuille .fiche-parcelle .bande .pprn-rouge::before { content: ''; flex: none; width: 8px; height: 8px; border-radius: 50%; background: #E5484D; }
html[data-theme] .page-app .feuille .fiche-parcelle .bande .bande-note { white-space: normal; }

/* 3. Abords des monuments : une ligne d'état sous les chiffres, à la taille des libellés */
html[data-theme] .page-app .feuille-corps .fiche-parcelle .mh-abords { margin: 8px 0 0; padding: 0; border-top: 0; }
html[data-theme] .page-app .feuille-corps .fiche-parcelle .mh-abords p { font-size: var(--t-13); color: var(--i-lib); }
html[data-theme] .page-app .feuille-corps .fiche-parcelle .mh-abords p b { font-weight: 400; color: var(--i-lib); }
html[data-theme] .page-app .feuille-corps .fiche-parcelle .mh-abords p.note { font-size: var(--t-12); }

/* 5. Volets : une seule rangée, qui défile au doigt si elle ne tient pas */
html[data-theme] .page-app .feuille .fiche-parcelle .volets { display: flex; gap: 2px; margin: 12px 0 4px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
html[data-theme] .page-app .feuille .fiche-parcelle .volets::-webkit-scrollbar { display: none; }
html[data-theme] .page-app .feuille .fiche-parcelle .volets > .volet { flex: 1 0 auto; height: var(--i-ctrl); min-height: var(--i-ctrl); padding: 0 7px; font-size: var(--t-13); white-space: nowrap; }

/* 6. Carte d'une zone : moins de vide entre son en-tête et ses chiffres de base */
html[data-theme] .page-app .feuille-corps .fiche-parcelle .regle .feuille-section { margin: 12px 0 8px; padding-top: 12px; }

/* 7. Pied : une rangée d'actions de même hauteur ; l'action principale garde sa couleur, pas sa masse */
html[data-theme] .page-app :is(.feuille .actions-pied, .barre-fiche .actions-pied):has(.act-topo) { display: flex; flex-wrap: wrap; gap: 6px; }
html[data-theme] .page-app :is(.feuille .actions-pied, .barre-fiche .actions-pied):has(.act-topo) > :is(.bouton, .ent-suivre) { flex: 1 1 0; }
html[data-theme] .page-app :is(.feuille .actions-pied, .barre-fiche .actions-pied):has(.act-topo) :is(.bouton, .ent-suivre) { min-width: 0; height: var(--i-bouton); min-height: var(--i-bouton); margin: 0; padding: 0 8px; font-size: var(--t-13); overflow: hidden; text-overflow: ellipsis; }
html[data-theme] .page-app :is(.feuille .actions-pied, .barre-fiche .actions-pied):has(.act-topo) .ent-suivre { justify-content: center; gap: 6px; border-radius: var(--r-bouton); background-color: var(--champ); box-shadow: none; color: var(--i-encre); }
html[data-theme] .page-app :is(.feuille .actions-pied, .barre-fiche .actions-pied):has(.act-topo) .act-etudier { flex: 1 0 100%; margin: 0; font-size: var(--t-12); text-align: center; }
/* « Zone PLU » d'une parcelle à cheval : une zone par ligne, sa part en plus petit */
html[data-theme] .page-app .feuille .fiche-parcelle .bande .fp-zone-part { display: block; white-space: nowrap; }
html[data-theme] .page-app .feuille .fiche-parcelle .bande .fp-zone-part small { font-size: var(--t-13); color: var(--i-lib); }
