/*
 * LES CARTES DES ECRANS QUI N'OUVRENT RIEN (maquettes 15.1 a 15.4).
 *
 * `TOPCAL_Espace::ecran_refus()` reprend la famille de `Client-11`
 * (espace-v2.css) ; il ne lui manquait que deux cartes : les sorties ouvertes
 * en ce moment (15.1) et la reservation annulee (15.2). Aucune couleur n'est
 * posee ici : tout vient des jetons `--tce-*` de `.tc-espace`, donc des deux
 * peaux, claire et sombre.
 */

.tc-espace-offres,
.tc-espace-annulee {
	font-family: var(--tce-texte); color: var(--tce-encre);
	background: var(--tce-surface); border: 1px solid var(--tce-trait); border-radius: 16px;
	padding: 18px; margin: 0 0 16px;
}
.tc-espace-offres-titre {
	margin: 0 0 4px; font-family: var(--tce-texte); color: var(--tce-encre);
	font-size: 15px; line-height: 1.3; font-weight: 600; letter-spacing: 0;
}
.tcv2 .tc-espace .tc-espace-offre {
	display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 13px 0;
	border-top: 1px solid var(--tce-trait-fin); color: var(--tce-encre); text-decoration: none;
}
.tcv2 .tc-espace .tc-espace-offre:first-of-type { border-top: 0; padding-top: 9px; }
.tc-espace-offre-corps { flex: 1 1 auto; min-width: 0; }
.tc-espace-offre-nom { display: block; font-size: 14.5px; font-weight: 600; }
.tc-espace-offre-quand { display: block; font-size: 12.5px; color: var(--tce-texte-2); margin-top: 2px; }
.tc-espace-offre-places {
	font-size: 12px; font-weight: 600; border-radius: 999px; padding: 4px 9px; white-space: nowrap;
	background: var(--tce-vert-d); color: var(--tce-vert);
}
.tc-espace-offre-places[data-tc-ton="tendu"] { background: var(--tce-ambre-d); color: var(--tce-ambre); }
.tc-espace-offre .tc-espace-i-fleche { color: var(--tce-texte-2); flex-shrink: 0; }

.tc-espace-annulee-ref { display: block; font-family: var(--tce-mono); font-size: 12px; color: var(--tce-texte-2); }
.tc-espace-annulee-nom {
	display: block; margin-top: 3px; font-size: 14.5px; font-weight: 600;
	text-decoration: line-through; text-decoration-color: var(--tce-texte-2);
}
.tc-espace-annulee-quand { display: block; font-size: 12.5px; color: var(--tce-texte-2); margin-top: 2px; }
.tc-espace-annulee-argent {
	display: flex; gap: 10px; align-items: flex-start; margin: 12px 0 0;
	font-size: 13px; line-height: 19px; color: var(--tce-texte-2);
}
.tc-espace-annulee-argent .tc-espace-i { color: var(--tce-vert); flex-shrink: 0; margin-top: 1px; }
.tcv2 .tc-espace .tc-espace-annulee .tc-b { margin-top: 16px; min-height: 50px; border-radius: 12px; font-size: 15px; width: 100%; }