:root{--tz-red:#E71929;--tz-purple:#9565E8;--tz-charcoal:#18171F;--tz-graphite:#292631;--tz-surface:#F5F5F8;--tz-pay:#22B883} .tz-pay-card{background:#fff;color:var(--tz-charcoal);border:1px solid #e5e1e9;border-radius:16px;padding:24px;margin:18px 0;box-shadow:0 3px 18px #18171f0b;max-width:760px}.tz-pay-card h2,.tz-pay-card h3{color:var(--tz-charcoal)}.tz-pay-amount{font-size:1.6rem;font-weight:700}.tz-pay-method{padding:14px;border-left:4px solid var(--tz-pay);background:var(--tz-surface);border-radius:8px;margin:10px 0}.tz-pay-button,.tz-pay-card .button-primary{background:var(--tz-pay);color:#fff;border:0;border-radius:9px;padding:11px 18px;display:inline-block;text-decoration:none}.tz-pay-card input,.tz-pay-card select,.tz-pay-card textarea{max-width:100%}/* Pass 2: self-contained customer payment page with a clear fee-free hierarchy. */
.tz-pay-portal{background:#f5f5f8;color:#18171f;font-family:system-ui,-apple-system,Segoe UI,sans-serif;margin:0}.tz-pay-portal-main{width:min(95%,700px);margin:5vh auto}.tz-pay-wordmark{font-size:1.1rem;font-weight:700;letter-spacing:.02em}.tz-pay-wordmark strong{color:#22b883}.tz-pay-portal .tz-pay-card{background:#fff;padding:clamp(18px,4vw,36px);border:1px solid #e7e5eb;border-radius:16px;box-shadow:0 10px 35px #18171f0b}.tz-pay-portal .tz-pay-method{padding:16px 18px;background:#f0fdf6;border:1px solid #b5e6c9;border-radius:12px;margin-block:12px}.tz-pay-portal .tz-pay-caution{font-weight:500}.tz-pay-portal label{display:block;margin:12px 0}.tz-pay-portal button,.tz-pay-portal .tz-pay-button{background:#22b883;color:#101b16;border:0;border-radius:9px;padding:12px 18px;min-height:44px;cursor:pointer;display:inline-block;text-decoration:none;font-weight:700}.tz-pay-portal input[type=password],.tz-pay-portal input[type=file]{max-width:100%}.tz-pay-portal .tz-pay-amount{font-size:2rem;font-weight:750}.tz-pay-portal h3{margin-top:30px}

.tz-pay-qr-wrap{display:grid;justify-items:start;gap:8px;margin:18px 0}.tz-pay-qr{background:#fff;padding:14px;border:1px solid #bfb9cc;border-radius:12px}.tz-pay-qr svg{display:block;max-width:100%;height:auto}.tz-pay-qr-wrap small{max-width:360px;color:#686574}@media print{.tz-pay-qr-print button,.tz-pay-qr-print #wpadminbar{display:none!important}.tz-pay-qr-wrap{break-inside:avoid}}

.tz-pay-card-attempt,.tz-pay-card-hold{border-left:4px solid #e6a23c;padding:12px 16px;background:#f9f5ec;margin:16px 0;color:#292631}