.payment-page{margin:0;background:#f5f7fb;color:#172033;font-family:Inter,system-ui,sans-serif;line-height:1.6;min-height:100svh;display:grid;place-items:center;padding:20px;box-sizing:border-box}
.payment-receipt{width:100%;max-width:540px;box-sizing:border-box;background:white;border:1px solid #d5deeb;border-radius:20px;padding:clamp(20px,5vw,38px);overflow-wrap:anywhere}
.payment-brand{font-size:21px;font-weight:800;color:#4264e7;margin:0 0 28px}.payment-receipt h1{font-size:clamp(23px,5vw,30px);line-height:1.25}.payment-actions{display:grid;gap:12px;margin:26px 0}
.pay-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border:1px solid transparent;border-radius:12px;background:#4264e7;color:white;font:600 16px Inter,system-ui,sans-serif;text-align:center;text-decoration:none;cursor:pointer}.pay-button.secondary{background:#fff;border-color:#a6b2c7;color:#263650}.pay-button[hidden]{display:none}.pay-button:disabled{opacity:.65;cursor:wait}
.pay-button:focus-visible,.payment-setup input:focus-visible,.payment-setup button:focus-visible,.payment-setup a:focus-visible,.payment-setup summary:focus-visible{outline:3px solid #3357dc;outline-offset:3px}
.payment-help{font-size:13px;color:#58677d}#payment-error{color:#a32626}.payment-setup{padding:24px;overflow-wrap:anywhere}.payment-setup h2{font-size:18px;margin:0 0 8px}.payment-setup p{line-height:1.6}.payment-setup label{display:block;font-weight:600;margin:18px 0 6px}.payment-setup input:not([type=checkbox]){box-sizing:border-box;width:100%;min-height:48px;font-size:16px}.payment-setup input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:#4264e7}.payment-setup .pay-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;font-weight:400}.payment-setup form{max-width:560px}.payment-setup [role=alert]{color:#ac2727}.payment-setup summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-weight:700}.payment-setup .pay-steps{padding-left:22px;line-height:1.7}.payment-setup .pay-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.payment-setup .pay-buttons>*{min-height:48px;white-space:normal}.payment-setup .pay-history{border-top:1px solid #c9d3e3;padding:18px 0}.payment-setup small{display:block;font-size:12px;color:var(--slate-500,#59687d)}.payment-setup .pay-status{padding:12px 16px;border:1px solid #b6c6ef;border-radius:12px;background:var(--slate-50,#f2f6ff);color:var(--slate-800,#263650)}
@media(max-width:480px){.payment-setup{padding:18px}.payment-setup .pay-buttons>*{width:100%}.payment-setup .pay-consent{font-size:14px}}
html.tema-escuro .payment-setup .pay-status{background:var(--slate-100);border-color:var(--slate-300)}
.payment-setup [hidden]{display:none!important}
.payment-setup .payment-launch{display:flex;justify-content:space-between;gap:12px;min-height:52px;padding:14px 18px;margin:18px 0;background:#3454d1;color:#fff;border:2px solid #2742a8;border-radius:12px;list-style:none;box-shadow:0 3px 8px #17203320;line-height:1.5}
.payment-setup .payment-launch::-webkit-details-marker{display:none}
.payment-setup .payment-launch:hover{background:#2944af}
.payment-setup details[open]>.payment-launch span{transform:rotate(90deg)}
.payment-setup .pay-key-saved{padding:12px;border:1px solid #7eb49b;border-radius:10px;background:var(--slate-50,#f2f6ff);color:var(--slate-800,#263650)}
.payment-setup input[readonly]{background:var(--slate-100,#eef2f7);color:var(--slate-700,#334155)}
html.tema-escuro .payment-setup .payment-launch{background:#344fad;border-color:#9aafff;color:#fff}
.pl-payment-waiting{margin-top:24px;padding:16px;border:1px solid var(--slate-200,#d5deeb);box-shadow:none}
.pl-payment-waiting summary{gap:10px;min-height:48px}
.pl-payment-count{padding:2px 8px;border-radius:99px;background:var(--slate-100,#eef2f7);color:var(--slate-700,#334155)}
.pl-payment-waiting>p,.pl-payment-note{font-size:13px;line-height:1.6;color:var(--slate-600,#475569)}
.pl-payment-waiting [data-order-id]{overflow-wrap:anywhere}
.pedidos-loja-grid>div{min-width:0}
#pl-content .pl-order-action{min-height:44px;min-width:72px}
.payment-setup select{font-size:16px;min-height:48px;max-width:100%}
.payment-receipt [hidden]{display:none!important}
.payment-receipt summary{min-height:48px;cursor:pointer;display:flex;align-items:center;font-weight:600}
.payment-receipt li{margin-block:10px}
html.tema-escuro .payment-page{background:#111827;color:#f3f4f6}
html.tema-escuro .payment-receipt{background:#1f2937;border-color:#475569}
html.tema-escuro .payment-brand{color:#a7b9ff}
html.tema-escuro .payment-help{color:#cbd5e1}
html.tema-escuro .payment-page .pay-button.secondary{background:#263650;border-color:#94a3b8;color:#f8fafc}
html.tema-escuro #payment-error{color:#fca5a5}
