/* ============================================================================
   EasyCertif — Configuration › Modèle de facture (.cmf-*)
   ----------------------------------------------------------------------------
   Un bloc par type (factures, avoirs) ; dans chacun, une option par mise en page
   possible — l'origine (EasyTaxe) puis les modèles du studio —, à cliquer en entier.
   ============================================================================ */

.appgrid .cmf-bloc { margin-bottom: 12px; background: var(--et-surface); border: 1px solid var(--et-hairline); }
.appgrid .cmf-bloc-tete {
    display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-bottom: 1px solid var(--et-hairline);
    font-size: var(--et-fs-tete); font-weight: 700; color: var(--et-ink);
}
.appgrid .cmf-bloc-tete > i { color: var(--et-form-blue-encre); }

.appgrid .cmf-choix { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--et-options-gap); padding: 12px; }
.appgrid .cmf-option {
    display: flex; align-items: center; flex-wrap: wrap; gap: var(--et-coche-gap) 10px; padding: var(--et-option-py) var(--et-option-px); cursor: pointer;
    border: 1px solid var(--et-bord-champ); background: var(--et-surface);
}
.appgrid .cmf-option:hover { background: var(--et-survol); }
.appgrid .cmf-option.est-choisie { border-color: var(--et-form-blue); background: var(--et-tint); box-shadow: inset 3px 0 0 var(--et-form-blue); }
.appgrid .cmf-option:has(input:focus-visible) { outline: 2px solid var(--et-form-blue); outline-offset: 2px; }
.appgrid .cmf-option-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; font-size: 13px; color: var(--et-ink); }
.appgrid .cmf-option-txt > small { font-size: 12px; color: var(--et-muted); }
.appgrid .cmf-modifier { flex: none; }
.appgrid .cmf-vide { padding: 14px 12px; color: var(--et-muted); font-size: 13px; }

@media (max-width: 1024px) {
    /* La règle tactile du produit : une cible d'au moins 44 px. */
    .appgrid .cmf-option { min-height: 44px; }
}