/* H2B V76 — paiement famille global */
.family-payment-panel{position:relative;overflow:hidden}
.family-payment-panel:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,rgba(92,126,255,.95),rgba(71,214,255,.45));pointer-events:none}
.family-payment-summary{border:1px solid rgba(109,135,255,.34);background:linear-gradient(135deg,rgba(47,67,132,.28),rgba(12,17,31,.66));border-radius:14px;padding:13px 14px;line-height:1.45}
.family-payment-summary.is-error{border-color:rgba(255,94,111,.55);background:rgba(115,24,38,.24)}
.family-payment-summary.is-ok{border-color:rgba(88,223,154,.38);background:rgba(24,96,71,.18)}
.family-payment-members{display:grid;gap:10px}
.family-payment-member{display:grid;grid-template-columns:minmax(0,1fr) minmax(116px,.35fr);gap:12px;align-items:center;border:1px solid rgba(255,255,255,.10);background:rgba(7,11,20,.58);border-radius:15px;padding:12px}
.family-payment-member.is-disabled{opacity:.55}
.family-payment-member-main{display:flex;align-items:flex-start;gap:10px;min-width:0}
.family-payment-member-main input[type=checkbox]{margin-top:4px;accent-color:#6c7dff;width:18px;height:18px;flex:0 0 auto}
.family-payment-member-main strong,.family-payment-member-main span,.family-payment-member-main small{display:block}
.family-payment-member-main span{font-size:.88rem;color:rgba(255,255,255,.72);margin-top:3px}
.family-payment-member-main small{font-size:.78rem;color:rgba(255,255,255,.54);margin-top:3px}
.family-payment-allocation label{display:block;font-size:.76rem;color:rgba(255,255,255,.62);margin-bottom:4px}
.family-payment-allocation input{width:100%}
.family-payment-example{font-size:.83rem;color:rgba(255,255,255,.68);border-left:3px solid rgba(107,132,255,.6);padding:9px 11px;background:rgba(255,255,255,.025);border-radius:0 10px 10px 0}
.family-payment-empty{padding:12px;border:1px dashed rgba(255,255,255,.14);border-radius:12px;color:rgba(255,255,255,.58)}
@media(max-width:720px){.family-payment-member{grid-template-columns:1fr}.family-payment-allocation{padding-left:28px}}
