/* ============================================================================
   EasyCertif — Configuration › Job (.cjb-*)
   ----------------------------------------------------------------------------
   Deux blocs à en-tête (le job d'incorporation automatique, l'envoi au SFEC), une
   grille de formulaire dense du gabarit (.mx-form, ChampFiche) dans chacun ; les
   deux boutons radio « Manuel / Automatique » côte à côte ; la cadence en secondes
   suivie de son unité. Mêmes surfaces que l'écran Plateforme fiscale, mais sans
   lire sa feuille : un écran ne dépend pas de la feuille d'un autre.
   ============================================================================ */

.appgrid .cjb-bloc {
    margin-bottom: 12px; background: var(--et-surface); border: 1px solid var(--et-hairline);
}
.appgrid .cjb-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 .cjb-bloc-tete > i { color: var(--et-form-blue-encre); }
.appgrid .cjb-bloc > .mx-form { padding: 8px 12px 12px; }

.appgrid .cjb-case { display: inline-flex; align-items: center; gap: var(--et-coche-gap); font-size: 13px; color: var(--et-ink); cursor: pointer; }

.appgrid .cjb-secondes { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; }
.appgrid .cjb-secondes > .mx-input { width: 130px; }
.appgrid .cjb-unite { font-size: 13px; color: var(--et-muted); }

/* « Envoyer à SFEC » : deux choix à cliquer en entier, l'icône dit le geste. */
.appgrid .cjb-radios { display: flex; flex-wrap: wrap; gap: var(--et-options-gap); }
.appgrid .cjb-radio {
    display: inline-flex; align-items: center; gap: var(--et-coche-gap); padding: var(--et-option-py) var(--et-option-px); cursor: pointer;
    border: 1px solid var(--et-bord-champ); background: var(--et-surface); font-size: 13px; color: var(--et-ink);
}
.appgrid .cjb-radio > i { color: var(--et-muted); }
.appgrid .cjb-radio:has(input:checked) { border-color: var(--et-form-blue); background: var(--et-tint); font-weight: 600; }
.appgrid .cjb-radio:has(input:checked) > i { color: var(--et-form-blue-encre); }
.appgrid .cjb-radio:has(input:focus-visible) { outline: 2px solid var(--et-form-blue); outline-offset: 2px; }

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