/* Checkout transparente de planos. */
.mpp-overlay{--mpp-ink:#17212b;--mpp-muted:#667085;--mpp-line:#e4e7ec;--mpp-accent:#1769e0;position:fixed;inset:0;background:rgba(12,18,25,.62);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:12px}
.mpp-modal{background:#fff;color:var(--mpp-ink);border:1px solid rgba(255,255,255,.6);border-radius:14px;max-width:560px;width:100%;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;box-shadow:0 28px 80px rgba(0,0,0,.3);animation:mppIn .18s ease-out}
@keyframes mppIn{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
.mpp-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 20px;background:#fff;border-bottom:1px solid var(--mpp-line)}
.mpp-title{font-size:18px;line-height:1.25;font-weight:750;color:var(--mpp-ink)}
.mpp-sub{font-size:13px;color:var(--mpp-muted);margin-top:3px}
.mpp-sub b{color:var(--mpp-ink);font-size:14px}
.mpp-close{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;margin:-3px -5px 0 0;border:0;border-radius:50%;background:transparent;font-size:25px;line-height:1;cursor:pointer;color:#667085}
.mpp-close:hover{background:#f2f4f7;color:var(--mpp-ink)}
.mpp-close:focus-visible,.mpp-tab:focus-visible,.mpp-btn:focus-visible{outline:3px solid rgba(23,105,224,.3);outline-offset:2px}
.mpp-tabs{display:flex;position:sticky;top:65px;z-index:1;background:#fff;border-bottom:1px solid var(--mpp-line)}
.mpp-tab{flex:1;padding:10px;border:0;background:transparent;font-size:14px;font-weight:650;color:var(--mpp-muted);cursor:pointer;border-bottom:2px solid transparent}
.mpp-tab.active{color:var(--mpp-accent);border-bottom-color:var(--mpp-accent)}
.mpp-body{padding:12px 20px 18px}
.mpp-form .mpp-row{margin-bottom:7px;display:flex;flex-direction:column;gap:3px}
.mpp-form label{font-size:12px;color:#344054;font-weight:650}
.mpp-form input,.mpp-form select,.mpp-form textarea{width:100%;min-height:42px;padding:8px 11px;border:1px solid #cbd2dc;border-radius:8px;background:#fff;color:var(--mpp-ink);font-size:14px;outline:none;font-family:inherit}
.mpp-form input,.mpp-form select,.mpp-form textarea{box-sizing:border-box;width:100%;min-width:0;min-height:42px;padding:8px 11px;border:1px solid #cbd2dc;border-radius:8px;background:#fff;color:var(--mpp-ink);font-size:14px;outline:none;font-family:inherit}
.mpp-form input:focus,.mpp-form select:focus,.mpp-form textarea:focus{border-color:var(--mpp-accent);box-shadow:0 0 0 3px rgba(23,105,224,.14)}
.mpp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:7px;align-items:end}
.mpp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:7px;align-items:end}
.mpp-grid>div{display:grid;gap:3px;min-width:0}
.mpp-btn{min-height:44px;padding:10px 14px;border-radius:8px;border:1px solid #cbd2dc;background:#fff;color:var(--mpp-ink);font-size:14px;font-weight:650;cursor:pointer;width:100%;margin-top:6px;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.mpp-btn-primary{min-height:46px;background:var(--mpp-accent);color:#fff;border-color:var(--mpp-accent)}
.mpp-btn-primary:hover{background:#0f57c8;border-color:#0f57c8;transform:translateY(-1px)}
.mpp-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}
.mpp-msg{margin-top:7px;font-size:13px;line-height:1.4;color:#b42318;min-height:1em}
.mpp-msg.mpp-pending{color:#175cd3}
.mpp-pix-wrap{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;padding:4px 0}
.mpp-pix-qr{width:min(210px,62vw);aspect-ratio:1;height:auto;background:#fff;border:1px solid var(--mpp-line);border-radius:8px}
.mpp-pix-copy{width:100%;text-align:left}
.mpp-pix-copy label{display:block;margin-bottom:4px}
.mpp-pix-copy textarea{width:100%;min-height:74px;font-size:12px;line-height:1.45;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}
.mpp-pix-status{font-size:13px;color:#175cd3;font-weight:650}
.mpp-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:#17212b;color:#fff;padding:12px 18px;border-radius:8px;font-size:14px;opacity:0;transition:all .25s;z-index:10000;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.mpp-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.mpp-toast.ok{background:#087443}
.mpp-toast.err{background:#b42318}
@media(max-width:560px){.mpp-overlay{padding:8px}.mpp-modal{max-height:calc(100dvh - 16px);border-radius:12px}.mpp-head{padding:12px 16px}.mpp-tabs{top:59px}.mpp-body{padding:10px 16px 14px}.mpp-grid{gap:8px}}
@media(max-width:420px){.mpp-grid--identity{grid-template-columns:1fr}}
@media(max-width:420px){.mpp-grid--identity{grid-template-columns:1fr}}
