.cashier-total{display:flex;flex-direction:column;gap:8px;text-align:center;margin:8px 0 24px}.cashier-total strong{font-size:36px}.cashier-total small{color:var(--muted);overflow-wrap:anywhere}.payment-options{display:grid;gap:12px}.payment-choice{display:flex;align-items:center;gap:14px;text-align:left;padding:18px;border:1px solid #ddd5e9;border-radius:16px;background:#fff;color:#30213f;width:100%}.payment-choice:hover:not(:disabled){background:#f4effa;border-color:#8150a4}.payment-choice>span:nth-child(2){flex:1}.payment-choice b,.payment-choice small{display:block}.payment-choice small{color:#80738e;margin-top:5px;line-height:1.5}.payment-choice:disabled{opacity:.6;cursor:not-allowed}.payment-monogram{display:grid;place-items:center;min-width:42px;height:42px;border-radius:12px;background:#eee5f5;color:#6e348f;font-size:17px}.cashier-note{margin-top:20px;font-size:13px;line-height:1.7}#pay-qr{display:block;max-width:100%;margin:20px auto}.payment-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.payment-status-row{border-top:1px solid #eee9f4;padding:17px 0;display:flex;gap:10px;align-items:flex-start}.payment-status-row>div{flex:1;min-width:0}.payment-status-row .tag{white-space:nowrap}.payment-status-row p{font-size:12px;line-height:1.65;margin:7px 0 0}@media(max-width:1100px){.payment-status-grid{grid-template-columns:1fr}}@media(max-width:450px){.payment-choice{padding:14px 10px;gap:10px}.cashier-total strong{font-size:30px}}