/* fonctions/modeles-checklists/modeles.css — fenêtre « Checklists types » (modeles.js) et message « checklist ajoutée »
   Le téléphone a ses panneaux du bas (telephone/modeles-telephone.js, styles dans telephone.css). */
.modal.modeles-modal{width:min(calc(560px * var(--ui-scale-factor)),calc(100vw - calc(18px * var(--ui-scale-factor))));max-width:none;}
.modeles-modal .modal-body{gap:calc(9px * var(--ui-scale-factor));}
.modeles-intro{margin:0;font-size:calc(10px * var(--ui-scale-factor));line-height:1.5;color:var(--text-dim);}
.modeles-panneaux{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:calc(12px * var(--ui-scale-factor));min-height:calc(260px * var(--ui-scale-factor));}
.modeles-liste{display:flex;flex-direction:column;gap:calc(8px * var(--ui-scale-factor));padding-right:calc(10px * var(--ui-scale-factor));border-right:calc(1px * var(--ui-scale-factor)) solid var(--border-soft);min-width:0;}
.modeles-groupe{display:flex;flex-direction:column;gap:calc(2px * var(--ui-scale-factor));}
.modeles-groupe-titre{display:flex;align-items:center;gap:calc(5px * var(--ui-scale-factor));font-size:calc(9px * var(--ui-scale-factor));font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:calc(2px * var(--ui-scale-factor));min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.modeles-groupe-titre i,.checklist-types-titre i{flex:none;width:round(calc(8px * var(--ui-scale-factor)),1px);height:round(calc(8px * var(--ui-scale-factor)),1px);border-radius:50%;background:var(--c);}
.modeles-item{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;text-align:left;border:0;background:transparent;color:var(--text);font:inherit;cursor:pointer;
 padding:calc(5px * var(--ui-scale-factor)) calc(7px * var(--ui-scale-factor));border-radius:calc(5.25px * var(--ui-scale-factor));}
.modeles-item:hover{background:var(--surface-2);}
.modeles-item.actif{background:var(--surface-3);box-shadow:inset calc(2px * var(--ui-scale-factor)) 0 0 var(--accent);}
.modeles-item-nom{font-size:calc(11px * var(--ui-scale-factor));font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.modeles-item small{font-size:calc(9px * var(--ui-scale-factor));color:var(--text-faint);}
.modeles-auto{font-weight:700;color:var(--accent);}
.modeles-vide{margin:0;font-size:calc(10px * var(--ui-scale-factor));color:var(--text-faint);}
.modeles-nouveau{align-self:flex-start;}
.modeles-editeur{display:flex;flex-direction:column;gap:calc(9px * var(--ui-scale-factor));min-width:0;}
.modeles-editeur .field{display:block;margin:0;}
.modeles-editeur select{width:100%;background:var(--surface-3);border:calc(1px * var(--ui-scale-factor)) solid var(--border);border-radius:calc(5.25px * var(--ui-scale-factor));color:var(--text);font:inherit;font-size:calc(11px * var(--ui-scale-factor));padding:calc(5.5px * var(--ui-scale-factor)) calc(6px * var(--ui-scale-factor));}
.modeles-editeur textarea.modeles-lignes{min-height:calc(140px * var(--ui-scale-factor));line-height:1.55;resize:vertical;}
.modeles-compte{text-transform:none;letter-spacing:0;font-weight:600;}
.modeles-auto-ligne{display:flex;align-items:flex-start;gap:calc(7px * var(--ui-scale-factor));font-size:calc(10.5px * var(--ui-scale-factor));line-height:1.45;color:var(--text-dim);cursor:pointer;
 padding:calc(7px * var(--ui-scale-factor)) calc(8px * var(--ui-scale-factor));border-radius:calc(5.25px * var(--ui-scale-factor));background:var(--surface-2);}
.modeles-auto-ligne b{color:var(--text);}
.modeles-auto-ligne input{flex:none;margin:calc(2px * var(--ui-scale-factor)) 0 0;accent-color:var(--accent);width:round(calc(13px * var(--ui-scale-factor)),1px);height:round(calc(13px * var(--ui-scale-factor)),1px);}
.modeles-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:calc(6px * var(--ui-scale-factor));}
.modeles-actions .btn-ghost:disabled{opacity:.55;cursor:default;}
.modeles-avertissement{margin:calc(-4px * var(--ui-scale-factor)) 0 0;font-size:calc(9.5px * var(--ui-scale-factor));color:var(--remind,#e9a23b);}
.modeles-avertissement[hidden]{display:none;}
.modeles-message{margin:0;min-height:1em;font-size:calc(9.5px * var(--ui-scale-factor));color:var(--text-dim);}
.modeles-note{font-size:calc(9px * var(--ui-scale-factor));color:var(--text-faint);}
.modeles-accueil{display:flex;flex-direction:column;gap:calc(8px * var(--ui-scale-factor));font-size:calc(10.5px * var(--ui-scale-factor));line-height:1.5;color:var(--text-dim);
 padding:calc(10px * var(--ui-scale-factor)) calc(12px * var(--ui-scale-factor));border-radius:calc(7px * var(--ui-scale-factor));background:var(--surface-2);}
.modeles-accueil b{color:var(--text);font-size:calc(11px * var(--ui-scale-factor));}
.modeles-accueil ol{margin:0;padding-left:calc(16px * var(--ui-scale-factor));display:grid;gap:calc(4px * var(--ui-scale-factor));}
.modeles-accueil .modeles-nouveau{margin-top:calc(2px * var(--ui-scale-factor));}
@media (max-width:640px){
 .modeles-panneaux{grid-template-columns:1fr;}
 .modeles-liste{padding:0 0 calc(10px * var(--ui-scale-factor));border-right:0;border-bottom:calc(1px * var(--ui-scale-factor)) solid var(--border-soft);}
}
/* Options d'une liste : checklists automatiques */
.list-modeles-noms{display:block;margin-bottom:calc(5px * var(--ui-scale-factor));font-size:calc(10px * var(--ui-scale-factor));line-height:1.45;color:var(--text-dim);}

/* Message « Checklist « Devis » ajoutée à … » (Retirer, ×) */
.modeles-toast{position:fixed;left:50%;bottom:calc(18px * var(--ui-scale-factor) + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:3500;display:flex;align-items:center;gap:calc(8px * var(--ui-scale-factor));
 max-width:calc(100vw - 24px);padding:calc(7px * var(--ui-scale-factor)) calc(8px * var(--ui-scale-factor)) calc(7px * var(--ui-scale-factor)) calc(12px * var(--ui-scale-factor));
 background:var(--surface);color:var(--text);border:calc(1px * var(--ui-scale-factor)) solid var(--border);border-radius:calc(8px * var(--ui-scale-factor));box-shadow:0 calc(10px * var(--ui-scale-factor)) calc(30px * var(--ui-scale-factor)) rgba(0,0,0,.45);
 font-size:calc(10.5px * var(--ui-scale-factor));animation:modelesToast .2s ease;}
.modeles-toast[hidden]{display:none;}
.modeles-toast-texte{min-width:0;overflow-wrap:anywhere;}
.modeles-toast .btn-ghost{flex:none;}
@keyframes modelesToast{from{opacity:0;transform:translate(-50%,8px);}to{opacity:1;transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){ .modeles-toast{animation:none;} }
html.mode-telephone .modeles-toast{left:12px;right:12px;transform:none;max-width:none;bottom:calc(64px + env(safe-area-inset-bottom,0px));padding:10px 10px 10px 16px;border-radius:18px;font-size:14px;gap:10px;animation:none;}
/* Fiche ouverte : le message passe en haut, il ne cache ni ses boutons ni le menu des checklists types. */
html.mode-telephone body:has(#overlay:not(.hidden)) .modeles-toast{bottom:auto;top:calc(12px + env(safe-area-inset-top,0px));}
html.mode-telephone .modeles-toast .btn-ghost{font-size:14px;padding:8px 14px;border-radius:18px;}
html.mode-telephone .modeles-toast .modal-close{font-size:22px;padding:4px 8px;}