.trade-confirm{box-sizing:border-box;width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 28px);margin:auto;padding:26px;border:1px solid var(--border,#294363);border-radius:16px;background:var(--panel,#101d31);color:var(--text,#e5edf9);box-shadow:0 24px 80px #0006;font-family:var(--portal-font,Inter,system-ui,sans-serif)}
.trade-confirm::backdrop{background:rgb(2 8 20 / .7);backdrop-filter:blur(3px)}
.trade-confirm h2{margin:14px 0 12px;font-size:22px;line-height:1.25;color:inherit}
.trade-confirm p{font-size:14px;line-height:1.55;margin:12px 0;color:var(--muted,#9cb0cc)}
.trade-confirm .trade-confirm-target{padding:10px 12px;border:1px solid var(--border,#294363);border-radius:8px;color:var(--text,#e5edf9);font-weight:600;overflow-wrap:anywhere}
.trade-confirm .trade-confirm-extra{font-size:12px}
.trade-confirm-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--bad,#ff4770);border-radius:11px;color:var(--bad,#ff4770);font-size:23px;font-weight:700}
.trade-confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}
.trade-confirm-actions button{min-height:44px;padding:10px 16px;border:1px solid var(--border,#294363);border-radius:9px;background:transparent;color:var(--text,#e5edf9);font:600 14px/1.3 var(--portal-font,Inter,system-ui,sans-serif);cursor:pointer}
.trade-confirm-actions [data-accept]{border-color:var(--bad,#ff4770);color:var(--bad,#ff4770);background:color-mix(in srgb,var(--bad,#ff4770) 10%,transparent)}
.trade-confirm-actions button:focus-visible{outline:2px solid var(--blue,#6ea7ff);outline-offset:3px}
html[data-theme="light"] .trade-confirm{background:#fff;color:#102340}
@media(max-width:480px){.trade-confirm{padding:20px}.trade-confirm h2{font-size:20px}.trade-confirm-actions button{flex:1;padding:10px 8px}}