/* Le panneau « Rechercher » (adresse ou parcelle cadastrale, src/carte.js rendreChercher) au style de la fiche D2
 * (Henri, 27/10/2026 : « recherche cadastre parcelle même style que le reste »). Mesuré sur la fiche D2 : titre 17 px
 * demi-gras, sous-titre atténué, croix sans fond de 26 px, onglets soulignés de 1,5 px, libellés 11 px, champs et
 * boutons de 30 px à 7 px d'arrondi. Le panneau garde son DOM et ses gestes ; seul le dessin change. */
body.page-app .feuille.d2-ancienne-fiche [data-vue] .fiche-tete { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 10px; }
body.page-app .feuille.d2-ancienne-fiche [data-vue] .fiche-titre { margin: 0; font: 600 var(--t-17)/1.25 var(--police); letter-spacing: -.01em; color: var(--encre); }
body.page-app .feuille.d2-ancienne-fiche [data-vue] .fiche-sous-titre { margin: 3px 0 0; font-size: var(--t-12); line-height: 1.4; color: var(--attenue); }
body.page-app .feuille.d2-ancienne-fiche [data-vue] .fiche-tete .fermer { flex: none; width: 26px; height: 26px; min-height: 0; margin: -2px -4px 0 auto; padding: 0; display: grid; place-items: center; border-radius: var(--r-bouton); background: none; box-shadow: none; color: var(--attenue); }
body.page-app .feuille.d2-ancienne-fiche [data-vue] .fiche-tete .fermer:hover { background: var(--survol); color: var(--encre); }
body.page-app .feuille.d2-ancienne-fiche [data-vue] .fiche-tete .fermer svg { width: 13px; height: 13px; }
/* le formulaire : libellés des chiffres clés, champs fins */
body.page-app .feuille.d2-ancienne-fiche .form-rech { gap: 10px 8px; }
body.page-app .feuille.d2-ancienne-fiche .form-rech label { font-size: var(--t-11); font-weight: 500; color: var(--attenue); gap: 4px; }
body.page-app .feuille.d2-ancienne-fiche .form-rech :is(input, select) { height: var(--h-bouton); min-height: var(--h-bouton); padding: 0 9px; border: 0; border-radius: var(--r-bouton); background-color: var(--champ); box-shadow: inset 0 0 0 1px var(--filet); font: 400 var(--t-13) var(--police); color: var(--encre); }
body.page-app .feuille.d2-ancienne-fiche .form-rech :is(input, select):focus-visible { outline: none; box-shadow: inset 0 0 0 1px var(--encre); }
body.page-app .feuille.d2-ancienne-fiche .form-rech :is(input, select):disabled { opacity: .5; }
body.page-app .feuille.d2-ancienne-fiche .form-rech [type="submit"] { height: var(--h-bouton); min-height: var(--h-bouton); padding: 0 14px; border: 0; border-radius: var(--r-bouton); background: var(--plein); color: var(--plein-texte); box-shadow: none; font: 500 var(--t-13) var(--police); }
body.page-app .feuille.d2-ancienne-fiche .form-rech [type="submit"]:disabled { opacity: .35; }
body.page-app .feuille.d2-ancienne-fiche [data-vue] .expl-corps > .note, body.page-app .feuille.d2-ancienne-fiche .form-rech + p { font-size: var(--t-12); color: var(--attenue); }
/* les listes du formulaire, remplacées au bureau par le menu du site (src/menu-liste.js) : même champ fin */
body.page-app .feuille.d2-ancienne-fiche .form-rech .ml-bouton { height: var(--h-bouton); min-height: var(--h-bouton); padding: 0 9px; border-radius: var(--r-bouton); background: var(--champ); box-shadow: inset 0 0 0 1px var(--filet); font: 400 var(--t-13) var(--police); color: var(--encre); }
@media (max-width: 899px) {
  /* au doigt : 44 px, et 16 px de texte (pas de zoom de Safari au focus) */
  body.page-app .feuille.d2-ancienne-fiche .form-rech :is(input, select), body.page-app .feuille.d2-ancienne-fiche .form-rech [type="submit"] { height: 44px; min-height: 44px; font-size: 16px; }
  body.page-app .feuille.d2-ancienne-fiche [data-vue] .fiche-tete .fermer { width: 44px; height: 44px; margin: -10px -12px 0 auto; }
}
