/* interface/fenetres-communes.css — style commun des fenêtres (modèle : la fenêtre « Règles et relances »)

   RÈGLE POUR TOUTE FENÊTRE NOUVELLE OU MODIFIÉE (ordinateur) : elle adopte ce style, sans le refaire.
   - On écrit la fenêtre avec les classes communes : .modal > .modal-head (h2 + .modal-close),
     .modal-body, .modal-foot ; les champs dans un .field avec un .field-label ; les boutons
     .btn-ghost / .btn-primary / .btn-danger. Ce fichier leur donne leurs tailles.
   - Son propre fichier CSS ne règle que ce qui lui est propre (largeur, disposition, contenu
     particulier). Il ne repose jamais une police, une marge de tête, de corps ou de pied, une
     hauteur de champ ou une taille de bouton plus grandes que celles-ci.
   - Une rubrique de texte dans le corps : police de la fenêtre (--card-font-size) ; notes et aides
     plus petites (8,5 à 9 px × taille) ; titres de groupe en 9 px gras.
   Valeurs : celles de la fenêtre Règles (fonctions/regles/regles.css), en px × --ui-scale-factor.

   Spécificité basse exprès (:where) et chargé tard (après regles.css) : ce fichier l'emporte sur les
   valeurs d'origine d'interface/fenetres.css, et une fenêtre qui a une vraie exception la pose
   avec un sélecteur plus précis dans son propre fichier.
   Téléphone (html.mode-telephone) exclu : ses fenêtres ont leurs propres tailles au doigt (champs à
   16 px, sinon iOS zoome), dans fonctions/telephone/. */
:root{
 --fenetre-police:var(--card-font-size);
 --fenetre-tete-marge:calc(7.5px * var(--ui-scale-factor)) calc(9px * var(--ui-scale-factor)) calc(6px * var(--ui-scale-factor));
 --fenetre-corps-marge:calc(8px * var(--ui-scale-factor)) calc(10px * var(--ui-scale-factor));
 --fenetre-corps-ecart:calc(8px * var(--ui-scale-factor));
 --fenetre-pied-marge:calc(6px * var(--ui-scale-factor)) calc(10px * var(--ui-scale-factor)) calc(8px * var(--ui-scale-factor));
 --fenetre-libelle-police:calc(8px * var(--ui-scale-factor));
 --fenetre-champ-police:calc(10px * var(--ui-scale-factor));
 --fenetre-champ-marge:calc(5px * var(--ui-scale-factor)) calc(6.5px * var(--ui-scale-factor));
 --fenetre-champ-hauteur:calc(23.5px * var(--ui-scale-factor));
 --fenetre-champ-arrondi:calc(5px * var(--ui-scale-factor));
}
:where(html:not(.mode-telephone)) :where(.modal){font-size:var(--fenetre-police);}
:where(html:not(.mode-telephone)) :where(.modal) > .modal-head{padding:var(--fenetre-tete-marge);}
:where(html:not(.mode-telephone)) :where(.modal) > .modal-head h2{font-size:var(--fenetre-police);}
:where(html:not(.mode-telephone)) :where(.modal) > .modal-body{padding:var(--fenetre-corps-marge);gap:var(--fenetre-corps-ecart);}
:where(html:not(.mode-telephone)) :where(.modal) > .modal-foot{padding:var(--fenetre-pied-marge);}
:where(html:not(.mode-telephone)) :where(.modal) .field-label{font-size:var(--fenetre-libelle-police);margin-bottom:calc(3px * var(--ui-scale-factor));}
:where(html:not(.mode-telephone)) :where(.modal) .field :is(input:is([type=text],[type=date],[type=number],[type=email],[type=password],[type=url],:not([type])),textarea,select){
 font-size:var(--fenetre-champ-police);padding:var(--fenetre-champ-marge);border-radius:var(--fenetre-champ-arrondi);
}
/* Champ date : même hauteur qu'un champ texte ; hauteur de ligne explicite et place à droite pour l'icône
   du calendrier (voir interface/fenetres.css : Firefox la rognait). */
:where(html:not(.mode-telephone)) :where(.modal) .field input[type=date]{
 min-height:var(--fenetre-champ-hauteur);line-height:calc(13px * var(--ui-scale-factor));
 padding-top:calc(4.25px * var(--ui-scale-factor));padding-bottom:calc(4.25px * var(--ui-scale-factor));padding-right:calc(22px * var(--ui-scale-factor));
}
/* Sélecteur d'étiquettes (pastilles.js) : hauteur d'un champ. */
:where(html:not(.mode-telephone)) :where(.modal) .label-dropdown-toggle{
 min-height:var(--fenetre-champ-hauteur);font-size:calc(9.5px * var(--ui-scale-factor));
 padding:calc(3px * var(--ui-scale-factor)) calc(24px * var(--ui-scale-factor)) calc(3px * var(--ui-scale-factor)) calc(6.5px * var(--ui-scale-factor));
}
:where(html:not(.mode-telephone)) :where(.modal) .label-dropdown-caret{top:calc(7px * var(--ui-scale-factor));}