/* Shared account styling for deposit and withdrawal flows. */
:is(#depositDialog, dialog.withdraw-dialog.deposit-dialog) {
  box-sizing:border-box;width:min(440px,calc(100% - 24px));max-height:calc(100dvh - 32px);
  padding:16px;border:0;border-radius:16px;background:#0d1115;color:#e3e8ec;
  outline:none;box-shadow:0 20px 64px #0007;font-size:13px;line-height:1.5;
  overflow:auto;overscroll-behavior:contain;color-scheme:dark;
}
:is(#depositDialog, dialog.withdraw-dialog)::backdrop{background:#030609b8;backdrop-filter:blur(6px)}
:is(#depositDialog, dialog.withdraw-dialog) header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid #252c33}
:is(#depositDialog, dialog.withdraw-dialog) header b{font-size:16px;font-weight:600;letter-spacing:0}
:is(#depositDialog, dialog.withdraw-dialog) .dialog-close{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:0;border-radius:6px;background:transparent;color:#aab5be;font-size:24px;box-shadow:none}
:is(#depositDialog, dialog.withdraw-dialog) label{display:block;margin:0 0 10px;color:#929faa;font-size:12px}
:is(#depositDialog, dialog.withdraw-dialog) input,
dialog.withdraw-pin.withdraw-dialog input[name=pin]{box-sizing:border-box;width:100%;min-height:42px;height:42px;margin-top:4px;padding:8px 0;border:0;border-bottom:1px solid #3a444d;border-radius:0;background:transparent;color:#e3e8ec;box-shadow:none;outline:none;font-size:16px;font-variant-numeric:tabular-nums}
:is(#depositDialog, dialog.withdraw-dialog) input:focus{border-color:#bdc9d2;box-shadow:none;outline:none}
:is(#depositDialog, dialog.withdraw-dialog) input::placeholder{color:#75818c}
:is(#depositDialog, dialog.withdraw-dialog) button:focus{outline:none;box-shadow:none}
:is(#depositDialog, dialog.withdraw-dialog) button:focus-visible,
:is(#depositDialog, dialog.withdraw-dialog) summary:focus-visible{outline:1px solid #aebbc5;outline-offset:2px}
:is(#depositDialog, dialog.withdraw-dialog) .deposit-primary{width:100%;min-height:42px;padding:10px 14px;border:0;border-radius:7px;background:#dbe4ea;color:#15212a;font-size:14px;font-weight:600;box-shadow:none}
:is(#depositDialog, dialog.withdraw-dialog) .deposit-primary:hover{background:#eef3f6}
:is(#depositDialog, dialog.withdraw-dialog) button:disabled{opacity:.5;cursor:wait}
:is(#depositDialog, dialog.withdraw-dialog) .signout-btn{min-height:36px;padding:6px 0;border:0;border-radius:0;background:transparent;color:#bcc6ce;font-size:12px;font-weight:500;box-shadow:none}
:is(#depositDialog, dialog.withdraw-dialog) details{margin-top:12px;padding-top:8px;border-top:1px solid #252c33}
:is(#depositDialog, dialog.withdraw-dialog) summary{margin:0;min-height:32px;align-content:center;color:#929faa;font-size:12px;cursor:pointer}
:is(#depositDialog, dialog.withdraw-dialog) .deposit-history{padding:0;color:#929faa;font-size:12px;overflow-wrap:anywhere}
:is(#depositDialog, dialog.withdraw-dialog) .deposit-history :is(p,.row){margin:0;padding:10px 0!important;border-bottom:1px solid #252c33;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
#depositDialog #refreshDeposits{margin-top:0!important;padding:4px 0;font-size:12px}
#depositDialog>p:has([data-udc-rate]),dialog.withdraw-dialog .withdraw-rate{margin:0 0 10px;padding:0;border:0;border-radius:0;background:none;color:#929faa;font-size:12px}
#depositDialog .fund-policy,dialog.withdraw-dialog .withdraw-note{margin:0 0 12px;padding:0;border:0;background:none;color:#929faa;font-size:12px;line-height:1.6}
#depositDialog .deposit-step{margin:0 0 6px;color:#e3e8ec;font-size:13px;gap:8px}
#depositDialog .deposit-step>span{color:#75818c}
#depositDialog .deposit-quote{padding:2px 0 12px}
#depositDialog .deposit-quote span,#depositDialog .deposit-pay-summary>span{font-size:12px;color:#929faa}
#depositDialog .deposit-quote b,#depositPayAmount{font-size:23px;color:#e3e8ec;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
#depositPayment{margin-top:12px;padding-top:12px;border-color:#252c33}
#depositDialog .deposit-pay-summary{margin-bottom:8px}
#depositDialog .deposit-address-head,#depositDialog .deposit-address-head>span:last-child{color:#929faa;font-size:11px}
#depositDialog #copyDepositAddress{gap:10px;padding:6px 0;color:#d0d8df}
#depositDialog .deposit-address-value{font-size:12px;line-height:1.6}
#depositDialog .deposit-copy-label,#depositDialog #depositCopyStatus{color:#bcc6ce}
#depositCopyStatus:empty{display:none}
#depositDialog .deposit-instructions{margin:8px 0 12px}
#depositDialog .deposit-instructions h4,#depositDialog .deposit-instructions ol{color:#929faa;font-size:12px;line-height:1.6}
#depositDialog .deposit-instructions li{margin:4px 0}
#depositDialog .deposit-instructions li::marker{color:#929faa}
#depositDialog #depositStatus{margin:8px 0;font-size:12px;color:#aab5be}
dialog.withdraw-dialog .withdraw-address{margin:0 0 12px;padding:0 0 10px;border:0;border-bottom:1px solid #252c33;border-radius:0;background:none}
dialog.withdraw-dialog .withdraw-address>span{margin-bottom:4px;color:#929faa;font-size:12px}
dialog.withdraw-dialog .withdraw-address>b{color:#d0d8df;font-size:12px;line-height:1.6;text-wrap:wrap;overflow-wrap:anywhere}
dialog.withdraw-dialog .withdraw-edit{margin-top:4px;min-height:36px}
dialog.withdraw-dialog [role=status]:not(:empty){margin:8px 0;padding:6px 0;border:0;border-radius:0;background:none;color:#d5b997;font-size:12px;line-height:1.5}
dialog.withdraw-pin.withdraw-dialog.deposit-dialog{width:min(360px,calc(100% - 24px));padding:16px;border-radius:16px}
dialog.withdraw-pin.withdraw-dialog .udc-confirm-summary{padding:0;margin:0 0 12px;border:0;background:none}
dialog.withdraw-pin .withdraw-summary-label{margin-bottom:2px;color:#929faa;font-size:12px}
dialog.withdraw-pin .withdraw-summary-amount{margin-bottom:10px;color:#e3e8ec;font-size:26px;line-height:1.3;font-variant-numeric:tabular-nums}
dialog.withdraw-pin .withdraw-summary-row{padding:3px 0;font-size:12px}
dialog.withdraw-pin .withdraw-summary-row>span{color:#929faa}
dialog.withdraw-pin .withdraw-summary-row>b{color:#e3e8ec}
dialog.withdraw-pin.withdraw-dialog .udc-confirm-summary small{margin-top:8px;padding-top:8px;border-color:#252c33;color:#929faa;font-size:12px}
@media(max-width:360px){:is(#depositDialog,dialog.withdraw-dialog.deposit-dialog){padding:14px}.deposit-copy-label{font-size:10px}}

/* PIN forms share the account's neutral, compact visual language. */
#pinDialog{box-sizing:border-box;width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid #2b343e;border-radius:12px;background:#10161e;color:#e3e8ec;box-shadow:0 20px 64px #0008;overflow:auto;overscroll-behavior:contain;color-scheme:dark}
#pinDialog::backdrop{background:#030609b8;backdrop-filter:blur(4px)}
#pinDialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid #29313b}
#pinDialog #pinTitle{font-size:16px;font-weight:600;line-height:24px}
#pinDialog #pinClose{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:6px;background:transparent;color:#95a2af;font-size:24px;box-shadow:none}
#pinDialog #pinDescription{margin:0 0 16px;color:#929faa;font-size:12px;line-height:1.65}
#pinDialog label{display:block;margin:0 0 12px;color:#a8b4c2;font-size:13px;line-height:20px}
#pinDialog label[hidden]{display:none}
#pinDialog input{box-sizing:border-box;width:100%;height:44px;min-height:44px;margin:6px 0 0;padding:10px 12px;border:1px solid #35404d;border-radius:6px;background:#0c1118;color:#eef2f6;font-size:16px;line-height:22px;letter-spacing:4px;outline:none;box-shadow:none}
#pinDialog input:focus{border-color:#a6b7c8;outline:none;box-shadow:0 0 0 1px #a6b7c833}
#pinDialog #pinError{margin:4px 0 12px;min-height:0;font-size:12px;line-height:20px;color:#f06486}
#pinDialog #pinError:empty{display:none}
#pinDialog #pinSubmit{width:100%;min-height:44px;margin:6px 0 0;padding:10px 14px;border:1px solid #526171;border-radius:6px;background:#384656;color:#fff;font-size:14px;font-weight:600;line-height:22px;box-shadow:none}
#pinDialog #pinSubmit:hover:not(:disabled){background:#455669}
#pinDialog #pinSubmit:disabled{opacity:.5}
#pinDialog button:focus-visible{outline:2px solid #a6b7c8;outline-offset:2px}