/* Tela de pagamento PIX (assets/pagamento.js). Usa as variáveis do tema, com valores padrão. */
.pgx{display:flex;flex-direction:column;gap:12px;text-align:center}
.pgx-valor{display:flex;flex-direction:column;gap:2px}
.pgx-lbl{font-size:.8rem;color:var(--muted,#52617c);text-transform:uppercase;letter-spacing:.04em}
.pgx-valor strong{font-size:1.8rem;color:var(--green,#15803d);line-height:1.1}
.pgx-qr{display:flex;justify-content:center;min-height:60px}
.pgx-qr img{width:220px;height:220px;max-width:70vw;max-height:70vw;background:#fff;padding:8px;border:1px solid var(--line,#dbe7f5);border-radius:12px}
.pgx-ou{font-size:.85rem;color:var(--muted,#52617c)}
.pgx-code{width:100%;box-sizing:border-box;resize:none;font:12px/1.4 ui-monospace,Menlo,Consolas,monospace;padding:10px;border:1px solid var(--line,#dbe7f5);border-radius:10px;background:var(--surface,#fff);color:var(--text,#24385c)}
.pgx-passos{text-align:left;margin:4px 0 0;padding-left:20px;font-size:.88rem;color:var(--text,#24385c)}
.pgx-passos li{margin:3px 0}
.pgx-info,.pgx-instr{font-size:.9rem;color:var(--text,#24385c);margin:0}
.pgx-manual{text-align:left;font-size:.9rem;color:var(--text,#24385c);padding:10px 12px;border:1px solid var(--line,#dbe7f5);border-radius:10px;background:var(--surface,#fff);word-break:break-all}
.pgx-instr{margin-top:8px;white-space:pre-line}
.pgx-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;color:var(--muted,#52617c);margin-top:2px}
.pgx-status.ok{color:var(--green,#15803d);font-weight:700}
.pgx-status.err{color:var(--red,#d63355);font-weight:600}
.pgx-dot{width:10px;height:10px;border-radius:50%;background:var(--amber,#b86e00);flex:none;animation:pgxp 1.2s ease-in-out infinite}
.pgx-status.ok .pgx-dot{background:var(--green,#15803d);animation:none}
.pgx-status.err .pgx-dot{background:var(--red,#d63355);animation:none}
@keyframes pgxp{0%,100%{opacity:1}50%{opacity:.3}}
@media (prefers-reduced-motion:reduce){.pgx-dot{animation:none}}
.pgx-metodos{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.pgx-metodos label{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line,#dbe7f5);border-radius:10px;cursor:pointer;font-size:.92rem;color:var(--text,#24385c);background:var(--surface,#fff)}
.pgx-metodos input{margin:0}