/* Shared detail dialog: one place for full ledger pages and existing orders. */
html:root body .account-history-tabs { display:flex; gap:8px; margin:16px 0; border-bottom:1px solid #e0e5ee; padding-bottom:12px; }
html:root body .account-history-tabs button { min-height:44px; padding:10px 16px; border:1px solid transparent; border-radius:8px; background:transparent; color:#596579; font:inherit; font-size:14px; cursor:pointer; }
html:root body .account-history-tabs button[aria-selected="true"] { background:#f0f3f8; color:#172033; border-color:#d7deea; font-weight:600; }
html:root body #accountLedgerPanel[hidden], html:root body #accountOrdersPanel[hidden], html:root body #accountOrderDetail[hidden] { display:none !important; }
html:root body .account-history-help { margin:8px 0 14px; color:#596579; font-size:13px; line-height:1.7; }
html:root body .account-history-pagination { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:16px; }
html:root body .account-history-pagination > span { flex:1 1 200px; color:#596579; font-size:13px; line-height:1.6; }
html:root body .account-history-pagination button { min-height:40px; }
html:root body .account-history-pagination button:disabled { cursor:default; color:#8993a2; }
html:root body #accountOrdersPanel .account-ledger-table-wrap { overflow:auto; max-width:100%; }
html:root body #accountOrdersPanel .account-orders-table { min-width:600px; width:100%; }
html:root body #accountOrdersPanel td { vertical-align:top; line-height:1.7; }
html:root body #accountOrdersPanel code { display:inline-block; max-width:210px; white-space:normal; overflow-wrap:anywhere; font-size:12px; }
html:root body .account-order-detail { padding:16px; background:#f5f7fa; border:1px solid #e0e5ee; border-radius:10px; margin-top:16px; color:#263244; overflow-wrap:anywhere; }
html:root body .account-order-detail strong { font-size:14px; line-height:1.7; }
html:root body .account-order-detail p { margin:8px 0 0; color:#596579; font-size:13px; line-height:1.7; }
@media(max-width:600px) { html:root body .account-history-pagination > span { flex-basis:100%; } html:root body .account-history-pagination button { flex:1; min-height:44px; } }

html:root body .account-history-mobile-hint { display:none; color:#596579; font-size:12px; line-height:1.6; }
@media(max-width:600px) { html:root body .account-history-mobile-hint { display:block; margin:0 0 10px; } }

/* Keep the account wallet behind this blocking detail surface. */
html:root body.has-blocking-modal-open:has(#accountLedgerModal.visible) #sidebarWallet { visibility:hidden !important; pointer-events:none !important; }