/* Les ventes d'une parcelle, mutation par mutation (src/mutations.js). Couleurs : la gamme des
 * types de biens de la carte (IMMO_COULEURS_TYPES, src/carte.js) */
.mu-resume { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 10px; }
.mu-puce { display: inline-flex; align-items: center; gap: 6px; min-height: 26px; padding: 0 10px; border-radius: var(--r-rond); background: var(--survol); font-size: var(--t-13); color: var(--encre-2); }
.mu-puce::before, .mu-liste li::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--mu-c, var(--encre-3)); flex: none; }
.mu-appartement { --mu-c: #8FCBF0; }
.mu-maison { --mu-c: #1F56B8; }
.mu-activite { --mu-c: #6B7483; }
.mu-terrain { --mu-c: #FEFEFE; }
.mu-liste { list-style: none; margin: 0; padding: 0; border-radius: var(--r-carte); box-shadow: 0 0 0 1px var(--filet); background: var(--surface); overflow: hidden; }
.mu-liste li { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; column-gap: 10px; row-gap: 2px; align-items: baseline; padding: 10px 14px; }
.mu-liste li + li { border-top: 1px solid var(--filet); }
.mu-liste li::before { grid-row: 1 / 4; align-self: center; }
.mu-date { font-weight: 600; font-size: var(--t-14); }
.mu-prix { font-weight: 600; font-size: var(--t-14); font-variant-numeric: tabular-nums; text-align: right; }
.mu-nature { grid-column: 2; font-size: var(--t-13); color: var(--encre-3); }
.mu-m2 { grid-column: 3; font-size: var(--t-13); color: var(--encre-3); text-align: right; font-variant-numeric: tabular-nums; }
.mu-detail { grid-column: 2 / 4; font-size: var(--t-13); color: var(--encre-2); }
.mu-parties { grid-column: 2 / 4; display: flex; flex-direction: column; gap: 2px; margin-top: 4px; font-size: var(--t-13); color: var(--encre-2); }
.mu-parties b { font-weight: 600; color: var(--encre); }
.mu-plus { margin: 8px 0 0; }
.mu-plus > summary { display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; font-size: var(--t-14); font-weight: 600; cursor: pointer; color: var(--encre); }
.mu-plus[open] > summary { margin-bottom: 8px; }
/* Les pastilles du résumé filtrent la liste : des boutons */
button.mu-puce { border: 0; font: inherit; font-size: var(--t-13); cursor: pointer; min-height: 26px; }
button.mu-puce:hover { color: var(--encre); }
button.mu-puce[aria-pressed="true"] { background: var(--encre); color: var(--fond); }
button.mu-puce:focus-visible { outline: 2px solid var(--encre); outline-offset: 2px; }
.mu-tous::before { display: none; }
/* L'analyse (abonnés et équipe 91STUDIO) */
.mu-analyse { margin: 0 0 14px; padding: 14px; border-radius: var(--r-carte); box-shadow: 0 0 0 1px var(--filet); background: var(--surface); }
.mu-analyse h4 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; margin: 0 0 10px; font-size: var(--t-15); }
.mu-reserve { display: inline-flex; align-items: center; min-height: 22px; padding: 0 9px; border-radius: var(--r-rond); background: var(--survol); font-size: var(--t-12); font-weight: 600; color: var(--encre-2); }
.mu-tuiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; margin: 0 0 12px; }
.mu-tuiles p { margin: 0; font-size: var(--t-12); color: var(--encre-3); }
.mu-tuiles b { display: block; font-size: var(--t-17); font-variant-numeric: tabular-nums; }
.mu-tuiles small { font-size: var(--t-12); color: var(--encre-3); }
.mu-graphe { margin: 10px 0 0; }
.mu-graphe figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 10px; font-size: var(--t-13); font-weight: 600; margin: 0 0 4px; }
.mu-graphe svg { display: block; width: 100%; height: auto; overflow: visible; }
.mu-graphe text { font-size: var(--t-10); fill: var(--encre-3); font-variant-numeric: tabular-nums; }
.mu-axe { stroke: var(--filet-2, var(--filet)); stroke-width: 1; }
.mu-grille { stroke: var(--filet); stroke-width: 1; stroke-dasharray: 2 3; }
.mu-barre { fill: var(--mu-c, var(--encre-3)); }
.mu-ligne-ici { fill: none; stroke: var(--encre); stroke-width: 2; stroke-linejoin: round; }
.mu-ligne-com { fill: none; stroke: var(--encre-3); stroke-width: 2; stroke-dasharray: 5 4; }
.mu-point { fill: var(--mu-c, var(--encre)); stroke: var(--surface); stroke-width: 2; }
.mu-legende { display: inline-flex; align-items: center; gap: 6px; font-weight: 400; color: var(--encre-3); font-size: var(--t-12); }
.mu-legende i { display: inline-block; width: 16px; height: 0; border-top: 2px solid var(--encre); }
.mu-legende i.mu-l-com { border-top: 2px dashed var(--encre-3); margin-left: 6px; }
.mu-analyse .pm-aide, .volet-corps .mu-liste ~ .pm-aide { margin: 10px 0 0; font-size: var(--t-12); line-height: 1.45; color: var(--encre-3); }