/* Refonte D2 : la fenêtre de détection du décalage du cadastre (src/d2-decalage.js).
 * Fenêtre fine, taille fixe, sans halo ni ombre : fond plein du thème, filet fin. Tailles de texte fixes (jetons). */
.d2-dec { position: fixed; left: 0; top: 0; z-index: 30; width: 300px; box-sizing: border-box; padding: 9px 11px 9px; border-radius: var(--r-carte); background: var(--verre-plein); border: 1px solid var(--filet-fort); box-shadow: none; color: var(--texte); font-family: var(--police); font-size: var(--t-12); line-height: var(--interligne); letter-spacing: 0; }
.d2-dec[hidden] { display: none; }
.d2-dec-survol { pointer-events: none; }
.d2-dec-l1 { display: flex; align-items: flex-start; gap: 7px; font-size: var(--t-13); color: var(--encre); }
.d2-dec-l1 b { font-weight: 600; flex: 1; }
.d2-dec-l1 i { flex: none; width: 6px; height: 6px; margin-top: 6px; border-radius: 50%; background: var(--alerte); }
.d2-dec-l2 { margin: 3px 0 0 13px; color: var(--texte); }
.d2-dec-l3 { margin: 2px 0 0 13px; color: var(--attenue); font-size: var(--t-11); }
.d2-dec-x { flex: none; display: inline-grid; place-items: center; width: 20px; height: 20px; margin: -2px -4px 0 0; padding: 0; border: 0; border-radius: var(--r-pastille); background: none; color: var(--attenue); cursor: pointer; }
.d2-dec-x:hover { background: var(--survol); color: var(--encre); }
.d2-dec-x .i { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.6; }
/* téléphone : la pastille dans la feuille de la fiche */
.d2-dec-pastille { border: 0; font-family: inherit; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; padding: 2px 8px 2px 7px; border-radius: 20px; background: var(--champ); color: var(--texte); font-size: var(--t-11); font-weight: 500; line-height: 1.3; }
.d2-dec-pastille[hidden] { display: none; }
.d2-dec-pastille i { flex: none; width: 5px; height: 5px; border-radius: 50%; background: var(--alerte); }

/* le calque « Décalage du cadastre » dans le panneau Couches (src/d2-kp.js, src/calque-decalage.js) : sa légende de couches.js */
.d2-kp .d2f-leg-autre { display: block; }

/* la fenêtre de la parcelle ouverte, plus grande, avec le choix d'un seul cadastre (Henri, 25/10/2026) */
/* au centre de l'écran, au-dessus de la fiche et de la feuille du téléphone, avec le liseré (Henri, 27/10/2026) */
.d2-dec-haut { z-index: 75; width: min(380px, calc(100vw - 32px)); padding: 14px 16px 14px; pointer-events: auto; box-shadow: var(--verre-ombre, 0 8px 28px rgba(0, 0, 0, .25)); }
.d2-dec-haut .d2-dec-l1 { font-size: var(--t-14, 14px); }
.d2-dec-haut .d2-dec-l1 i { margin-top: 7px; }
.d2-dec-haut .d2-dec-l2 { margin-top: 5px; font-size: var(--t-13); }
.d2-dec-haut .d2-dec-l3 { font-size: var(--t-12); }
.d2-dec-choix { display: flex; gap: 8px; margin: 12px 0 0 13px; }
.d2-dec-choix .d2-bt { flex: 1; min-height: var(--h-bouton); }
.d2-dec-att { color: var(--attenue); font-size: var(--t-12); }
.d2-dec-choix .d2-bt:not(.prim) { box-shadow: inset 0 0 0 1px var(--filet-fort); }

/* téléphone : le même choix, sous la pastille de la fiche */
.d2-dec-tel[hidden] { display: none; }
.d2-dec-tel .d2-dec-choix { margin: 8px 0 0; }
.d2-dec-tel .d2-bt { min-height: 44px; }

/* au doigt : la croix à 44 px, les boutons du choix à 40 px */
@media (max-width: 899px) {
  .d2-dec-haut .d2-dec-x { width: 44px; height: 44px; margin: -12px -14px -10px 0; }
  .d2-dec-haut .d2-dec-choix { flex-direction: column; margin-left: 0; }
  .d2-dec-haut .d2-dec-choix .d2-bt { min-height: 44px; }
}
/* la fenêtre du décalage n'a de sens que sur la carte : cachée sous un rapport ouvert ou une fenêtre de l'espace foncier */
body.rapport-ouvert .d2-dec-haut, body:has(> .pg) .d2-dec-haut { display: none !important; }
