/* Refonte D2 : sous-calques des ventes par type (src/d2-ventes.js) et légende du calque Prix au m² (src/d2-prix.js), dans le
 * panneau Couches. Typographie fine D2, pas de halo. */
.d2-sous { margin: 0 6px 8px 29px; }
.d2-sous-l { display: grid; grid-template-columns: 8px 1fr auto auto; align-items: center; gap: 8px; min-height: 28px; padding: 0 2px; border-radius: var(--r-bouton); cursor: pointer; font-size: var(--t-12); color: var(--texte); }
.d2-sous-l:hover { background: var(--survol); }
.d2-sous-l .pt { width: 7px; height: 7px; border-radius: 50%; box-shadow: 0 0 0 .5px rgba(12, 14, 18, .6); }
.d2-sous-l .nom { min-width: 0; }
.d2-sous-l em { font-style: normal; color: var(--attenue); font-variant-numeric: tabular-nums; font-size: var(--t-11); }
.d2-sous-l.eteinte .nom, .d2-sous-l.eteinte em { color: var(--discret, var(--attenue)); }
.d2-sous-l.eteinte .pt { opacity: .3; }
.d2-sous-note { margin: 4px 2px 0; font-size: var(--t-11); color: var(--attenue); line-height: 1.4; }

.d2-prix-leg { margin: 0 6px 10px 29px; }
.d2-seg button small { font-size: var(--t-10); color: inherit; opacity: .8; }
.d2-grad { height: 6px; margin: 12px 26px 0 0; border-radius: var(--r-fin); }
.d2-grad-ech { position: relative; height: 16px; margin: 3px 26px 0 0; font-size: var(--t-10); color: var(--attenue); font-variant-numeric: tabular-nums; }
.d2-grad-ech span { position: absolute; top: 0; transform: translateX(-50%); }
.d2-grad-ech span::before { content: ""; position: absolute; left: 50%; top: -7px; width: 1px; height: 4px; background: var(--filet-fort); }
.d2-grad-ech em { position: absolute; right: -26px; top: 0; font-style: normal; }
.d2-prix-ab { display: flex; align-items: center; gap: 7px; }
.d2-prix-bulle .d2-prix-z { color: var(--attenue); font-size: var(--t-11); margin: 0 0 4px; max-width: 240px; }

/* la bulle des zones de carte.js : remplacée en D2 par celle de src/d2-prix.js (même mode que le lavis) */
html.d2-on [data-info-zone] { display: none !important; }

@media (max-width: 899px) {
  .d2-sous-l { min-height: 40px; }
}

/* Qui vend à qui, dans le détail d'une vente (src/d2-vente-parties.js) : sociétés et dirigeants, abonnés. Typographie fine. */
.d2-vp { margin: 4px 0 14px; padding-top: 12px; border-top: 1px solid var(--filet, rgba(127, 127, 127, .22)); }
.d2-vp p.d2-vp-t { display: flex; align-items: center; gap: 7px; margin: 0 0 8px; font-size: var(--t-12, 12px); font-weight: 500; color: var(--attenue, inherit); }
.d2-vp-l { display: grid; grid-template-columns: 118px 1fr; gap: 10px; padding: 5px 0; font-size: var(--t-13, 13px); line-height: 1.4; }
.d2-vp-l > span:first-child { color: var(--attenue, inherit); font-size: var(--t-12, 12px); }
.d2-vp-l b { font-weight: 500; }
.d2-vp-l small, .d2-vp-nd { color: var(--attenue, inherit); font-size: var(--t-11, 11px); }
.d2-vp .dg { margin: 2px 0 8px 128px; font-size: var(--t-12, 12px); }
/* .d2-vp : passer devant « .page-app .feuille-corps :is(p, button…) » de feuille.css (0,3,0)
   les dirigeants (src/dirigeants.js) en typographie fine D2 dans ce bloc : la fiche de l'ancien style les écrivait en gras */
.d2-vp p.dg-titre { font-size: var(--t-11, 11px); font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--attenue, inherit); }
.d2-vp .dg-nom { font-weight: 500; font-size: var(--t-12, 12px); }
.d2-vp .dg-meta, .d2-vp p.dg-note { font-size: var(--t-11, 11px); line-height: 1.45; }
.d2-vp .dg button.pm-lien { min-height: 26px; font-size: var(--t-11, 11px); }
.d2-vp p.d2-vp-n, .d2-vp p.d2-vp-n { margin: 8px 0 0; font-size: var(--t-11, 11px); line-height: 1.45; color: var(--attenue, inherit); }
@media (max-width: 899px) { .d2-vp-l { grid-template-columns: 1fr; gap: 2px; } .d2-vp .dg { margin-left: 0; } }
/* Les pastilles de type des bandeaux de carte.js (style.css, gelé, garde l'ancienne gamme) : la gamme écartée d'Henri
 * (25/10/2026), en jetons de thème (src/jetons.css) */
.pastille.pastille-maison { background: var(--vente-maison); } .pastille.pastille-appartement { background: var(--vente-appartement); }
.pastille.pastille-terrain { background: var(--vente-terrain); } .pastille.pastille-local { background: var(--vente-local); }