/* Le panneau d'export de la topo (src/topo-export.js) : à droite, par-dessus la vue, en verre fumé */
.tpe { position: absolute; z-index: 30; top: 16px; right: 16px; bottom: 16px; width: min(480px, calc(100vw - 16px)); display: flex; flex-direction: column; color: var(--tp-encre); box-shadow: inset 0 0 0 1px rgb(var(--tp-v) / 0.07), 0 10px 30px rgba(0, 0, 0, 0.35); }
.tpe-tete { display: flex; align-items: center; justify-content: space-between; padding: 12px 12px 6px 16px; }
.tpe-tete h2 { margin: 0; font-size: 16px; font-weight: 600; }
.tpe-corps { flex: 1; overflow: auto; padding: 0 16px 12px; }
.tpe-intro { margin: 0 0 12px; font-size: var(--t-13); line-height: 1.45; color: rgb(var(--tp-v) / 0.65); }
.tpe-ligne { display: grid; grid-template-columns: 128px 1fr; align-items: center; gap: 2px 10px; margin-bottom: 10px; font-size: var(--t-13); }
.tpe-ligne > small { grid-column: 2; font-size: var(--t-12); color: rgb(var(--tp-v) / 0.45); font-variant-numeric: tabular-nums; }
.tpe-ligne input[type="text"] { width: 100%; }
.tpe-seg { flex-wrap: wrap; background: rgb(var(--tp-v) / 0.06); border-radius: var(--r-bouton); padding: 2px; justify-self: start; }
.tpe-seg button { height: 28px; padding: 0 9px; font-size: var(--t-13); }
.tpe .tpi-lib { margin-top: 14px; }
.tpe-calques label { min-height: 32px; font-size: var(--t-13); }
.tpe-pied { padding: 12px 16px 14px; border-top: 1px solid rgb(var(--tp-v) / 0.08); display: grid; gap: 8px; }
.tpe-pied small { font-size: var(--t-12); color: rgb(var(--tp-v) / 0.5); font-variant-numeric: tabular-nums; }
.tpe-pied .bouton { width: 100%; }
.tpe-etat { margin: 0; font-size: var(--t-12); color: rgb(var(--tp-v) / 0.75); }
.tpe-etat:empty { display: none; }
.tpe-etat.tp-erreur { color: #E8A15A; }
@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 ») */ { .tpe { top: auto; left: 8px; right: 8px; bottom: calc(env(safe-area-inset-bottom) + 8px); width: auto; max-height: 86svh; z-index: 40; background: rgb(var(--tp-n) / 0.97); } .tpe-ligne { grid-template-columns: 1fr; } .tpe-ligne > small { grid-column: 1; } }