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

.cjd-bleu { background: #e6eefb; color: #23417a; }

/* Liste */
.cjd-barre-liste { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.cjd-filtres { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; flex: 1; }
.cjd-filtres input[type=search] { flex: 1 1 240px; max-width: 360px; min-height: 42px; border: 1px solid #c3cbd8; border-radius: 8px; padding: 6px 12px; font: inherit; }
.cjd-filtres select { min-height: 42px; border: 1px solid #c3cbd8; border-radius: 8px; padding: 6px 10px; font: inherit; background: #fff; max-width: 220px; }
.cjd-resume-liste { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 8px; }
.cjd-resume-liste form { margin: 0; }
.cjd-table td { vertical-align: top; }
.cjd-table td:first-child a, .cjd-table .cj-statut { white-space: nowrap; }
.cjd-col-parties a { font-weight: 600; color: #14284b; text-decoration: none; }
.cjd-col-parties a:hover { text-decoration: underline; }
.cjd-table tr.cjd-urgent td:first-child { box-shadow: inset 3px 0 0 #c0392b; }
.cjd-montant-col { white-space: nowrap; }
.cjd-table .cj-statut { margin-top: 3px; }

/* Formulaire */
.cjd-etape { display: inline-flex; width: 28px; height: 28px; border-radius: 50%; background: #14284b; color: #fff; align-items: center; justify-content: center; font-size: 14px; margin-right: 4px; }
.cjd-total { font-size: 15px; padding: 10px 12px; background: #f6f8fb; border-radius: 8px; display: block; }
.cjd-total strong { font-size: 18px; color: #14284b; }
.cjd-montants input { text-align: right; font-variant-numeric: tabular-nums; }

/* En-tête du dossier */
.cjd-entete-grille { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.cjd-badges { display: flex; gap: 6px; flex-wrap: wrap; margin: 0 0 10px; }
.cjd-intitule { font-family: "Libre Caslon Text", Georgia, serif; font-size: 21px; color: #14284b; margin: 0 0 6px; line-height: 1.3; }
.cjd-objet { margin: 0 0 6px; color: #3b4352; }
.cjd-action { margin: 8px 0 0; display: flex; gap: 6px; align-items: baseline; }
.cjd-action .dashicons { color: #b8892b; align-self: center; }
.cjd-chiffres { margin: 0; min-width: 240px; }
.cjd-chiffres > div { display: flex; justify-content: space-between; gap: 16px; padding: 6px 0; border-bottom: 1px solid #eef1f5; }
.cjd-chiffres dt { color: #5a6270; font-size: 13.5px; }
.cjd-chiffres dd { margin: 0; font-weight: 600; text-align: right; }
.cjd-barre { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; padding-top: 14px; border-top: 1px solid #eef1f5; align-items: flex-start; }
.cjd-statut-choix > summary { list-style: none; }
.cjd-statut-choix > summary::-webkit-details-marker { display: none; }
.cjd-statut-choix[open] > summary { background: #23417a; }
.cjd-statut-form { margin-top: 10px; padding: 14px; border: 1px solid #dde3ec; border-radius: 10px; background: #fff; max-width: 420px; }

.cjd-dl { margin: 0; }
.cjd-dl > div { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 10px; padding: 8px 0; border-bottom: 1px solid #eef1f5; }
.cjd-dl dt { color: #5a6270; font-size: 13.5px; }
.cjd-dl dd { margin: 0; font-weight: 500; }
.cjd-titre { font-weight: 700; color: #14284b; font-size: 16px; margin-bottom: 4px; }
.cjd-table-montants td { font-variant-numeric: tabular-nums; }
.cjd-ligne-total td { border-top: 2px solid #dde3ec; }

/* Parties */
.cjd-parties { list-style: none; margin: 0; padding: 0; }
.cjd-parties li { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 12px 0; border-bottom: 1px solid #eef1f5; }
.cjd-parties li p { margin: 0 0 3px; }
.cjd-role { font-size: 12.5px; font-weight: 700; color: #b8892b; }
.cjd-parties form { margin: 0; }

/* Chronologie */
.cjd-types { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.cjd-type input { position: absolute; opacity: 0; pointer-events: none; }
.cjd-type > span { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: 1.5px solid #dde3ec; border-radius: 20px; cursor: pointer; font-size: 14px; font-weight: 500; }
.cjd-type input:checked + span { border-color: #14284b; background: #14284b; color: #fff; }
.cjd-type input:focus-visible + span { outline: 3px solid #b8892b; outline-offset: 2px; }
.cjd-type .dashicons { font-size: 17px; width: 17px; height: 17px; }
.cjd-maj-action { margin: 4px 0 14px; }
.cjd-maj-action summary { cursor: pointer; color: #23417a; font-weight: 600; margin-bottom: 8px; }

.cjd-chrono { list-style: none; margin: 0; padding: 0 0 0 4px; position: relative; }
.cjd-chrono::before { content: ""; position: absolute; left: 19px; top: 6px; bottom: 6px; width: 2px; background: #e3e8ef; }
.cjd-ev { position: relative; display: flex; gap: 14px; padding: 0 0 18px; }
.cjd-ev-icone { flex: none; width: 32px !important; height: 32px !important; border-radius: 50%; background: #fff; border: 2px solid #dde3ec; color: #5a6270; display: inline-flex !important; align-items: center; justify-content: center; font-size: 16px !important; position: relative; z-index: 1; }
.cjd-ev-statut .cjd-ev-icone, .cjd-ev-creation .cjd-ev-icone { border-color: #b8892b; color: #b8892b; }
.cjd-ev-acte .cjd-ev-icone { border-color: #14284b; color: #14284b; }
.cjd-ev-paiement .cjd-ev-icone { border-color: #1e8449; color: #1e8449; }
.cjd-ev-corps p { margin: 0; }
.cjd-ev-meta { font-size: 12.5px; color: #5a6270; }
.cjd-ev-titre { font-weight: 600; margin-top: 2px !important; }
.cjd-ev-details { color: #3b4352; margin-top: 3px !important; white-space: normal; }

/* Accueil */
.cjd-accueil { margin-top: 0; }
.cjd-compteurs, .cjd-echeances { list-style: none; margin: 0; padding: 0; }
.cjd-compteurs li, .cjd-echeances li { padding: 7px 0; border-bottom: 1px solid #eef1f5; }
.cjd-compteurs a { text-decoration: none; color: #1d2433; display: flex; align-items: center; gap: 8px; }
.cjd-compteurs a:hover { color: #23417a; }
.cjd-echeances li { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

@media (max-width: 782px) {
	.cjd-filtres { flex-direction: column; align-items: stretch; }
	.cjd-filtres input[type=search], .cjd-filtres select { max-width: none; width: 100%; flex: none; }
	.cjd-barre-liste > .cj-bouton-principal { width: 100%; justify-content: center; }
	.cjd-table thead { display: none; }
	.cjd-table, .cjd-table tbody, .cjd-table tr, .cjd-table td { display: block; width: 100%; }
	.cjd-table tr { padding: 10px 0; border-bottom: 1px solid #dde3ec; }
	.cjd-table td { border: 0; padding: 3px 0; text-align: left !important; }
	.cjd-table td[data-label]:not([data-label="Parties"]):not([data-label="N°"])::before { content: attr(data-label) " : "; color: #5a6270; font-size: 12.5px; }
	.cjd-dl > div { grid-template-columns: 1fr; gap: 2px; }
	.cjd-chiffres { min-width: 0; width: 100%; }
	.cjd-barre .cj-bouton, .cjd-statut-choix { flex: 1 1 100%; }
	.cjd-statut-choix > summary { justify-content: center; }
}