/* fonctions/cartes/fiche-champs.css — ajouts de l'audit à la fiche et à « Nouvelle carte » (ordinateur)
   Ligne d'état sous le titre (E1), note de relance (B6), montant (M1), contact repliable (M3), modèles (M5),
   rangée d'actions du pied (I4), menu « Déplacer vers » de la fiche. Chargé avant telephone.css ; au téléphone,
   la fiche du bas (fiche-telephone.js) reste telle quelle : ces ajouts y sont cachés. */

/* Ligne d'état : « En retard de 3 jours · à relancer aujourd’hui » */
.card-editor-modal .fiche-etat{margin:calc(5px * var(--ui-scale-factor)) 0 0;font-size:calc(10.5px * var(--ui-scale-factor));font-weight:600;line-height:1.35;color:var(--text-muted);}
.card-editor-modal .fiche-etat[hidden]{display:none;}
.fiche-etat .fiche-etat-retard{color:#ff6b6b;}
.fiche-etat .fiche-etat-proche{color:#f0b429;}
.fiche-etat .fiche-etat-fini{color:#3ecf72;}
.fiche-etat .fiche-etat-info{color:var(--text-muted);}
.fiche-etat .fiche-etat-sep{color:var(--text-muted);font-weight:700;}

/* Note de relance, sous la date */
.card-editor-modal .fiche-note-relance{margin-top:calc(4px * var(--ui-scale-factor));width:100%;box-sizing:border-box;}
.card-editor-modal .fiche-note-relance:disabled{opacity:.55;}

/* Montant : champ et unité */
.montant-saisie{position:relative;display:flex;align-items:center;}
.card-editor-modal .montant-saisie input{width:100%;box-sizing:border-box;padding-right:calc(22px * var(--ui-scale-factor));font-variant-numeric:tabular-nums;}
.montant-unite{position:absolute;right:calc(8px * var(--ui-scale-factor));color:var(--text-faint);pointer-events:none;font-size:calc(10.5px * var(--ui-scale-factor));}
.montant-saisie input[aria-invalid="true"]{border-color:#ff6b6b !important;}
.montant-aide{margin:calc(3px * var(--ui-scale-factor)) 0 0;color:#ff8a8a;font-size:calc(9.5px * var(--ui-scale-factor));}
.montant-aide[hidden]{display:none;}

/* Contact repliable */
.fiche-contact > summary{display:flex;align-items:baseline;gap:calc(8px * var(--ui-scale-factor));cursor:pointer;list-style:none;}
.fiche-contact > summary::-webkit-details-marker{display:none;}
.fiche-contact > summary::before{content:'▸';color:var(--text-faint);font-size:calc(9px * var(--ui-scale-factor));transition:transform .12s ease;}
.fiche-contact[open] > summary::before{transform:rotate(90deg);}
.fiche-contact > summary .field-label{margin-bottom:0;}
.fiche-contact-resume{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:calc(10px * var(--ui-scale-factor));}
.fiche-contact[open] .fiche-contact-resume{display:none;}
.fiche-contact-champs{display:grid;grid-template-columns:auto minmax(0,1fr);gap:calc(4px * var(--ui-scale-factor)) calc(8px * var(--ui-scale-factor));align-items:center;margin-top:calc(5px * var(--ui-scale-factor));}
.fiche-contact-ligne{color:var(--text-muted);font-size:calc(10px * var(--ui-scale-factor));}
.fiche-contact-valeur{display:flex;align-items:center;gap:calc(6px * var(--ui-scale-factor));min-width:0;}
.card-editor-modal .fiche-contact-valeur :is(input,textarea){flex:1 1 auto;min-width:0;width:100%;box-sizing:border-box;}
.card-editor-modal .fiche-contact .fiche-contact-valeur textarea{min-height:calc(42px * var(--ui-scale-factor));height:calc(42px * var(--ui-scale-factor));font-size:calc(11px * var(--ui-scale-factor));line-height:1.35;resize:vertical;}
.fiche-contact-lien{flex:none;color:var(--accent);font-size:calc(10px * var(--ui-scale-factor));font-weight:600;text-decoration:none;}
.fiche-contact-lien:hover{text-decoration:underline;}
.fiche-contact-lien[hidden]{display:none;}

/* Enregistrer comme modèle */
.fiche-modele-form{display:flex;flex-wrap:wrap;gap:calc(5px * var(--ui-scale-factor));align-items:center;}
.fiche-modele-form[hidden]{display:none;}
.card-editor-modal .fiche-modele-form input{flex:1 1 calc(120px * var(--ui-scale-factor));min-width:0;}
.fiche-modele-aide{flex-basis:100%;margin:0;color:var(--text-faint);font-size:calc(9.5px * var(--ui-scale-factor));line-height:1.35;}
.fiche-modele [data-modele-ouvrir][hidden]{display:none;}

/* « Nouvelle carte » : choix du modèle et sa gestion */
.nouvelle-carte-modele select{width:100%;box-sizing:border-box;}
.nouvelle-carte-modele-info{margin:calc(3px * var(--ui-scale-factor)) 0 0;color:var(--text-faint);font-size:calc(9.5px * var(--ui-scale-factor));}
.nouvelle-carte-modele-info:empty{display:none;}
.modeles-carte-gestion{margin-top:calc(5px * var(--ui-scale-factor));padding:calc(6px * var(--ui-scale-factor));border:calc(1px * var(--ui-scale-factor)) solid var(--border-soft);border-radius:calc(6px * var(--ui-scale-factor));background:var(--surface-2);}
.modeles-carte-gestion[hidden]{display:none;}
.modeles-carte-gestion ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(4px * var(--ui-scale-factor));}
.modeles-carte-gestion li{display:flex;gap:calc(5px * var(--ui-scale-factor));align-items:center;}
.modeles-carte-gestion input{flex:1 1 auto;min-width:0;}
.modeles-carte-gestion .danger{color:#ff8a8a;}
.card-editor-modal .field-clear-btn[data-modeles-gerer]:disabled,
.card-editor-modal .field-clear-btn[data-modeles-gerer][hidden]{visibility:hidden;}

/* Pied de la fiche : actions à gauche, Annuler / Valider à droite */
.card-detail-modal .modal-foot{gap:calc(8px * var(--ui-scale-factor));flex-wrap:wrap;}
.fiche-actions{display:flex;flex-wrap:wrap;gap:calc(4px * var(--ui-scale-factor));align-items:center;}
.fiche-validation{display:flex;gap:calc(6px * var(--ui-scale-factor));margin-left:auto;}
.card-detail-modal .fiche-action{display:inline-flex;align-items:center;gap:calc(5px * var(--ui-scale-factor));}
.card-detail-modal .fiche-action .ui-icon{width:calc(12px * var(--ui-scale-factor));height:calc(12px * var(--ui-scale-factor));flex:none;}
.card-detail-modal .fiche-action.danger{color:#ff8a8a;}
.card-detail-modal .fiche-action.danger:hover{border-color:rgba(255,107,107,.55);}

/* Menu « Déplacer vers » de la fiche, au-dessus de la fiche (menu-contextuel.css pour le reste) */
.card-menu.fiche-deplacer-menu{z-index:14000;}

/* Sur le tableau : montant et contact sous le titre de la carte, total sous le titre de la liste (infos-carte.js) */
.card-infos{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 calc(6px * var(--ui-scale-factor));margin-top:calc(2px * var(--ui-scale-factor));font-size:calc(9.5px * var(--ui-scale-factor));line-height:1.3;color:var(--text-muted);}
.card-infos .card-montant{font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;}
.card-infos .card-contact{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.card-infos .card-montant + .card-contact::before{content:'·';margin-right:calc(6px * var(--ui-scale-factor));color:var(--text-faint);}
.card.is-done .card-infos .card-montant{color:inherit;font-weight:600;text-decoration:line-through;}
.list-total{text-align:center;margin:calc(-2px * var(--ui-scale-factor)) 0 calc(4px * var(--ui-scale-factor));font-size:calc(10px * var(--ui-scale-factor));font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums;pointer-events:none;}

/* Téléphone : la fiche du bas garde sa forme (fiche-telephone.js) */
html.mode-telephone .card-editor-modal :is(.fiche-etat,.fiche-montant,.fiche-contact,.fiche-modele,.nouvelle-carte-modele){display:none !important;}

/* Nouvelle carte (ordinateur) : la couleur repliée raccourcit la colonne de droite ; la description garde
   la place de 10 lignes (même borne que fiche.css), au lieu de se contenter de la hauteur restante. */
@media (min-width:701px){
 .modal.card-editor-modal.add-card-modal .add-card-left .description-editor-field{min-height:min(28vh,calc(14.5em + calc(10.5px * var(--ui-scale-factor)) + calc(2px * var(--ui-scale-factor))));}
}