.checkout-panel{display:grid;gap:16px;text-align:left;width:100%;margin:20px 0}
#tela-acesso-pendente .acesso-pendente-aviso[hidden]{display:none}
.checkout-panel .btn-secundario{color:#f1f5f9}html[data-tema="claro"] .checkout-panel .btn-secundario{color:#172033}
.checkout-panel label{display:block;font-weight:600;margin-bottom:6px}
.checkout-panel select,.checkout-panel textarea{width:100%;max-width:100%;padding:12px;border-radius:10px;border:1px solid var(--borda,#64748b);background:var(--surface,#20242d);color:var(--texto,#f1f5f9);color-scheme:dark}
html[data-tema="claro"] .checkout-panel select,html[data-tema="claro"] .checkout-panel textarea{background:#fff;color:#172033;color-scheme:light}
.checkout-panel select option{background:#20242d;color:#f1f5f9}html[data-tema="claro"] .checkout-panel select option{background:#fff;color:#172033}
.checkout-panel :focus-visible{outline:3px solid #38bdf8;outline-offset:3px}.checkout-panel :disabled{opacity:.65;cursor:not-allowed}
.checkout-panel dl{display:grid;grid-template-columns:1fr auto;gap:9px}.checkout-panel dt,.checkout-panel dd{margin:0}.checkout-panel dd{font-weight:700;text-align:right}
.checkout-qr{background:white;padding:0;width:min(100%,300px);margin:0 auto}.checkout-qr svg{display:block;width:100%;height:auto}
.checkout-panel textarea{min-height:90px;overflow-wrap:anywhere;font-size:12px}.checkout-panel p{line-height:1.5;overflow-wrap:anywhere}
.checkout-panel[hidden],.checkout-panel [hidden]{display:none}.checkout-panel .checkout-actions{display:grid;gap:12px}.checkout-panel button{white-space:normal;min-height:44px}
.checkout-history{max-height:240px;overflow:auto}.checkout-record{padding:12px 0;border-top:1px solid #64748b}.checkout-panel .checkout-alert{padding:12px;border:1px solid #dcae55;border-radius:10px}
.checkout-panel section:not([hidden]){display:grid;gap:16px}
.checkout-panel .checkout-choices{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.checkout-panel .checkout-hint{font-size:.85rem;line-height:1.4;margin:6px 0}
.checkout-panel #checkout-updated{min-height:1.3em}
.checkout-panel #feedback-cupom-contato{font-weight:600;min-height:1.3em}
.checkout-panel #checkout-feedback:empty{display:none}
.checkout-panel #checkout-retry{justify-self:start}
.checkout-panel #checkout-proof-actions a{width:100%;box-sizing:border-box}
.checkout-panel #checkout-step-receipt{gap:20px}
.checkout-panel #checkout-proof-actions{grid-auto-rows:minmax(56px,1fr)}
.checkout-panel #checkout-proof-actions .receipt-channel{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;margin:0;padding:15px 18px;box-sizing:border-box;border:0;border-radius:12px;background:#245fa8;color:#fff;font-family:inherit;font-size:calc(16px * var(--font-scale,1));font-weight:600;line-height:1.4;text-align:center;text-decoration:none}
.checkout-panel #checkout-proof-actions .receipt-channel:hover{background:#1d4d89}
.checkout-panel .receipt-notice{margin:0}
.checkout-panel .receipt-email-address{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-size:.9rem;overflow-wrap:anywhere}
.checkout-panel .receipt-text-action{border:0;background:transparent;color:inherit;text-decoration:underline;padding:4px 8px;font:inherit;cursor:pointer}
.checkout-panel .receipt-desktop{display:none;font-size:.9rem;gap:10px}
.checkout-panel .receipt-desktop p{margin:0}
.checkout-panel .receipt-desktop a{color:inherit;text-decoration:underline;justify-self:start}
.checkout-panel #checkout-step-receipt #checkout-back-payment,.checkout-panel #checkout-step-receipt #checkout-receipt-login{margin:0}
@media(min-width:768px){.checkout-panel .receipt-desktop{display:grid}}
.checkout-summary-updated{animation:checkout-summary-flash .5s ease-out}
@keyframes checkout-summary-flash{from{outline:2px solid #3881c7;outline-offset:5px}to{outline:2px solid transparent;outline-offset:8px}}
@media(prefers-reduced-motion:reduce){.checkout-summary-updated{animation:none}}
@media(max-width:420px){.checkout-panel .checkout-choices{grid-template-columns:1fr}}

/* Provider chooser mirrors the recovery dialog without changing recovery. */

#checkout-mail-options .recovery-mail-text-link { display:block; width:auto; min-height:44px; margin:4px auto; padding:10px; background:transparent; border:0; color:var(--focus); font:inherit; font-size:.85rem; text-decoration:underline; text-align:center; cursor:pointer; box-sizing:border-box; }
#checkout-mail-options { width:min(430px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; box-sizing:border-box; padding:20px; border:1px solid var(--border); border-radius:18px; background:var(--surface); color:var(--text); box-shadow:var(--shadow); }
#checkout-mail-options::backdrop { background:rgba(0,0,0,.45); }
#checkout-mail-options .recovery-mail-dialog-header { display:flex; align-items:flex-start; gap:12px; justify-content:space-between; }
#checkout-mail-options .recovery-mail-dialog-header h2 { margin:0; font-size:1.15rem; }
#checkout-mail-options .recovery-mail-dialog-header button { flex-shrink:0; padding:8px; background:var(--surface-soft); color:var(--text); border:1px solid var(--border); border-radius:8px; font:inherit; }
#checkout-mail-options .recovery-provider-list { display:grid; gap:8px; }
#checkout-mail-options .recovery-provider-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:8px; }
#checkout-mail-options .btn-secundario { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; margin:0; padding:8px; text-decoration:none; color:var(--text); background:var(--surface-soft); }
#checkout-mail-options .recovery-mail-text-link { margin:0; overflow-wrap:anywhere; }

#checkout-mail-options p{line-height:1.5;overflow-wrap:anywhere;font-size:.85rem}
#checkout-mail-options .receipt-email-address{margin:12px 0}
#checkout-mail-options a:focus-visible,#checkout-mail-options button:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}