/* ======================================================================
   TAG DE SUIVI CLIENT — pastille, bandeau, fenetre de confirmation
   Le dessin vient du serveur (SuiviClient::pastille / bandeau dans
   inc/isobl.php) ; la couleur de chaque valeur arrive par --sc-couleur.
   ====================================================================== */

.sc-pastille {
	display: inline-flex; align-items: center; gap: 4px;
	padding: 1px 8px; margin-right: 5px;
	border-radius: 15px;
	background: var(--sc-couleur, #c0392b); color: #fff;
	font-size: 11px; font-weight: 600; line-height: 18px; white-space: nowrap;
	vertical-align: middle;
}
.sc-pastille.sc-bloquant { box-shadow: 0 0 0 2px rgba(192, 57, 43, .25); }

.sc-bandeau {
	display: flex; align-items: flex-start; gap: 10px;
	margin: 8px 0; padding: 10px 12px;
	border: 1px solid var(--sc-couleur, #c0392b);
	border-left-width: 5px;
	border-radius: 6px;
	background: color-mix(in srgb, var(--sc-couleur, #c0392b) 9%, #fff);
	color: #1b2030; font-size: 13px; line-height: 1.4;
	text-align: left;
}
.sc-bandeau .sc-ico { font-size: 20px; color: var(--sc-couleur, #c0392b); flex: 0 0 auto; }
.sc-bandeau strong { color: var(--sc-couleur, #c0392b); }
.sc-bandeau .sc-commentaire { margin-top: 4px; font-style: italic; }
.sc-bandeau .sc-meta { margin-top: 3px; font-size: 11px; opacity: .75; }

/* Mode sombre du theme V3 */
.v2-dark .sc-bandeau {
	background: color-mix(in srgb, var(--sc-couleur, #c0392b) 22%, #1b2030);
	color: #f4f7fb;
}
.v2-dark .sc-bandeau strong { color: #fff; }

/* Fiche client : la liste et son commentaire */
.sc-champ select { font-weight: 600; }
.sc-champ textarea { margin-top: 6px; resize: vertical; min-height: 34px; }
.sc-champ .sc-lien-hist { display: inline-block; margin-top: 4px; font-size: 12px; }

/* Fenetre de confirmation */
/* Au-dessus des autres fenetres, y compris celles du theme V3 (.modal 10001) :
   elle s'ouvre souvent par-dessus la fenetre de saisie (ticket SAV, commande). */
#modal-suivi-client { z-index: 10011; }
.modal-backdrop.sc-backdrop { z-index: 10010; }
#modal-suivi-client .modal-header { border-bottom: 0; padding-bottom: 0; }
#modal-suivi-client .sc-question { margin: 12px 0 0; font-weight: 600; }
#modal-suivi-client table { width: 100%; font-size: 12px; }
#modal-suivi-client td, #modal-suivi-client th { padding: 4px 6px; border-bottom: 1px solid rgba(0, 0, 0, .08); vertical-align: top; }