/* fonctions/etiquettes/gestionnaire.css — fenêtres Étiquettes et fiche carte (compléments)
   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ÊTRES ÉTIQUETTES ET FICHE CARTE (compléments) ================= */
 .labels-manager .modal-head{padding:calc(7.5px * var(--ui-scale-factor)) calc(9px * var(--ui-scale-factor)) calc(6px * var(--ui-scale-factor));}
 .labels-manager .modal-head h2{font-size:var(--card-font-size);}
 .labels-manager .modal-body{max-height:calc(90vh - calc(75px * var(--ui-scale-factor)));overflow-y:auto;gap:calc(6px * var(--ui-scale-factor));padding:calc(7.5px * var(--ui-scale-factor)) calc(9px * var(--ui-scale-factor));}
 .labels-manager .label-help{margin:0;font-size:calc(var(--card-font-size) - calc(1px * var(--ui-scale-factor)));line-height:1.4;color:var(--text-faint);}
 .labels-manager #labelRows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(3px * var(--ui-scale-factor));align-content:start;max-height:min(calc(162px * var(--ui-scale-factor)),30vh);overflow-y:auto;padding:calc(1.5px * var(--ui-scale-factor));}
 .labels-manager .label-row{position:relative;min-width:0;gap:0;padding:calc(1px * var(--ui-scale-factor));border:calc(1px * var(--ui-scale-factor)) solid transparent;border-radius:calc(4.5px * var(--ui-scale-factor));margin:0;cursor:pointer;}
 /* Étiquette sélectionnée : simple liseré blanc, comme les étiquettes cochées d'une carte. */
 .labels-manager .label-row.is-active{border-color:#fff;box-shadow:0 0 0 calc(1px * var(--ui-scale-factor)) rgba(255,255,255,.18);}
 .labels-manager .label-row input{flex:1 1 0;min-width:0;width:0;height:calc(16.5px * var(--ui-scale-factor));padding:0 calc(18px * var(--ui-scale-factor)) 0 calc(4.5px * var(--ui-scale-factor));font-size:calc(var(--card-font-size) - calc(2px * var(--ui-scale-factor)));line-height:1;border-radius:calc(3px * var(--ui-scale-factor));text-overflow:ellipsis;}
 /* Survol / focus clavier : pastille sombre cerclée de blanc + léger agrandissement. */
 .labels-manager .label-row .label-delete-btn:hover,
 .labels-manager .label-row .label-delete-btn:focus-visible{
 opacity:1; background:rgba(0,0,0,.5);
 box-shadow:0 0 0 calc(1px * var(--ui-scale-factor)) rgba(255,255,255,.7);
 transform:translateY(-50%) scale(1.15);
 }
 .labels-manager .label-manager-actions{display:flex;align-items:center;margin:0;}
 .labels-manager .label-new-btn{
 width:100%;display:flex;align-items:center;justify-content:center;gap:calc(5.25px * var(--ui-scale-factor));
 padding:calc(5.25px * var(--ui-scale-factor)) calc(7.5px * var(--ui-scale-factor));border-style:dashed;color:var(--text);background:rgba(255,255,255,.025);
 font-size:var(--card-font-size);transition:border-color .14s ease,background-color .14s ease,transform .14s ease;
 }
 .labels-manager .label-new-btn:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);}
 .labels-manager .label-new-btn:active{transform:translateY(calc(1px * var(--ui-scale-factor)));}
 .labels-manager .label-new-icon{font-size:calc(12px * var(--ui-scale-factor));font-weight:700;line-height:1;color:var(--accent);}
 .labels-manager .field-label{margin-bottom:calc(3px * var(--ui-scale-factor));font-size:calc(8px * var(--ui-scale-factor));overflow-wrap:anywhere;}
 .labels-manager .modal-foot{justify-content:center;padding:calc(4.5px * var(--ui-scale-factor)) calc(9px * var(--ui-scale-factor)) calc(7.5px * var(--ui-scale-factor));gap:calc(4.5px * var(--ui-scale-factor));}
 .labels-manager .label-close-btn{min-width:calc(72px * var(--ui-scale-factor));padding:calc(4.5px * var(--ui-scale-factor)) calc(9.75px * var(--ui-scale-factor));font-size:var(--card-font-size);}
 .labels-manager button:focus-visible{outline:calc(1.5px * var(--ui-scale-factor)) solid var(--accent);outline-offset:calc(1.5px * var(--ui-scale-factor));}
/* Fenêtres de création de carte : structure compacte */
.add-card-modal .modal-head h2{
  font-size:calc(11px * var(--ui-scale-factor));
}
.add-card-modal .modal-body{
  max-height:72vh;
  overflow:hidden;
  padding:calc(7.5px * var(--ui-scale-factor)) calc(10.5px * var(--ui-scale-factor));
}
.add-card-modal .add-card-columns{
  align-items:start;
  grid-template-columns:calc(210px * var(--ui-scale-factor)) calc(270px * var(--ui-scale-factor));
  gap:calc(12px * var(--ui-scale-factor));
}
.add-card-modal textarea{
  resize:none;
}
.add-card-modal #newListCardTitle,
.add-card-modal #agendaNewCardTitle,
.add-card-modal #cardTitleInput{
  height:calc(39px * var(--ui-scale-factor));
  min-height:calc(39px * var(--ui-scale-factor));
}
.add-card-modal .swatch-row{
  gap:calc(2.25px * var(--ui-scale-factor));
}
/* Grilles des éditeurs de cartes. */

/* Contraintes minimales des colonnes et des titres. */
:where(.add-card-modal) .add-card-left{
  min-width:calc(225px * var(--ui-scale-factor));
}
:where(.add-card-modal) .add-card-right{
  min-width:calc(270px * var(--ui-scale-factor));
}
/* Le titre est un champ court : pas de redimensionnement manuel. */
.add-card-modal textarea[id*="Title"],
.card-detail-modal textarea#cardTitleInput{
  resize:none;
  min-height:calc(60px * var(--ui-scale-factor));
  max-height:calc(60px * var(--ui-scale-factor));
}
/* Densité des champs et commandes des cartes. */
.add-card-modal{max-width:calc(615px * var(--ui-scale-factor));}
.add-card-modal .modal-head{padding:calc(7.5px * var(--ui-scale-factor)) calc(10.5px * var(--ui-scale-factor)) calc(6px * var(--ui-scale-factor));}
.add-card-modal .modal-body{gap:calc(7.5px * var(--ui-scale-factor));}
.add-card-modal .modal-foot{padding:calc(6px * var(--ui-scale-factor)) calc(10.5px * var(--ui-scale-factor)) calc(7.5px * var(--ui-scale-factor));}
.add-card-modal .field-label{margin-bottom:calc(3px * var(--ui-scale-factor));font-size:calc(8px * var(--ui-scale-factor));}
.add-card-modal .field textarea#newListCardTitle,
.add-card-modal .field textarea#agendaNewCardTitle,
.add-card-modal .field textarea#cardTitleInput{height:calc(33px * var(--ui-scale-factor));min-height:calc(33px * var(--ui-scale-factor));max-height:calc(33px * var(--ui-scale-factor));resize:none;}
:where(.add-card-modal) .desc-format-toolbar{margin-top:calc(3px * var(--ui-scale-factor));}