/* Les parcelles les plus échangées (src/echanges.js) : le reste vient des classes pm et pc */
.ec-detail { margin: 0 0 14px; padding: 12px; border-radius: var(--r-carte); background: var(--survol); }
.ec-detail-tete { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0 0 10px; }
.ec-detail-tete span { color: var(--encre-3); font-size: var(--t-14); }
.ec-detail-tete .bouton { margin-left: auto; }
.ec-detail .mu-liste { max-height: 340px; overflow-y: auto; }
.ec .fc-table .rf-pastille { margin-right: 6px; }
/* cinq biens : sur deux lignes, sans déborder du panneau */
/* (la règle des segments d'instrument.css pose une colonne par bouton : on la surclasse) */
:is(html, html[data-theme]) :is(.page-app, body) .ec .ec-biens .pg-seg { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-flow: row; }
:is(html, html[data-theme]) :is(.page-app, body) .ec .ec-biens .pg-seg > button { min-width: 0; padding: 0 4px; }
/* Le résumé des chiffres : au téléphone seulement (la ligne compacte ci-dessous) */
.ec .ec-resume { display: none; }
@media (max-width: 899px) {
  /* Une parcelle en trois lignes au lieu d'une fiche de dix cases (Henri, 08/10/2026 : « trop de vide ») :
     rang | parcelle            ventes
          | commune             Fiche
          | appartements · maisons · … · dernière · cumul
     Poids : la disposition en cartes de parc-mobile.css porte sur .pc .pm-table, (0,4,2) */
  .pg.ec.ec .pm-table tbody tr { grid-template-columns: 28px minmax(0, 1fr) auto; gap: 2px 10px; padding: 10px 0; align-items: baseline; }
  .pg.ec .pm-table tbody :is(td, th) { display: none; height: auto; min-height: 0; line-height: 1.35; }
  .pg.ec.ec .pm-table tbody tr { min-height: 0; height: auto; }
  .pg.ec .pm-table tbody :is(td, th)::before { display: none; }
  .pg.ec .pm-table tbody .ec-rang { display: block; grid-column: 1; grid-row: 1 / 3; color: var(--encre-3); font-variant-numeric: tabular-nums; }
  .pg.ec .pm-table tbody .ec-parc { display: block; grid-column: 2; grid-row: 1; font-size: 1rem; font-weight: 600; color: var(--encre); }
  .pg.ec .pm-table tbody .ec-n { display: block; grid-column: 3; grid-row: 1; text-align: right; }
  .pg.ec .pm-table tbody .ec-n::after { content: " ventes"; font-weight: 400; color: var(--encre-3); }
  .pg.ec .pm-table tbody .ec-com { display: block; grid-column: 2; grid-row: 2; font-size: var(--t-14); font-weight: 400; color: var(--encre-2); }
  .pg.ec .pm-table tbody .ec-fiche { display: block; grid-column: 3; grid-row: 2 / 4; align-self: center; }
  .pg.ec .pm-table tbody .ec-fiche .pm-fiche { min-height: 44px; min-width: 64px; }
  .pg.ec .pm-table tbody .ec-resume { display: block; grid-column: 2; grid-row: 3; font-size: var(--t-13); line-height: 1.4; color: var(--encre-3); }
}