/* CJ Utilisateurs – compléments d'interface (s'appuie sur les styles du Noyau). */

.cju-barre-outils { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.cju-onglets-compacts { margin-bottom: 0; border-bottom: 0; }

.cju-personne { display: flex; align-items: center; gap: 10px; }
.cju-personne .cj-espace-avatar { flex: none; }

.cju-membre-grille { align-items: start; }
.cju-fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.cju-fieldset legend { padding: 0; margin-bottom: 8px; }
.cju-fieldset[disabled] input, .cju-fieldset[disabled] select { background: #f3f5f9; }

.cju-etat { margin: 0 0 16px; }
.cju-etat > div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid #eef1f5; }
.cju-etat dt { color: #5a6270; }
.cju-etat dd { margin: 0; font-weight: 600; text-align: right; }
.cju-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.cju-actions form { margin: 0; }

.cju-lien-champ { display: flex; gap: 8px; flex-wrap: wrap; margin: 8px 0; }
.cju-lien-champ input { flex: 1 1 320px; min-height: 40px; border: 1px solid #c3cbd8; border-radius: 7px; padding: 6px 10px; font-family: Consolas, Menlo, monospace; font-size: 13px; background: #f6f8fb; }
.cju-whatsapp { background: #1f8f4e !important; border-color: #1f8f4e !important; color: #fff !important; }

/* Matrice des droits */
.cju-matrice-carte { padding-bottom: 8px; }
.cju-matrice-defil { overflow-x: auto; margin: 0 -20px; padding: 0 20px; }
.cju-matrice { min-width: 860px; }
.cju-matrice thead th { position: sticky; top: 0; text-align: center; font-size: 13px; white-space: nowrap; }
.cju-matrice thead th.cju-col-droit { text-align: left; }
.cju-matrice .cju-col-droit { text-align: left; font-weight: 500; color: #1d2433; background: #fff; position: sticky; left: 0; z-index: 1; min-width: 300px; }
.cju-matrice thead .cju-col-droit { background: #f0f3f8; z-index: 2; }
.cju-matrice .cju-groupe th { background: #f6f8fb; color: #14284b; font-weight: 700; font-size: 13px; text-align: left; padding: 8px 10px; position: static; }
.cju-matrice td { padding: 7px 6px; }
.cju-matrice input[type=checkbox] { width: 20px; height: 20px; cursor: pointer; }
.cju-matrice input[disabled] { cursor: not-allowed; }
.cju-interdit { background: #fafbfc; }
.cju-tiret { color: #b4bcc9; }
.cju-verrou .dashicons { font-size: 15px; width: 15px; height: 15px; color: #b8892b; vertical-align: -2px; margin-left: 4px; }
.cju-cases { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 8px 16px; margin: 8px 0; }

/* Double authentification */
.cju-etapes { padding-left: 20px; }
.cju-etapes > li { margin-bottom: 18px; padding-left: 4px; }
.cju-qr { width: 200px; height: 200px; margin: 12px 0; background: #fff; border: 1px solid #dde3ec; border-radius: 8px; padding: 6px; }
.cju-qr svg { width: 100%; height: 100%; display: block; }
.cju-cle { font-size: 14px; letter-spacing: .06em; }
.cju-ligne-code { display: flex; gap: 8px; align-items: center; margin-top: 8px; flex-wrap: wrap; }
.cj-form input.cju-code, .cju-code { max-width: 200px; font-size: 22px !important; letter-spacing: .2em; text-align: center; font-family: Consolas, Menlo, monospace !important; }
.cj-connexion .cju-code { max-width: none; width: 100%; }
.cju-choix { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.cju-choix-option { border: 1px solid #dde3ec; border-radius: 10px; padding: 16px; }
.cju-choix-option h3 { margin-top: 0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cju-autres { margin-top: 16px; }
.cju-autres summary { cursor: pointer; color: #23417a; font-weight: 600; }
.cju-autres form { margin: 10px 0; }

.cju-codes { columns: 2; padding-left: 22px; font-size: 17px; }
.cju-codes li { margin-bottom: 6px; }
.cju-codes code { font-size: 16px; letter-spacing: .06em; }

.cju-force.cju-faible { color: #b0362a; }
.cju-force.cju-bon { color: #1e7a46; }

@media (max-width: 782px) {
	.cju-choix { grid-template-columns: 1fr; }
	.cju-table-equipe thead { display: none; }
	.cju-table-equipe, .cju-table-equipe tbody, .cju-table-equipe tr, .cju-table-equipe td { display: block; width: 100%; }
	.cju-table-equipe tr { border-bottom: 1px solid #dde3ec; padding: 12px 0; }
	.cju-table-equipe td { border: 0; padding: 4px 0; }
	.cju-table-equipe td[data-label]:not([data-label="Nom"])::before { content: attr(data-label) " : "; color: #5a6270; font-size: 12.5px; }
	.cju-table-equipe td.cj-droite { text-align: left; padding-top: 8px; }
	.cju-matrice .cju-col-droit { min-width: 170px; max-width: 200px; font-size: 13px; }
	.cju-codes { columns: 1; }
}

@media print {
	body.cj-espace .cj-espace-menu, body.cj-espace .cj-espace-haut, body.cj-espace .cj-carte:not(.cju-secours), body.cj-espace .cj-grille-2, body.cj-espace .cj-titre, body.cj-espace .cj-sous-titre, body.cj-espace .cj-fil, .cju-secours button { display: none !important; }
	.cj-espace-cadre { display: block; }
}