/* fonctions/listes/nouvelle-liste.css — fenêtre « Nouvelle liste »
   Extrait de styles.css à l'étape 8 du découpage. L'ordre de chargement (index.html) est celui
   de l'ancienne feuille : à spécificité égale, la dernière règle l'emporte (voir CARTE.md, CSS). */
/* ==== Fenêtre « Nouvelle liste » : même gabarit compact que Étiquettes ====
   Largeur calée sur la palette (384 px + 2 × 12 px de marge + bordures). */
.modal.add-list-modal, .modal.list-options-modal, .modal.import-modal{width:min(calc(307.5px * var(--ui-scale-factor)),calc(100vw - calc(18px * var(--ui-scale-factor))));max-width:none;}
/* Suite : ces règles l’emportent sur des styles génériques de même spécificité (champs, pastilles, fenêtres) ; elles doivent rester après eux. */
.modal.import-modal{width:min(calc(352.5px * var(--ui-scale-factor)),calc(100vw - calc(18px * var(--ui-scale-factor))));}
.add-list-modal .field input[type=text], .list-options-modal .field input[type=text]{padding:calc(5.25px * var(--ui-scale-factor)) calc(7.5px * var(--ui-scale-factor));font-size:calc(10px * var(--ui-scale-factor));}

/* ==== Fenêtre « Nouvelle liste » — suite (rapatriée de interface/surcharges.css à l’étape 8 : sans effet sur la cascade) ==== */
.add-list-modal .modal-head, .list-options-modal .modal-head, .import-modal .modal-head{padding:calc(7.5px * var(--ui-scale-factor)) calc(9px * var(--ui-scale-factor)) calc(6px * var(--ui-scale-factor));}
.add-list-modal .modal-body, .list-options-modal .modal-body, .import-modal .modal-body{padding:calc(9px * var(--ui-scale-factor));gap:calc(6px * var(--ui-scale-factor));max-height:none;overflow:visible;}
.add-list-modal .field-label, .list-options-modal .field-label, .import-modal .field-label{margin-bottom:calc(3px * var(--ui-scale-factor));}
.add-list-modal .modal-foot, .list-options-modal .modal-foot, .import-modal .modal-foot{padding:calc(6px * var(--ui-scale-factor)) calc(9px * var(--ui-scale-factor)) calc(7.5px * var(--ui-scale-factor));}