/* Paiement en 3 prélèvements SEPA (BRW-483, lot 2) : encadré du moyen de paiement et retour depuis Mon compte. */

.bw-ech { display: grid; gap: var(--bw-s3, 0.75rem); }
.bw-ech p { margin: 0; }

.bw-ech__apercu { padding: var(--bw-s3, 0.75rem); border: 1px dashed var(--bw-orange-600, #9A6105); border-radius: var(--bw-radius-s, 6px); background: var(--bw-orange-pale, #FDEFD9); color: var(--bw-ink, #1E1E1C); }
.bw-ech__apercu ul { margin: var(--bw-s2, 0.5rem) 0 0; padding: 0; list-style: none; display: grid; gap: var(--bw-s1, 0.25rem); }
.bw-ech__ok { color: var(--bw-green-700, #06634F); }
.bw-ech__ko { color: var(--bw-orange-700, #7C4D01); font-weight: 700; }

.bw-ech__echeances { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--bw-s2, 0.5rem); margin: 0; padding: 0; list-style: none; }
.bw-ech__echeance { display: grid; gap: var(--bw-s1, 0.25rem); padding: var(--bw-s3, 0.75rem); border: 1px solid var(--bw-line, #E4E1D8); border-radius: var(--bw-radius-s, 6px); background: var(--bw-white, #FFFFFF); }
.bw-ech__rang { display: inline-grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: var(--bw-green-pale, #D2E8DA); color: var(--bw-green-700, #06634F); font-weight: 700; font-size: var(--bw-fs-sm, 0.9375rem); }
.bw-ech__montant { font-size: 1.125rem; font-weight: 700; color: var(--bw-ink, #1E1E1C); }
.bw-ech__quand { font-size: var(--bw-fs-xs, 0.8125rem); color: var(--bw-ink-soft, #62615C); }
.bw-ech__note, .bw-ech__intro { color: var(--bw-ink-soft, #62615C); }
.bw-ech__intro { color: var(--bw-ink, #1E1E1C); }

.bw-ech__mandat { display: grid; gap: var(--bw-s2, 0.5rem); margin: 0; padding: var(--bw-s3, 0.75rem); border: 1px solid var(--bw-line, #E4E1D8); border-radius: var(--bw-radius-s, 6px); background: var(--bw-white, #FFFFFF); }
.bw-ech__mandat legend { padding: 0 var(--bw-s1, 0.25rem); font-weight: 700; }
.bw-ech__choix, .bw-ech__accord { display: flex; align-items: flex-start; gap: var(--bw-s2, 0.5rem); cursor: pointer; }
.bw-ech__choix input, .bw-ech__accord input { margin-top: 0.125rem; }
.bw-ech__accord { font-weight: 700; }
.bw-ech__autre a { font-size: var(--bw-fs-sm, 0.9375rem); }

.bw-ech-retour { margin: 0 0 var(--bw-s4, 1rem); padding: var(--bw-s3, 0.75rem) var(--bw-s4, 1rem); border-left: 4px solid var(--bw-green-700, #06634F); border-radius: var(--bw-radius-s, 6px); background: var(--bw-white, #FFFFFF); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--bw-s3, 0.75rem); }
.bw-ech-retour p { margin: 0; flex: 1 1 18rem; }

@media (max-width: 40rem) {
	.bw-ech__echeances { grid-template-columns: minmax(0, 1fr); }
	.bw-ech__echeance { grid-template-columns: auto 1fr; grid-template-areas: "rang montant" "rang quand"; align-items: center; column-gap: var(--bw-s3, 0.75rem); }
	.bw-ech__rang { grid-area: rang; }
	.bw-ech__montant { grid-area: montant; }
	.bw-ech__quand { grid-area: quand; }
}

/* Lot 5 : onglet « Paiements en 3 fois » (vue Administrateur) ; lot 7 : échéancier dans Mon compte du client */
.bw-ech-admin { display: grid; gap: var(--bw-s4, 1rem); }
.bw-ech-admin__reglages { color: var(--bw-ink-soft, #62615C); font-size: var(--bw-fs-sm, 0.9375rem); margin: 0; }
.bw-ech-admin__filtres { display: flex; flex-wrap: wrap; gap: var(--bw-s2, 0.5rem); }
.bw-ech-admin__filtres a { padding: var(--bw-s1, 0.25rem) var(--bw-s3, 0.75rem); border: 1px solid var(--bw-line-strong, #8E8D87); border-radius: 999px; text-decoration: none; color: var(--bw-ink, #1E1E1C); }
.bw-ech-admin__filtres a.est-actif { background: var(--bw-green-700, #06634F); border-color: var(--bw-green-700, #06634F); color: var(--bw-white, #FFFFFF); }
.bw-ech-admin__table { width: 100%; border-collapse: collapse; font-size: var(--bw-fs-sm, 0.9375rem); }
.bw-ech-admin__table th, .bw-ech-admin__table td { padding: var(--bw-s2, 0.5rem); border-bottom: 1px solid var(--bw-line, #E4E1D8); vertical-align: top; text-align: left; }
.bw-ech-admin__ech { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--bw-s1, 0.25rem); }
.bw-ech-admin__ech span:first-child { font-weight: 700; margin-right: var(--bw-s1, 0.25rem); }
.bw-ech-admin__e--payee, .bw-ech-admin__e--reglee_virement { color: var(--bw-green-700, #06634F); }
.bw-ech-admin__e--echouee, .bw-ech-admin__e--impayee, .bw-ech-admin__e--lancement { color: var(--bw-orange-700, #7C4D01); font-weight: 700; }
.bw-ech-admin__actions { display: grid; gap: var(--bw-s2, 0.5rem); }
.bw-ech-admin__actions form { margin: 0; }
.bw-ech-admin__alertes { margin: 0; padding-left: var(--bw-s4, 1rem); font-size: var(--bw-fs-sm, 0.9375rem); }
.bw-ech-client { display: grid; gap: var(--bw-s3, 0.75rem); margin: 0 0 var(--bw-s5, 1.5rem); }
.bw-ech-client p { margin: 0; }
@media (max-width: 48rem) {
	.bw-ech-admin__table thead { display: none; }
	.bw-ech-admin__table tr { display: grid; border-bottom: 1px solid var(--bw-line-strong, #8E8D87); padding: var(--bw-s2, 0.5rem) 0; }
	.bw-ech-admin__table th, .bw-ech-admin__table td { border: 0; padding: var(--bw-s1, 0.25rem) 0; }
}