.status.deposit_paid{background:#e8faf6;color:#087466}
.payment-scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.payment-scope-grid label,.payment-methods label{cursor:pointer}.payment-scope-grid input,.payment-methods input{position:absolute;opacity:0;pointer-events:none}.payment-scope-grid span{height:100%;min-height:145px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:17px;border:2px solid var(--line);border-radius:14px;background:#fff;transition:.2s}.payment-scope-grid i{font-size:23px;font-style:normal}.payment-scope-grid b{font-size:14px;line-height:1.5}.payment-scope-grid small{font-size:12px;line-height:1.7;color:var(--muted)}.payment-scope-grid input:checked+span{border-color:var(--cyan2);background:#ecfdf9;box-shadow:0 0 0 3px rgba(16,191,168,.1)}.payment-scope-grid label.unavailable{opacity:.45;pointer-events:none}.online-payment-box{margin:0 0 22px;padding:18px;border:1px solid var(--line);border-radius:15px;background:#f8fafc}.online-payment-box h2{margin-top:0!important}.online-payment-box .payment-methods span{height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.online-payment-box .payment-methods small{color:var(--muted);font-size:11px}.checkout-summary>div{gap:12px}.checkout-summary .pay-now,.checkout-summary .pay-delivery{margin-inline:-8px;padding-inline:8px;border-radius:8px}.checkout-summary .pay-now{background:#e8faf6;color:#087466}.checkout-summary .pay-delivery{background:#fff6e6;color:#915700}.checkout-summary .pay-now b,.checkout-summary .pay-delivery b{font-size:17px}.checkout-summary [data-payment-note]{padding:10px;border-radius:8px;background:#f8fafc;line-height:1.7}.order-status:has(div:nth-child(4)){grid-template-columns:repeat(4,1fr)}.split-payment-note{border-color:#ffd58a;background:#fff9ec!important}.split-payment-note p{margin-bottom:0}.admin-payment-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.admin-payment-breakdown>div{display:flex;flex-direction:column;gap:5px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.admin-payment-breakdown small{color:var(--muted)}.admin-payment-breakdown b{font-size:16px}
@media(max-width:820px){.payment-scope-grid{grid-template-columns:1fr}.payment-scope-grid span{min-height:auto}.admin-payment-breakdown{grid-template-columns:repeat(2,1fr)}.order-status:has(div:nth-child(4)){grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.admin-payment-breakdown{grid-template-columns:1fr}.order-status:has(div:nth-child(4)){grid-template-columns:1fr}}