/* La vue « Sociétés » de l'onglet Propriétaires (src/parc-societes.js), agence seulement. Henri, 23/10/2026 : le schéma
   « comme ça » (boîtes empilées, flèches, titre en gras, ligne en gris, cadres arrondis sobres). Les tableaux, notes,
   phrase de prudence et listes de situation sont ceux de la vue Valeur (.fc-table, .pv-limites, .pv-sit, .pm-aide) ; ici :
   les parties, le cadre défilant des schémas, les fiches et la certitude. Aucune couleur d'interface : le SVG prend les
   jetons du thème (--i-encre, --i-lib, --i-trait, --i-panneau), lisible au clair et au sombre. */
.pc .ps { display: flex; flex-direction: column; gap: 12px; min-width: 0; container-type: inline-size; }
.pc .ps .num { margin: 0; letter-spacing: 0; font-size: inherit; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pc .ps-partie { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding-top: 12px; border-top: 1px solid var(--i-trait, var(--filet)); }
.pc .ps-partie > h3 { margin: 0; font-size: var(--t-14); font-weight: 600; color: var(--i-encre, var(--encre)); }
.pc .ps-partie > h3 small { margin-left: 6px; font-size: var(--t-11); font-weight: 400; color: var(--i-lib, var(--encre-3)); }
/* le schéma et la frise : à leur taille, défilant de côté dans leur cadre au téléphone (jamais la page) */
.pc .ps-schema { overflow-x: auto; overscroll-behavior-x: contain; padding: 10px; border-radius: var(--r-moyen); box-shadow: inset 0 0 0 1px var(--i-trait, var(--filet)); background: var(--i-panneau, var(--surface)); }
.pc .ps-schema svg { display: block; width: 100%; height: auto; }
.pc .ps-communs, .pc .ps-liste { list-style: none; margin: 0; padding: 0; }
.pc .ps-communs li { padding: 6px 0; border-bottom: 1px solid var(--i-trait, var(--filet)); font-size: var(--t-13); color: var(--i-encre-2, var(--encre-2)); }
.pc .ps-communs li b { font-weight: 600; color: var(--i-encre, var(--encre)); }
.pc .ps-communs small { display: block; margin-top: 2px; font-size: var(--t-11); color: var(--i-lib, var(--encre-3)); }
/* la certitude d'un rapprochement : un mot dans un cadre, plein (probable) ou en pointillés (à vérifier) */
.pc .ps-certitude { display: inline-block; margin-left: 6px; padding: 0 6px; border-radius: var(--r-bouton); font-size: var(--t-11); line-height: 16px; box-shadow: inset 0 0 0 1px var(--i-encre-2, var(--encre-2)); color: var(--i-encre, var(--encre)); }
.pc .ps-certitude[data-c="à vérifier"] { box-shadow: none; outline: 1px dashed var(--i-lib, var(--encre-3)); outline-offset: -1px; color: var(--i-encre-2, var(--encre-2)); }
/* les fiches : une colonne au téléphone, deux en largeur */
.pc .ps-fiches { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
@container (min-width: 760px) { .pc .ps-fiches { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.pc .ps-fiche { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 12px; border-radius: var(--r-carte); box-shadow: inset 0 0 0 1px var(--i-trait, var(--filet)); }
.pc .ps-fiche-titre { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 0; font-size: var(--t-14); }
.pc .ps-fiche-titre b { font-weight: 600; color: var(--i-encre, var(--encre)); }
.pc .ps-fiche-titre a, .pc .ps-liste a { font-size: var(--t-12); color: var(--i-encre-2, var(--encre-2)); }
.pc .ps-fiche .pv-sit { margin: 0; }
.pc .ps-sous { margin: 4px 0 0; font-size: var(--t-12); font-weight: 600; color: var(--i-encre, var(--encre)); }
.pc .ps-sous small { margin-left: 4px; font-weight: 400; color: var(--i-lib, var(--encre-3)); }
.pc .ps-liste li { padding: 4px 0; border-bottom: 1px solid var(--i-trait, var(--filet)); font-size: var(--t-12); line-height: 1.4; color: var(--i-encre-2, var(--encre-2)); }
.pc .ps-liste li:last-child { border-bottom: 0; }
.pc .ps-liste b { font-weight: 500; color: var(--i-encre, var(--encre)); }
.pc .ps-liste small { display: block; font-size: var(--t-11); color: var(--i-lib, var(--encre-3)); }
/* les dates clés : une liste en trois colonnes (date, parcelle, événement) ; sous 520 px, date et parcelle sur une ligne,
   l'événement dessous ; une ligne touchée montre la parcelle sur la carte */
.pc .ps-evenements { list-style: none; margin: 0; padding: 0; font-size: var(--t-13); }
.pc .ps-evenements li { display: grid; grid-template-columns: 76px minmax(72px, 104px) minmax(0, 1fr); column-gap: 10px; padding: 8px 4px; border-bottom: 1px solid var(--i-trait, var(--filet)); cursor: pointer; line-height: 1.4; }
.pc .ps-evenements li:hover, .pc .ps-evenements li:focus-visible { background: var(--i-survol, var(--survol)); }
.pc .ps-date { font-variant-numeric: tabular-nums; color: var(--i-encre, var(--encre)); }
.pc .ps-parcelle { min-width: 0; color: var(--i-encre, var(--encre)); }
.pc :is(.ps-parcelle, .ps-detail) small { display: block; margin-top: 1px; font-size: var(--t-11); color: var(--i-lib, var(--encre-3)); }
.pc .ps-detail { min-width: 0; color: var(--i-encre-2, var(--encre-2)); overflow-wrap: anywhere; }
.pc .ps-detail b { font-weight: 600; color: var(--i-encre, var(--encre)); }
.pc .ps-detail .ps-verifier { margin-top: 3px; color: var(--i-encre-2, var(--encre-2)); }
@container (max-width: 520px) {
  .pc .ps-evenements li { grid-template-columns: auto minmax(0, 1fr); row-gap: 3px; }
  .pc .ps-evenements .ps-parcelle small { display: inline; margin-left: 6px; }
  .pc .ps-evenements .ps-detail { grid-column: 1 / -1; }
}
.pc .ps-actes > li { cursor: pointer; }
/* la plus-value : une carte par acte, quatre chiffres en grille, ce qu'il faut vérifier dessous */
.pc .ps-actes { display: flex; flex-direction: column; gap: 8px; list-style: none; margin: 0; padding: 0; }
.pc .ps-actes > li { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px; border-radius: var(--r-moyen); box-shadow: inset 0 0 0 1px var(--i-trait, var(--filet)); }
.pc .ps-actes > li[data-statut="calculée"] { box-shadow: inset 0 0 0 1px var(--i-encre-2, var(--encre-2)); }
.pc .ps-acte-tete { margin: 0; font-size: var(--t-13); }
.pc .ps-acte-tete b { font-weight: 600; color: var(--i-encre, var(--encre)); }
.pc .ps-acte-tete small { margin-left: 8px; font-size: var(--t-11); color: var(--i-lib, var(--encre-3)); }
.pc .ps-chiffres { display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 6px 12px; margin: 0; }
.pc .ps-chiffres dt { font-size: var(--t-11); color: var(--i-lib, var(--encre-3)); }
.pc .ps-chiffres dd { margin: 1px 0 0; font-size: var(--t-13); color: var(--i-encre, var(--encre)); white-space: normal; }
.pc .ps-chiffres .ps-pv dd { font-weight: 600; }
.pc .ps-chiffres dd small { display: block; font-size: var(--t-11); font-weight: 400; color: var(--i-encre-2, var(--encre-2)); }
.pc .ps-actes .ps-verifier { margin: 0; font-size: var(--t-12); line-height: 1.4; color: var(--i-encre-2, var(--encre-2)); }
.pc .ps-total { margin: 0; font-size: var(--t-13); color: var(--i-encre-2, var(--encre-2)); }
.pc .ps-total b { font-weight: 600; color: var(--i-encre, var(--encre)); }

/* Organigramme 1.1 : taille réelle par défaut, vue globale à la demande. */
.pc .ps-schema-outils { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: var(--t-12); color: var(--i-lib, var(--encre-3)); }
.pc .ps-organigramme { max-height: 65vh; overflow: auto; }
.pc .ps-zoom { display: inline-flex; gap: 2px; }
.pc .ps-zoom .bouton { min-width: 30px; min-height: 30px; padding: 0 8px; }
.pc .ps-schema-outils output { min-width: 42px; font-variant-numeric: tabular-nums; color: var(--i-encre, var(--encre)); }
.pc .ps-organigramme { touch-action: pan-x pan-y; } /* le pincement au doigt zoome le schéma, pas la page */
.pc .ps-organigramme.ps-zoome { cursor: grab; }
.pc .ps-organigramme.ps-glisse { cursor: grabbing; user-select: none; }
.pc .ps-organigramme:focus-visible { outline: 2px solid var(--i-encre, var(--encre)); outline-offset: 2px; }
