/* Espace de suivi client [connectic_suivi] — complète formulaire.css. */
.csd-suivi { --csd-ok: #05603A; --csd-attente: #8A5300; }
.csd-carte { max-width: 34rem; border: 1px solid var(--wp--preset--color--bordure, #DCE3EA); border-radius: 14px; padding: 1.5rem; }
.csd-carte .csd-champ { margin-bottom: 1rem; }
.csd-intro { margin-top: 0; color: var(--wp--preset--color--gris, #54595F); }
.csd-code { font-size: 1.6rem !important; letter-spacing: .4em; text-align: center; max-width: 12rem; }
.csd-info, .csd-succes {
	border-radius: 10px; padding: .8rem 1rem; margin-bottom: 1.25rem; font-weight: 500;
}
.csd-info { border: 1px solid #B2DDFF; background: #EFF8FF; color: #175CD3; }
.csd-succes { border: 1px solid #A6E3C0; background: #ECFDF3; color: var(--csd-ok); }
.csd-lien {
	background: none; border: 0; padding: 0; cursor: pointer; font: inherit;
	color: var(--wp--preset--color--bleu, #0F4B66); text-decoration: underline;
}
.csd-renvoi { margin-top: .75rem; }

.csd-entete-dossier {
	display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap;
	background: var(--wp--preset--color--fond, #F3F6F9); border-radius: 14px; padding: 1.25rem 1.5rem; margin-bottom: 2rem;
}
.csd-entete-dossier p { margin: .25rem 0; }
.csd-ref { font-weight: 700; color: var(--wp--preset--color--nuit, #0A2D49); font-size: 1.1rem; }
.csd-badge { display: inline-block; padding: .2rem .7rem; border-radius: 999px; font-size: .85rem; font-weight: 700; background: #EEF2F6; color: #1B2733; }
.csd-badge--nouvelle, .csd-badge--qualification { background: #FFF6E5; color: var(--csd-attente); }
.csd-badge--attente_pieces { background: #E8F4FB; color: #0F4B66; }
.csd-badge--transmis { background: #EEF0FF; color: #3538CD; }
.csd-badge--valide, .csd-badge--installe { background: #ECFDF3; color: var(--csd-ok); }
.csd-badge--clos { background: #F2F4F7; color: #667085; }

.csd-bloc { margin-bottom: 2.5rem; }
.csd-bloc h2 { font-size: 1.35rem; display: flex; align-items: baseline; gap: .75rem; flex-wrap: wrap; }
.csd-compteur { font-size: .9rem; font-weight: 500; color: var(--wp--preset--color--gris, #54595F); }
.csd-telecharger { font-weight: 700; }

.csd-pieces-liste { list-style: none; padding: 0; margin: 0; display: grid; gap: .75rem; }
.csd-piece { border: 1px solid var(--wp--preset--color--bordure, #DCE3EA); border-left-width: 4px; border-radius: 10px; padding: .9rem 1.1rem; }
.csd-piece--a_fournir { border-left-color: #B9C5D1; }
.csd-piece--recue { border-left-color: #6EC1E4; }
.csd-piece--a_refaire { border-left-color: #D92D20; }
.csd-piece--validee { border-left-color: #12B76A; }
.csd-piece__tete { display: flex; justify-content: space-between; gap: 1rem; align-items: baseline; }
.csd-piece__libelle { font-weight: 500; }
.csd-etat { font-size: .8rem; font-weight: 700; white-space: nowrap; padding: .15rem .55rem; border-radius: 999px; background: #F2F4F7; color: #475467; }
.csd-etat--recue { background: #E8F4FB; color: #0F4B66; }
.csd-etat--a_refaire { background: #FEF3F2; color: #B42318; }
.csd-etat--validee { background: #ECFDF3; color: var(--csd-ok); }
.csd-motif { margin: .5rem 0 0; color: #B42318; font-size: .92rem; }
.csd-fichiers { margin: .5rem 0 0; padding-left: 1.1rem; font-size: .92rem; }
.csd-depot { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-top: .75rem; }
.csd-depot input[type=file] { font-size: .9rem; max-width: 100%; }
.csd-bouton--petit { padding: .45rem 1rem !important; font-size: .9rem !important; }

.csd-fil { list-style: none; padding: 0; margin: 0 0 1.25rem; display: grid; gap: .75rem; }
.csd-msg { max-width: 85%; padding: .75rem 1rem; border-radius: 12px; }
.csd-msg--client { justify-self: end; background: #E8F4FB; }
.csd-msg--equipe { justify-self: start; background: var(--wp--preset--color--fond, #F3F6F9); }
.csd-msg__auteur { display: block; font-size: .8rem; color: var(--wp--preset--color--gris, #54595F); margin-bottom: .25rem; }
.csd-suivi .csd-form fieldset, .csd-suivi .csd-form { grid-template-columns: 1fr; }
@media (max-width: 640px) {
	.csd-msg { max-width: 100%; }
	.csd-piece__tete { flex-direction: column; gap: .35rem; }
}