/* Detalles de pago: compactos, legibles y acordes con el panel. */
.payment-display{border:0;padding:0;color:var(--ink);margin:0}
.payment-display>#payment-method,.payment-display>#payment-message{display:none}
.payment-content{font-size:13px;line-height:1.45}
.payment-content>p{color:var(--muted);margin:0 0 10px}
.payment-availability{font-size:13px;line-height:1.5;color:var(--muted);margin:0;padding:14px;border:1px solid var(--line-ui, var(--line));border-radius:10px;background:var(--surface-ui, var(--panel))}
.payment-link,.payment-small-button,.payment-copy{border:1px solid var(--line-ui, var(--line));border-radius:9px;background:var(--input);color:var(--ink);font:600 12px var(--ui-font, sans-serif);text-decoration:none;transition:border-color .15s,background .15s}
.payment-link,.payment-small-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px}
.payment-link:hover,.payment-small-button:hover,.payment-copy:hover{border-color:var(--ink);background:var(--soft)}
.payment-qr-card{display:flex;align-items:center;gap:16px;border:1px solid var(--line-ui, var(--line));border-radius:12px;padding:10px;background:var(--surface-ui, var(--panel))}
.payment-qr-thumb{display:block;flex:none;width:126px;height:138px;object-fit:contain;background:#fff;border-radius:7px}
.payment-qr-copy strong{font-size:14px}.payment-qr-copy p{margin:6px 0 10px;color:var(--muted);font-size:12px}
.payment-qr-dialog{max-width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line-ui, var(--line));border-radius:20px;background:var(--surface-ui, var(--panel));color:var(--ink);padding:18px;box-shadow:0 24px 80px #0009}
.payment-qr-dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}
.payment-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.payment-dialog-header h3{font-size:16px;margin:0}
.payment-dialog-close{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid var(--line-ui, var(--line));border-radius:50%;background:transparent;color:var(--ink);font-size:24px;line-height:1}
.payment-qr-large{display:block;width:min(360px,100%);height:auto;margin:auto;background:white;border-radius:10px}
.payment-qr-dialog>p{font-size:12px;color:var(--muted);margin:12px 0 0}
.payment-bank-grid{display:grid;grid-template-columns:1fr;gap:7px}
.payment-bank-item{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:12px;row-gap:5px;align-items:center;border:1px solid var(--line-ui, var(--line));border-radius:10px;padding:12px 13px;background:var(--surface-ui, var(--panel))}
.payment-bank-item strong{grid-column:1;grid-row:1;display:flex;align-items:center;gap:8px;min-width:0;font-size:14px;line-height:1.3;letter-spacing:.02em;color:var(--muted)}
.payment-flag{display:inline-flex;width:24px;height:16px;flex:none;overflow:hidden;border-radius:2px;box-shadow:0 0 0 1px #ffffff26}
.payment-flag svg{display:block;width:100%;height:100%}
.payment-bank-number{grid-column:1;grid-row:2;min-width:0;font-size:14px;line-height:1.35;letter-spacing:0;overflow-wrap:anywhere;user-select:all}
.payment-copy{grid-column:2;grid-row:1 / 3;align-self:center;min-height:40px;padding:8px 12px;font-size:12px}
.payment-copy-status{min-height:1em;margin:5px 0 0!important;color:var(--muted);font-size:11px}
@media(max-width:450px){.payment-qr-thumb{width:105px;height:116px}.payment-qr-card{gap:10px}.payment-bank-grid{gap:7px}.payment-bank-item{padding:10px;column-gap:8px}.payment-bank-item strong,.payment-bank-number{font-size:13px}.payment-flag{width:22px;height:15px}.payment-copy{min-height:40px;padding:8px 10px;font-size:12px}}