/* La découpe du nuage LiDAR (src/topo-decoupe.js) : panneau à côté des outils, boîte de coupe en surcouche */
.tpd-panneau { position: absolute; left: 76px; top: 50%; z-index: 6; transform: translateY(-50%); width: 248px; padding: 12px 12px 14px; color: var(--tp-creme); font-size: var(--t-13); }
.tpd-panneau[hidden] { display: none; }
.tpd-tete { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.tpd-tete b { font-weight: 600; font-size: var(--t-14); }
.tpd-seg { display: flex; width: 100%; }
.tpd-seg button { flex: 1; }
.tpd-texte { margin: 10px 0 0; line-height: 1.4; color: rgb(var(--tp-v) / 0.72); }
.tpd-ajuster { margin-top: 10px; width: 100%; }
.tpd-ajuster[hidden] { display: none; }
.tpi-outil.tpd-actif::after { content: ""; position: absolute; top: 7px; right: 7px; width: 5px; height: 5px; border-radius: 50%; background: var(--tp-creme); }
/* plus précis que « .tp svg » (icônes de 17 px) */
.tp svg.tpd-surcouche { position: absolute; inset: 0; width: 100%; height: 100%; stroke: none; z-index: 4; pointer-events: none; overflow: visible; }
.tpd-arete { stroke: rgb(var(--tp-v) / 0.85); stroke-width: 1.2; stroke-dasharray: 5 4; fill: none; }
.tpd-poignee { pointer-events: auto; cursor: grab; touch-action: none; }
.tpd-poignee circle { fill: var(--tp-creme); stroke: var(--tp-fond); stroke-width: 1.5; }
.tpd-poignee .tpd-cible { fill: transparent; stroke: none; }
.tpd-poignee.tpd-active circle:not(.tpd-cible), .tpd-poignee:hover circle:not(.tpd-cible) { fill: var(--tp-encre); stroke-width: 2.5; }
.tpd-rot circle:not(.tpd-cible) { fill: var(--tp-fond); stroke: var(--tp-creme); }
.tpd-fleche { fill: none; stroke: var(--tp-creme); stroke-width: 1.3; }
@media all /* la mise en page du téléphone, au bureau aussi (Henri, 30/10/2026 : « épure le lidar comme la version téléphonique ») */ {
  .tpd-panneau { left: 12px; right: 72px; top: auto; bottom: 180px; transform: none; width: auto; }
}
.tpd-vues { margin-top: 12px; }
.tpd-vues[hidden] { display: none; }
.tpd-vues span { display: block; margin-bottom: 6px; font-size: var(--t-11); font-weight: 500; color: rgb(var(--tp-v) / 0.6); }
.tpd-vues .tpd-seg button { flex: 1 1 0; min-width: 0; padding: 0 4px; font-size: var(--t-12); white-space: nowrap; }