/* Fiche de rendez-vous (HTML produit par fiche_rdv(), includes/chronos.php) : aspect commun à l'application
   (planning des techniciens, gestion des rdv ; chargée par index.php) et au PDF (impressions/fiche_rdv.php, qui
   y ajoute css/print_rdv.css). Une section = un bandeau .header_liste suivi de lignes .row_liste
   (.label_liste + .valeur_liste). Couleurs héritées ou semi-transparentes : lisible en thème clair comme sombre ;
   le PDF fixe les siennes par les variables. */

.ctnr_liste {
	--fiche-accent: #0f766e;
	--fiche-titre: inherit;
	--fiche-filet: rgba(128, 128, 128, 0.3);
	--fiche-fond-section: rgba(128, 128, 128, 0.12);
}

.ctnr_liste, .ctnr_liste .box_liste { margin: 0; padding: 0; border: 0; box-shadow: none; background: none; }

.ctnr_liste .header_liste {
	margin: 1.2em 0 0.4em;
	padding: 0.45em 0.8em;
	background: var(--fiche-fond-section);
	border-left: 3px solid var(--fiche-accent);
	color: var(--fiche-titre);
	font-weight: 700;
	font-size: 0.9em;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-align: left;
	break-after: avoid;
}
/* première section (n° d'intervention) : titre de la fiche */
.ctnr_liste .box_liste > .header_liste:first-child {
	margin-top: 0.4em;
	background: var(--fiche-accent);
	color: #fff;
	font-size: 1.05em;
	text-align: center;
}

/* lignes : libellé à gauche, valeur à droite */
.ctnr_liste .row_liste {
	display: grid;
	grid-template-columns: 34% 66%;
	margin: 0;
	padding: 0.35em 0.8em;
	border-bottom: 1px solid var(--fiche-filet);
	break-inside: avoid;
}
.ctnr_liste .row_liste > div { width: auto; float: none; display: block; padding: 0; }
/* les lignes portent aussi la classe Bootstrap .row : son correctif de flottants (::before/::after) deviendrait
   une cellule de la grille et décalerait libellés et valeurs */
.ctnr_liste .row_liste::before, .ctnr_liste .row_liste::after { content: none; display: none; }
.ctnr_liste .label_liste { opacity: 0.75; }
.ctnr_liste .valeur_liste { font-weight: 600; overflow-wrap: anywhere; }
.ctnr_liste .valeur_liste a { color: inherit; text-decoration: underline; }

/* rien à montrer : ligne sans valeur (ou pièce jointe absente), section sans ligne */
.ctnr_liste .row_liste:has(.valeur_liste:empty),
.ctnr_liste .row_liste:has(.valeur_liste > a:only-child:empty) { display: none; }
.ctnr_liste .header_liste:has(+ .header_liste),
.ctnr_liste .header_liste:last-child { display: none; }

/* écran étroit : le libellé passe au-dessus de la valeur */
@media screen and (max-width: 600px) {
	.ctnr_liste .row_liste { grid-template-columns: 1fr; }
}