/* Les pop-up du LiDAR à la souris (Henri, 30/10/2026 : « largeur pas terrible et taille de bouton et typo pas adaptée à
   l'application ») : depuis l'épure du 30/10, le bureau gardait les dimensions du doigt (lignes de 48 px, fermeture de 44, texte
   de 15 px, fenêtres de 420 à 640 px). Ici, les mesures de l'application : boutons --h-bouton, lignes de 30 px, texte de 13 px,
   titres de 14 px. Le tactile (iPad compris) garde ses cibles de 44 px. */
@media (min-width: 900px) and (pointer: fine) {
  /* les boutons de l'écran */
  html[data-theme] .page-app .tp .tq-quitter { height: var(--h-bouton); padding: 0 10px 0 8px; font-size: var(--t-13); font-weight: 500; }
  html[data-theme] .page-app .tp :is(.tpi-rond, .tpi-outil) { width: var(--h-bouton); height: var(--h-bouton); min-width: 0; min-height: 0; }
  html[data-theme] .page-app .tp .tpo-couleur { height: var(--h-bouton); padding: 0 8px 0 10px; font-size: var(--t-13); font-weight: 400; }
  html[data-theme] .page-app .tp .tpi-titre { height: var(--h-onglet); padding: 0 12px; }
  html[data-theme] .page-app .tp .tpi-titre b { font-size: var(--t-13); }
  html[data-theme] .page-app .tp .tpi-titre small { font-size: var(--t-11); }
  html[data-theme] .page-app .tp .tpi-feuille { padding: 8px 12px; }
  /* Outils */
  html[data-theme] .page-app .tp .tpo-feuille { width: 300px; }
  html[data-theme] .page-app .tp .tpo-tete { padding: 8px 6px 2px 14px; }
  html[data-theme] .page-app .tp .tpo-tete b { font-size: var(--t-14); }
  html[data-theme] .page-app .tp .tpo-x { width: 28px; height: 28px; }
  html[data-theme] .page-app .tp .tpo-x svg { width: 12px; height: 12px; }
  html[data-theme] .page-app .tp .tpo-corps { padding: 0 8px 8px; }
  html[data-theme] .page-app .tp .tpo-groupe { margin: 10px 6px 4px; }
  html[data-theme] .page-app .tp .tpo-liste { border-radius: var(--r-moyen); }
  html[data-theme] .page-app .tp .tpo-ligne { gap: 8px; min-height: 30px; padding: 4px 8px; font-size: var(--t-13); }
  html[data-theme] .page-app .tp .tpo-ligne:hover { background: rgb(var(--tp-v) / .06); }
  html[data-theme] .page-app .tp .tpo-ic { width: 16px; }
  html[data-theme] .page-app .tp .tpo-ic svg { width: 14px; height: 14px; }
  html[data-theme] .page-app .tp .tpo-chev svg { width: 11px; height: 11px; }
  html[data-theme] .page-app .tp .tpo-inter { width: 28px; height: 16px; }
  html[data-theme] .page-app .tp .tpo-inter::after { top: 2px; left: 2px; width: 12px; height: 12px; }
  html[data-theme] .page-app .tp .tpo-ligne[aria-checked="true"] .tpo-inter::after { transform: translateX(12px); }
  /* Couleur des points */
  html[data-theme] .page-app .tp .tpo-menu:not([hidden]) { width: 260px; padding: 4px; }
  html[data-theme] .page-app .tp .tpo-menu button { min-height: 30px; padding: 4px 8px 4px 26px; font-size: var(--t-13); }
  html[data-theme] .page-app .tp .tpo-menu button:hover { background: rgb(var(--tp-v) / .08); }
  /* Calques : assez large pour ne plus couper les noms, et toute la hauteur disponible */
  html[data-theme] .page-app .tp .tp-bloc-calques { width: 300px; max-height: calc(100vh - 170px); padding: 8px; }
  html[data-theme] .page-app .tp .tp-bloc-calques .tpi-lib { padding-left: 6px; }
  html[data-theme] .page-app .tp .tp-calques { gap: 0; }
  html[data-theme] .page-app .tp .tp-calques > label { min-height: 30px; column-gap: 8px; padding: 0 6px; font-size: var(--t-13); }
  html[data-theme] .page-app .tp .tp-calques > label:hover { background: rgb(var(--tp-v) / .06); }
  html[data-theme] .page-app .tp .tp-calques .tpv-op { min-height: 26px; padding-left: 58px !important; font-size: var(--t-12); }
  /* Homogène avec l'application (Henri, 31/10/2026 : « trop gros, typo non conformes, boutons pas homogènes ») : les boutons au
     rayon commun, plus de chiffres géants ni de maigre, le curseur à la taille de ceux des filtres, la barre sans poignée de téléphone */
  html[data-theme] .page-app .tp { font-family: var(--police); }
  html[data-theme] .page-app .tp :is(.tq-quitter, .tpi-rond, .tpi-titre, .tpo-couleur) { border-radius: var(--r-bouton); }
  html[data-theme] .page-app .tp :is(.tpi-gros, .tpi-feuille .tpi-gros) { font-size: var(--t-17); }
  html[data-theme] .page-app .tp .tpi-gros small { margin-left: 3px; font-size: var(--t-12); }
  html[data-theme] .page-app .tp .tpi-quatre dd { font-size: var(--t-13); }
  html[data-theme] .page-app .tp .tp-z { margin: 2px 0 6px; font-size: var(--t-17); font-weight: 500; }
  html[data-theme] .page-app .tp .tpi-feuille { border-radius: var(--r-carte); }
  html[data-theme] .page-app .tp .tpi-poignee { display: none; }
  html[data-theme] .page-app .tp input[type="range"]::-webkit-slider-thumb { width: 12px; height: 12px; margin-top: -4.5px; }
  html[data-theme] .page-app .tp input[type="range"]::-moz-range-thumb { width: 12px; height: 12px; }
  /* Le point touché et la mesure : un panneau à droite, de la largeur des autres, plus une bande sur toute la fenêtre */
  html[data-theme] .page-app .tp :is(.tp-info, .tp-mesure):not([hidden]) { position: absolute; left: auto; right: 64px; top: 56px; bottom: auto; width: 300px; max-width: none; max-height: calc(100% - 180px); overflow-y: auto; padding: 10px 12px; border-radius: var(--r-carte); }
  html[data-theme] .page-app .tp .tp-m-actions { gap: 6px; }
  /* Densité : les quatre choix sur une ligne chacun, sans cartes hautes */
  html[data-theme] .page-app .tp .tpp { width: 420px; padding: 12px; }
  html[data-theme] .page-app .tp .tpp-tete b { font-size: var(--t-14); }
  html[data-theme] .page-app .tp .tpp-carte { min-height: 0; padding: 8px; gap: 1px; }
  html[data-theme] .page-app .tp .tpp-carte b { font-size: var(--t-13); margin: 0; }
  html[data-theme] .page-app .tp .tpp-carte small { margin-top: 2px; }
  /* Cadrage et Export */
  html[data-theme] .page-app .tp .tp-gauche { width: 420px; }
  html[data-theme] .page-app .tp .tpe { width: 380px; }
  html[data-theme] .page-app .tp .tpe-tete h2 { font-size: var(--t-14); }
}
/* le tableau des actes du rapport : largeurs fixées, il tient dans la page (src/parc-transactions.js, src/foncier-zone.js) */
.fz-table.fz-actes { table-layout: fixed; width: 100%; }
.fz-table.fz-actes .num { white-space: normal; }
.fz-table.fz-actes :is(th, td) { padding-left: 4px; padding-right: 4px; font-size: .72rem; }
.fz-table.fz-actes :is(th, td):nth-child(1) { width: 13%; white-space: nowrap; }
.fz-table.fz-actes :is(th, td):nth-child(2) { width: 7%; white-space: nowrap; }
.fz-table.fz-actes :is(th, td):nth-child(3) { width: 11%; }
.fz-table.fz-actes :is(th, td):nth-child(4) { width: 11%; }
.fz-table.fz-actes :is(th, td):nth-child(5) { width: 19%; }
.fz-table.fz-actes :is(th, td):nth-child(6) { width: 9%; }
.fz-table.fz-actes :is(th, td):nth-child(7) { width: 5%; }
.fz-table.fz-actes :is(th, td):nth-child(8) { width: 11%; }
.fz-table.fz-actes :is(th, td):nth-child(9) { width: 14%; }
.tp .tp-info dl.tp-h-lignes { display: grid; grid-template-columns: 1fr auto; column-gap: 12px; font-variant-numeric: tabular-nums; }
.tp .tp-h-lignes dt { color: rgb(var(--tp-v) / 0.5); }
.tp .tp-h-lignes dd { margin: 0; text-align: right; }
.tp .tp-scene .tp-info dl.tp-h-lignes :is(dt, dd) { display: block; }