.participant-payments .panel-top{display:flex;justify-content:space-between;align-items:start;gap:16px;flex-wrap:wrap}.participant-payments .eyebrow{color:#6b438c;font-size:11px;letter-spacing:.13em;margin:0 0 8px}.participant-payments h2{margin:0}.payment-intro{color:#756680;line-height:1.7}.payment-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.payment-summary>div{display:grid;gap:10px;border:1px solid #e3dceb;background:#faf8fc;border-radius:16px;padding:20px}.payment-summary span,.payment-summary small{font-size:12px;color:#756680}.payment-summary b{font-size:27px;letter-spacing:-.5px;color:#3d2059}.payment-summary .payment-warning{background:#fff4e1;border-color:#edcb92}.payment-warning b{color:#8d4e12}.payment-defaults{padding:20px;border-radius:16px;border:1px solid #ded1e9;background:#f7f2fb}.payment-defaults h3{font-size:16px;margin:0 0 14px}.payment-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.payment-plan-grid>span{display:grid;gap:5px;font-size:12px;color:#74667e}.payment-plan-grid b{font-size:18px;color:#35233f}.payment-plan-grid small{font-size:11px;line-height:1.5}.payment-note{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#685872;line-height:1.6}.payment-people{display:grid;gap:14px}.payment-person{border:1px solid #e4ddeb;border-radius:16px;padding:20px}.payment-person h3{margin:0 0 6px;font-size:17px;overflow-wrap:anywhere}.payment-person small{font-size:11px;color:#796b84}.payment-deadline{font-size:12px;line-height:1.7;color:#74667e}.payment-deadline strong{color:#975b17}.payment-history{display:grid;gap:12px}.payment-history article{padding:18px;border:1px solid #e4ddeb;border-radius:12px}.payment-history article>div{display:grid;gap:6px}.payment-history span,.payment-history small{font-size:12px;color:#74667e}.payment-history .text-btn{display:block;margin-top:12px}.payment-history .payment-voided{background:#f4f1f6;border-style:dashed}.payment-voided>div>b{text-decoration:line-through}.payment-history p{overflow-wrap:anywhere}.participant-payments>.demo-note{margin-top:24px;line-height:1.7}@media(max-width:650px){.payment-summary{grid-template-columns:1fr}.payment-summary>div{padding:16px}.payment-plan-grid{grid-template-columns:1fr}.payment-plan-grid>span{grid-template-columns:1fr auto;gap:4px 12px}.payment-plan-grid small{grid-column:1/-1}.payment-person{padding:16px}.payment-defaults{padding:16px}.payment-person .roster-actions .btn{width:100%}}