/* All initial page styling comes from the original local stylesheet.
   These rules only cover interaction feedback and the hidden preview dialog. */
.trx-replica-interaction-note[hidden],.trx-replica-dialog [hidden]{display:none!important}
.trx-replica-interaction-note{margin:14px 0 0;color:var(--ink2);font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.trx-replica-interaction-note.trx-replica-error{color:var(--red)}
#swap input[aria-invalid="true"]{color:var(--red)}
.qr[role="button"]{cursor:pointer}
.qr[role="button"]:focus-visible{outline:2px solid var(--red);outline-offset:4px;border-radius:8px}
.trx-replica-dialog{position:fixed;inset:0;margin:auto;width:min(490px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:0;border:1px solid var(--line);border-radius:20px;background:var(--card);color:var(--ink);box-shadow:0 24px 100px #0004;font-family:inherit}
.trx-replica-dialog:not([open]){display:none}
.trx-replica-dialog::backdrop{background:#11182766;backdrop-filter:blur(6px)}
.trx-replica-dialog-content{padding:30px}
.trx-replica-badge{margin:0 0 13px;color:var(--red);font-size:12px}
.trx-replica-dialog h2{font-size:23px;line-height:1.5;margin:0 0 20px}
.trx-replica-dialog-body p{font-size:14px;line-height:1.9;color:var(--ink2);margin:0 0 14px;overflow-wrap:anywhere}
.trx-replica-dialog-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.trx-replica-dialog-actions button{flex:1;min-height:45px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);border-radius:12px;padding:11px 17px;font-size:13px;font-weight:600}
.trx-replica-dialog-actions .trx-replica-secondary{border-color:var(--line);background:var(--soft);color:var(--ink)}
.trx-replica-dialog button:focus-visible{outline:2px solid var(--red);outline-offset:4px}
@media(max-width:480px){.trx-replica-dialog-content{padding:24px}.trx-replica-dialog h2{font-size:21px}}