.pix-pending-page{padding:17px 18px 25px;background:var(--cream);color:var(--ink);min-height:calc(100svh - 62px)}
.pix-pending-header{text-align:center;margin-bottom:19px}.pix-pending-header .brand{width:119px;height:48px}.pix-pending-header>p{margin:5px 0 0;font-size:11px;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}
.pix-pending-card{padding:22px 17px 15px;border:1px solid #e4dacc;border-radius:24px;background:#fffdf9;box-shadow:0 12px 30px #47301408;text-align:center;overflow:hidden}
.pix-pending-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 11px;border:1px solid #d6e2d5;border-radius:99px;background:#eff4ed;font-size:9px;font-weight:800;letter-spacing:.5px;color:var(--green)}.pix-pending-badge .icon{width:12px;height:12px;stroke-width:2}
.pix-pending-card h1{font-size:25px;line-height:1.12;letter-spacing:-.85px;margin:19px 0 0;font-weight:850;text-wrap:balance;overflow-wrap:anywhere}.pix-pending-preview{font-size:11px;line-height:1.5;padding:10px 12px;margin:13px 0 0;border:1px solid #ead7be;border-radius:12px;background:#fff4e5;color:#7c5428}
.pix-pending-total{margin:19px 0 21px}.pix-pending-total>span{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.pix-pending-total>strong{display:block;font-size:40px;font-weight:900;letter-spacing:-1.4px;line-height:1.1;color:var(--red);font-variant-numeric:tabular-nums}.pix-pending-total>small{display:block;margin-top:8px;font-size:11px;color:var(--muted);line-height:1.4}
.pix-pending-page .pix-pending-copy{font-size:13px;min-height:55px;padding:15px 11px;gap:9px;box-shadow:0 7px 16px #d807201c}.pix-pending-page .pix-pending-copy .icon{width:19px;height:19px}.pix-pending-page .pix-pending-copy:disabled{background:#bcbdb5;color:#fff;box-shadow:none}.pix-pending-copy-result{margin:9px 2px 0;font-size:11px;line-height:1.45;color:var(--green)}.pix-pending-copy-result:empty{display:none}
.pix-pending-steps{list-style:none;margin:23px 0 24px;padding:0;text-align:left;display:grid}.pix-pending-steps[hidden]{display:none}.pix-pending-steps>li{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.pix-pending-steps>li:last-child{border-bottom:0;padding-bottom:0}.pix-pending-steps>li:first-child{padding-top:0}.pix-pending-steps>li>span{display:grid;place-items:center;flex:none;width:24px;height:24px;background:#eef3e9;border:1px solid #d4ddcd;border-radius:50%;font-size:11px;font-weight:800;color:var(--green)}.pix-pending-steps p{font-size:12px;line-height:1.5;margin:0;color:#4d5750}.pix-pending-steps strong{color:var(--ink);font-weight:750}
.pix-pending-options{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:8px;margin:0 0 21px;text-align:left}.pix-pending-detail{min-width:0}.pix-pending-detail>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:6px;min-height:43px;padding:9px 5px;border-radius:12px;border:1px solid #e2dfd5;background:#f5f4ed;color:var(--green);font-size:11px;line-height:1.25;font-weight:750;cursor:pointer}.pix-pending-detail>summary::-webkit-details-marker{display:none}.pix-pending-detail>summary>.icon{width:14px;height:14px;flex:none}.pix-pending-detail>summary>.pix-pending-chevron{width:12px;height:12px}.pix-pending-detail[open]>summary>.pix-pending-chevron{transform:rotate(180deg)}.pix-pending-detail[open]{grid-column:1/-1}.pix-pending-detail[open]>summary{background:#edf3e9;border-color:#d4decd}.pix-pending-detail-body{padding:13px 0 0;text-align:center}.pix-pending-detail-body>p{font-size:11px;line-height:1.5;color:var(--muted);margin:8px 8px 0}.pix-pending-detail textarea{width:100%;min-height:106px;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.6;padding:11px;resize:vertical;overflow-wrap:anywhere;word-break:break-all}.pix-pending-qr{display:block;width:min(100%,205px);height:auto;max-height:none;image-rendering:pixelated;background:white;padding:10px;margin:0 auto;border:1px solid var(--line);border-radius:14px}.pix-pending-qr-placeholder{width:180px;max-width:100%;height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin:auto;border:1px dashed #d8d8cf;border-radius:14px;background:#f2f2eb;color:#7c8578}.pix-pending-qr-placeholder>.icon{width:40px;height:40px;stroke-width:1.2}.pix-pending-qr-placeholder>span{font-size:11px}
.pix-pending-status{display:flex;align-items:center;justify-content:center;gap:11px;padding:15px 10px;border:1px solid #e1d7be;background:#f8f0df;border-radius:15px;text-align:left;color:#806034}.pix-pending-status-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#eee1c4}.pix-pending-status-icon>.icon{width:17px;height:17px}.pix-pending-status strong{display:block;font-size:12px;line-height:1.3;font-weight:800}.pix-pending-status p{font-size:10px;line-height:1.45;margin:4px 0 0}.pix-pending-page[data-status=paid] .pix-pending-status{background:#edf4e9;border-color:#cfdec7;color:var(--green)}.pix-pending-page[data-status=paid] .pix-pending-status-icon{background:#dcebd4}.pix-pending-page[data-status=expired] .pix-pending-status,.pix-pending-page[data-status=cancelled] .pix-pending-status,.pix-pending-page[data-status=failed] .pix-pending-status{background:#fff0ec;border-color:#ebd0c9;color:#a04438}.pix-pending-expiry{font-size:10px;line-height:1.4;color:var(--muted);margin:10px 0 0;font-variant-numeric:tabular-nums}.pix-pending-refresh{font-size:10px;line-height:1.5;color:#806034;margin:9px 4px 0}.pix-pending-refresh:empty{display:none}
.pix-pending-reopen{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:10px 7px 2px;margin:9px auto 0;border:0;background:none;color:var(--muted);font-size:11px;text-decoration:underline;text-underline-offset:3px}.pix-pending-reopen>.icon{width:13px;height:13px}.pix-pending-footer{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;line-height:1.5;margin:17px 0 0;color:var(--muted)}.pix-pending-footer>.icon{width:11px;height:11px}
@media(max-width:350px){.pix-pending-page{padding:14px 12px 22px}.pix-pending-card{padding:19px 13px 13px;border-radius:21px}.pix-pending-card h1{font-size:23px}.pix-pending-total>strong{font-size:37px}.pix-pending-page .pix-pending-copy{font-size:11px;gap:7px}.pix-pending-steps p{font-size:11px}.pix-pending-options{gap:7px}.pix-pending-detail>summary{font-size:10px;gap:5px}}