/* Transaction dialogs share one viewport-centred surface across public pages. */
body.dd-visual-system .modal{z-index:1060!important;padding:0!important}
body.dd-visual-system .modal-backdrop{z-index:1050!important}
body.dd-visual-system .modal .modal-dialog{display:flex;align-items:center;width:calc(100% - 32px);max-width:600px;height:calc(100% - 32px);min-height:0;margin:16px auto}
body.dd-visual-system .modal .modal-dialog.modal-lg{max-width:800px}
body.dd-visual-system .modal .modal-content{width:100%;max-height:100%;padding:0;margin:0;border:1px solid var(--dd-border-strong);border-radius:16px;background:var(--dd-bg-2);color:var(--dd-text);box-shadow:var(--dd-shadow);overflow:hidden}
body.dd-visual-system .modal .modal-header{padding:20px 24px;border-bottom:1px solid var(--dd-border);flex-shrink:0}
body.dd-visual-system .modal .modal-header :is(h2,h3,h5){margin:0;font-size:30px}
body.dd-visual-system .modal .modal-body{padding:20px 24px;overflow-y:auto;overscroll-behavior:contain}
body.dd-visual-system .modal .modal-footer{padding:14px 24px;gap:8px;border-top:1px solid var(--dd-border);flex-shrink:0}
body.dd-visual-system .modal.fade .modal-dialog{transform:translateY(8px);transition:transform 160ms ease-out}
body.dd-visual-system .modal.show .modal-dialog{transform:none}
body.dd-visual-system .modal .modal-footer :is(button,a){min-height:44px}
.dd-visual-system #tradeDialog{position:fixed;inset:0;margin:auto;max-height:calc(100dvh - 32px);overscroll-behavior:contain}
.dd-transaction-notice{position:fixed;z-index:1090;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 32px);padding:10px 12px 10px 18px;background:var(--dd-bg-2);border:1px solid #52756e;border-radius:12px;box-shadow:var(--dd-shadow);color:var(--dd-text);font:500 14px/1.5 Barlow,sans-serif}
.dd-transaction-notice[hidden]{display:none!important}
.dd-transaction-check{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%;background:#91efd418;color:var(--dd-mint-soft);font-size:18px}
.dd-transaction-notice a{color:var(--dd-mint-soft);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.dd-transaction-notice button{flex:0 0 44px;min-height:44px;border:0;border-radius:6px;background:transparent;color:var(--dd-muted);font-size:24px;line-height:1}
.dd-transaction-notice button:hover{background:#ffffff0a;color:var(--dd-text)}
@media(max-width:767px){body.dd-visual-system .modal .modal-header,body.dd-visual-system .modal .modal-body{padding:18px}body.dd-visual-system .modal .modal-footer{padding:12px 18px}.dd-transaction-notice{gap:8px;padding-left:12px;flex-wrap:wrap}.dd-transaction-notice>span:nth-child(2){flex:1;min-width:120px}.dd-transaction-notice>a{order:1;flex-basis:100%;padding:0 34px 6px}}