.payment-confirm-choices{margin:18px 0;border:1px solid #ccdde5;border-radius:10px;padding:14px}
.payment-confirm-choices legend{padding:0 6px;font-size:16px;font-weight:700;color:#12384d}
.payment-confirm-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.payment-confirm-options label{display:flex;align-items:flex-start;gap:9px;padding:14px 10px;background:#fff;border:1px solid #cbdde5;border-radius:8px;cursor:pointer;margin:0}
.payment-confirm-options label:has(input:checked){background:#e8f7fa;border-color:#008392;box-shadow:0 0 0 1px #008392}
.payment-confirm-options input{width:17px;height:17px;min-height:17px;flex-shrink:0;margin:3px 0 0;accent-color:#007e8e}
.payment-confirm-options label:has(input:disabled){opacity:.5;cursor:default}
.payment-confirm-options strong,.payment-confirm-options small{display:block}
.payment-confirm-options strong{font-size:14px}
.payment-confirm-options small{margin-top:5px;color:#536f7f;font-size:12px;line-height:1.5}
.payment-pending-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;border-radius:8px;background:#f2f7f9;border:1px solid #cfdee6;margin:12px 0}
.payment-pending-preview.muted{display:block;font-size:14px}
.payment-confirm-amount>span{display:block;font-size:13px;color:#526b7a}
.payment-confirm-amount strong{display:block;font-size:21px;margin-top:5px;color:#13384e}
.payment-pending-preview.has-pending{background:#fff8e7;border-color:#e8d193}
.payment-pending-preview.fully-paid{background:#eef9f1;border-color:#a4d6b1}
.payment-pending-explanation{grid-column:1/-1;font-size:13px;line-height:1.6}
.installment-pending-box{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px;margin:18px 0;border:1px solid #e2cb8c;border-radius:10px;background:#fff9e9}
.installment-pending-kicker{font-size:11px;letter-spacing:.08em;color:#796220;font-weight:700}
.installment-pending-box h4{margin:7px 0;font-size:16px}.installment-pending-total{font-size:24px;color:#163b50}
.installment-pending-box p{margin-bottom:0}.installment-pending-box button{flex-shrink:0}
.actual-receipts{margin:18px 0;border:1px solid #cbdfe3;border-radius:10px;padding:14px;background:#fff}
.actual-receipts h3{font-size:17px;margin:0 0 6px}.actual-receipts>p{margin:6px 0 10px}
.actual-receipts .table-wide{margin:0;border:0;border-radius:6px}.actual-receipts table{width:100%;min-width:0;font-size:13px}
.actual-receipts th,.actual-receipts td{padding:9px 10px;white-space:normal;overflow-wrap:anywhere}
.actual-receipts .latest-actual-receipt{background:#eaf7f1}.actual-receipts .latest-actual-receipt td:nth-child(3){font-size:16px;color:#075e48}
.receipt-latest-label{display:block;font-size:11px;color:#075e48;margin-top:3px}
.actual-receipts .actual-receipts-total{margin:10px 0 0;font-weight:600}.actual-receipts .actual-receipts-refund{margin:9px 0 0;color:#53687a}
@media(max-width:700px){.actual-receipts{padding:12px}.actual-receipts table.mobile-cards tbody tr.latest-actual-receipt{background:#eaf7f1}.actual-receipts table.mobile-cards tbody td{padding:8px 10px}.actual-receipts table.mobile-cards tbody td:first-child{grid-column:auto}.actual-receipts table.mobile-cards tbody td.payment-recipient-cell{grid-column:auto}.actual-receipts table.mobile-cards tbody td:nth-child(3){grid-column:1/-1}}
.payment-pending-followup[hidden],.payment-pending-date-box[hidden]{display:none!important}
.payment-pending-date-box{padding:16px;margin:12px 0 20px;border:1px solid #e8d193;border-radius:8px;background:#fff8e7}
.payment-pending-date-box label{display:block;max-width:350px}.payment-pending-date-box input{margin-top:7px}
.payment-pending-auto-label{margin-bottom:16px}.payment-pending-auto-label input{background:#fffdf7;font-size:21px;font-weight:700;color:#173c50}.payment-pending-auto-label>span{display:block;margin-top:5px}
.payment-pending-date-box p{margin:10px 0 0}
.payment-following-installments{margin:20px 0;border:1px solid #d2e1e7;border-radius:9px;padding:14px}
.payment-following-installments h3{margin:0 0 12px;font-size:16px}
.payment-following-installments table{font-size:13px}.payment-following-installments th,.payment-following-installments td{padding:9px}
.payment-following-installments td:last-child{white-space:nowrap;font-weight:650}
.payment-following-installments tfoot{background:#eff6f8}
#installmentConfirmPreview:has(.payment-pending-preview){padding:0;background:transparent;border:0}
@media(max-width:650px){.payment-confirm-options{grid-template-columns:1fr}.payment-confirm-options label{min-height:62px}.installment-pending-box{align-items:flex-start;flex-direction:column}.installment-pending-box button{width:100%}.payment-confirm-amount strong{font-size:19px}}
