/* App shell follows the real viewport; only its content pane can scroll. */
html,body,#app { height:100%; min-height:0; overflow:hidden; }
body { overscroll-behavior:none; }
.device[data-view],.device.is-setup[data-view] { width:min(480px,100%); height:100dvh; min-height:0; padding: max(12px,env(safe-area-inset-top)) 0 0; overflow:hidden; }
.device[data-view] > .sheet,.device[data-view] > .setup-page { min-height:0!important; overflow-x:hidden; overflow-y:auto; overscroll-behavior-y:contain; scrollbar-width:none; padding:0 20px 12px; scroll-padding:16px; }
.device[data-view] > .sheet::-webkit-scrollbar,.setup-page::-webkit-scrollbar { display:none; }
.device[data-view] > .sheet { display:flex; flex-direction:column; gap:14px; }
.device[data-view] > .sheet > *, .device[data-view] .setup-page > *,
.device[data-view] .setup-page .sheet > *,
.device[data-view] .setup-page :is(.setup-body,.dock) > *,
.device[data-view] :is(#send,#swap,#book-add) > *,
.device[data-view] .swap-stack > *,
.device[data-view] .pin-screen > *,
.device[data-view] .home-content > * {
 position:static!important; inset:auto!important; transform:none; flex-shrink:0; max-width:100%;
}
.device[data-view] .setup-page { display:flex; flex-direction:column; gap:14px; }
.device[data-view] .setup-page .sheet,.device[data-view] :is(#send,#swap,#book-add) { display:flex; flex-direction:column; gap:14px; padding:0; overflow:visible; flex:none; }
.device[data-view] .swap-stack { display:flex; flex-direction:column; gap:14px; }
.device[data-view] :is(.page-head,.setup-bar) { height:44px; min-height:44px; margin-bottom:4px; }
.device[data-view] .page-title { margin:0 0 2px; }
.device[data-view] .sheet > :is(.primary,.menu),.device[data-view] :is(#send,#swap,#book-add) > :is(.primary,.menu) { width:100%; }
.device[data-view] .sheet > :is(.lead,.display,.eyebrow,h2,.end),.device[data-view] .setup-page .sheet > :is(.lead,.display) { margin:0; }
.device[data-view] .sheet > .info-box { height:auto; min-height:0; }
.device[data-view] :is(.search,.chips,.speed) { margin:0; }
.device[data-view] .search { position:relative!important; }
.device[data-view] :is(#asset-box,#pick-list,#book-list,.activity-list,.wallet-list,.holdings) { position:static!important; max-height:none!important; overflow:visible!important; }
.device[data-view] .sheet > :is(.hero-amount,.facts,.address-list,.deposit-networks,.qr-card) { margin:0; }
.device[data-view] .actions { position:static; margin:0; gap:8px; width:100%; }
.device[data-view] .action { flex:1; width:auto; }
.device[data-view] .tabs { height:62px; min-height:62px; padding:7px 0 max(8px,env(safe-area-inset-bottom)); box-sizing:content-box; background:var(--bg); border-top:1px solid var(--line); }
.device[data-view] .feedback { position:absolute; top:64px; }
.device[data-view] .feedback:has(.error:empty):not(:has(.notice)) { display:none; }
.device[data-view] .setup-page :is(.error,.notice) { position:static!important; margin:0; }
.device[data-view] .auth-overlay { position:fixed!important; inset:0!important; max-width:none; }
.device[data-view] .auth-dialog { max-height:calc(100dvh - 32px); overflow-y:auto; }
.device[data-view] :is(.field input,textarea) { font-size:16px; }
.device[data-view] .menu { min-height:60px; height:auto; padding:12px; }
.device[data-view] .menu strong { overflow-wrap:anywhere; }
/* Shared visual rhythm, with full-size controls on every phone. */
.device[data-view] { background:linear-gradient(180deg,#f5f8ff 0%,#f8faff 62%,#f7f9fd 100%); }
.device[data-view] .page-title h1 { letter-spacing:-.6px; }
.device[data-view] .menu { border:1px solid #edf1f8; box-shadow:0 3px 12px #243a6504; }
.device[data-view] .tabs { background:#ffffffed; border-color:#e7edf7; box-shadow:0 -5px 24px #1b3c6a05; }
.device[data-view] .tab.on .bubble-tab { background:#e8f0ff; border:1px solid #dce8ff; }
.device[data-view] .tab { min-height:48px; }
.device[data-view=home] .balance-card { background:linear-gradient(120deg,#245be6 0%,#1a3b92 58%,#142653 100%); border:1px solid #4169c4; box-shadow:0 10px 24px #1a43a41a; isolation:isolate; overflow:hidden; }
.device[data-view=home] .balance-card::after { content:''; position:absolute; width:175px; height:175px; right:-48px; top:-62px; border:1px solid #ffffff14; box-shadow:0 0 0 30px #ffffff05,0 0 0 62px #ffffff03; border-radius:50%; z-index:-1; pointer-events:none; }
.device[data-view=home] .balance-top { font-size:11px; letter-spacing:.2px; }
.device[data-view=home] .wallet-head .bubble { background:#eaf1ff; border:1px solid #dce7ff; }
.device[data-view=home] .wallet-head small { color:#8492aa; }
.device[data-view=home] .action-icon { background:white; border:1px solid #e8edf6; box-shadow:0 3px 10px #183d7505; }
.device[data-view] .network-overview button { border-color:#e6edf8; box-shadow:0 3px 12px #21447c04; }
.network-overview [data-browse-network=bitcoin] { background:linear-gradient(180deg,#fff,#fffaf2); }
.network-overview [data-browse-network=ethereum] { background:linear-gradient(180deg,#fff,#f6f7ff); }
.network-overview [data-browse-network=tron] { background:linear-gradient(180deg,#fff,#fff7f8); }
.network-overview [data-browse-network=solana] { background:linear-gradient(180deg,#fff,#f3fcfa); }
.device[data-view] .asset { border:1px solid #e9eef7; border-radius:17px; background:#fff; margin:0 0 8px; padding:12px; }
.device[data-view] .asset:last-child { margin-bottom:0; }
.asset-name > strong { display:flex; align-items:center; gap:5px; }
.device[data-view] .asset.holding-asset { display:grid; grid-template-columns:36px minmax(0,1fr); gap:8px 10px; align-items:start; height:auto; min-height:86px; }
.device[data-view] .holding-asset > .coin { grid-column:1; grid-row:1 / span 2; flex:none; width:36px; height:36px; margin-top:2px; }
.device[data-view] .holding-asset > .asset-name { grid-column:2; grid-row:1; display:grid; gap:2px; min-width:0; }
.device[data-view] .holding-asset .asset-name > strong { align-items:flex-start; min-width:0; font-size:13px; line-height:19px; overflow-wrap:anywhere; }
.device[data-view] .holding-asset .asset-name > .muted { font-size:10px; line-height:16px; }
.device[data-view] .holding-asset > .asset-values { grid-column:2; grid-row:2; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 8px; width:auto; min-width:0; margin:0; text-align:left; }
.device[data-view] .holding-asset .asset-values > strong { grid-column:1; grid-row:1; min-width:0; font-size:13px; line-height:19px; overflow-wrap:anywhere; }
.device[data-view] .holding-asset .asset-values > .muted { grid-column:1 / -1; grid-row:2; min-width:0; font-size:11px; line-height:17px; overflow-wrap:anywhere; }
.device[data-view] .holding-asset .asset-values > :is(.up,.down,.flat) { grid-column:2; grid-row:1; align-self:start; font-size:10px; line-height:19px; text-align:right; }
.device[data-view] .holding-asset.has-wide-value .asset-values > strong { grid-column:1 / -1; }
.device[data-view] .holding-asset.has-wide-value .asset-values > :is(.up,.down,.flat) { grid-row:3; }
.device[data-view=assets] .sheet > .page-title { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; }
.device[data-view=assets] .page-title .assistant-launcher { position:static; flex:none; width:44px; height:44px; min-height:44px; box-shadow:none; }
.device[data-view=wallets] .sheet > .page-title { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; }
.device[data-view=wallets] .page-title .assistant-launcher,.device[data-view=security] .page-head .assistant-launcher { position:static; flex:none; width:44px; height:44px; min-height:44px; box-shadow:none; }
.device[data-view=security] .page-head h1 { flex:1; min-width:0; }
.device[data-view] .settings-feedback :is(.notice,.error) { margin:0; padding:10px 12px; font-size:12px; line-height:18px; }
.device[data-view] .tx { border:1px solid #e9eef7; background:#fff; box-shadow:0 3px 12px #21447c03; }
.device[data-view] .empty-card { background:#fff; border:1px dashed #dce5f5; border-radius:20px; }
.favorite-toggle { width:40px; min-width:40px; height:40px; margin-left:auto; display:grid; place-items:center; border:1px solid #e1e8f5; border-radius:14px; background:#fff; color:#8a98b0; }
.favorite-toggle svg { width:21px; height:21px; }
.favorite-toggle.is-on { color:#ae7814; border-color:#f0dfb4; background:#fff8e9; }
.favorite-badge { display:inline-flex; color:#ae7814; flex:none; }
.favorite-badge svg { width:12px; height:12px; }
.favorite-filter { display:flex; align-items:center; gap:5px; }
.favorite-filter svg { width:14px; height:14px; flex:none; }
.portfolio-switch { display:flex; gap:4px; padding:4px; border:1px solid #e2e9f5; background:#ecf1fa; border-radius:14px; }
.portfolio-switch button { flex:1; min-height:34px; display:flex; justify-content:center; align-items:center; gap:5px; font-size:11px; color:#74839c; border-radius:10px; }
.portfolio-switch button.on { background:#fff; color:#165dfa; font-weight:700; box-shadow:0 2px 8px #203c6b0a; }
.portfolio-switch svg { width:13px; height:13px; }
.portfolio-switch button > span { display:grid; place-items:center; min-width:18px; height:18px; padding:0 4px; border-radius:6px; background:#eaf1ff; font-size:9px; }
.device[data-view=asset] .page-head h1 { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.device[data-view=asset] .hero-amount { padding:18px 12px; border:1px solid #e4ebf8; border-radius:23px; background:linear-gradient(160deg,#fff,#edf4ff); }
.device[data-view=asset] .hero-amount .total { overflow-wrap:anywhere; font-size:28px; line-height:39px; margin:12px 0 6px; }
.device[data-view=asset] .facts { padding:4px 14px; background:#fff; border:1px solid #e8edf6; border-radius:17px; }
@media (prefers-reduced-motion:no-preference) { .favorite-toggle,.portfolio-switch button { transition:background .15s,color .15s,border-color .15s; } }
.device[data-view] .empty-hero { margin:12px 0; padding:0; }
.device[data-view] .empty-hero .bubble { margin:0 auto 10px; }
.device[data-view] .empty-hero p { width:auto; margin:6px auto 0; }
.device[data-view] .sheet > .primary:last-child { margin-top:auto; }
/* Home: retain the balance card composition, let everything below it flow. */
.device[data-view=home] > .sheet { gap:12px; }
.device[data-view=home] .wallet-head { height:40px; min-height:40px; gap:10px; }
.device[data-view=home] .balance-card { position:relative!important; height:162px; min-height:162px; padding:16px; margin:0; }
.device[data-view=home] .balance-card .total { left:16px; top:42px; }
.device[data-view=home] .balance-card .soft { left:16px; top:91px; }
.device[data-view=home] .balance-card .soft + .soft,.device[data-view=home] .balance-card .change { left:16px; top:117px; }
.device[data-view=home] .balance-card .sync-stamp { left:16px; top:140px; }
.device[data-view=home] .home-content { padding:0; gap:12px; display:flex; flex-direction:column; }
.device[data-view=home] .home-content .section-head { height:auto; margin:0; }
.device[data-view=home] .empty-hero { margin:6px 0; }
.device[data-view=home] .empty-hero .bubble { width:44px; height:44px; margin-bottom:8px; }
.device[data-view=home] .empty-hero h2 { font-size:18px; line-height:25px; }
.device[data-view=home] .empty-hero p { font-size:12px; line-height:19px; }
.device[data-view=home] .tron-activation { padding:12px; }
.device[data-view=home] .tron-activation p { margin:4px 0 7px; }
.device[data-view=home] .action-icon { width:44px; height:44px; }
.device[data-view=home] .action { gap:4px; }
.network-overview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.network-overview button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; min-height:76px; padding:10px 4px; background:#fff; border:1px solid var(--line); border-radius:16px; }
.network-overview .coin,.network-overview .coin img { width:28px; height:28px; }
.network-overview button > span:last-child { font-size:10px; font-weight:700; }
.network-overview .network-name { font-size:10px; font-weight:700; }
.network-status { display:flex; align-items:center; gap:3px; color:var(--muted); font-size:9px; line-height:12px; }
.network-status::before { content:''; width:4px; height:4px; border-radius:50%; background:#aab6ca; flex:none; }
.network-status.is-ready { color:#16856b; }.network-status.is-ready::before { background:#16856b; }
.network-status.is-error { color:#b45e35; }.network-status.is-error::before { background:#d38b41; }
.network-status.is-loading { color:#165dfa; }.network-status.is-loading::before { background:#165dfa; }
.network-summary { border:1px solid #dbe5f8; border-radius:20px; padding:16px; background:linear-gradient(135deg,#fff,#edf3ff); display:flex; flex-direction:column; gap:8px; }
.network-summary header { display:flex; align-items:center; gap:10px; }
.network-summary header h2 { font-size:17px; line-height:24px; }
.network-summary header div > span { color:var(--muted); font-size:10px; line-height:16px; }
.network-summary header .round { margin-left:auto; width:36px; height:36px; background:#fff; }
.network-summary header .round:disabled { opacity:.45; }
.network-summary .network-native { font-size:22px; line-height:30px; overflow-wrap:anywhere; margin-top:4px; }
.network-summary > p { color:var(--muted); font-size:12px; line-height:18px; }
.network-freshness { color:var(--muted); font-size:10px; line-height:16px; }
.network-freshness.is-ready { color:var(--up); }.network-freshness.is-error { color:#a96730; }
.network-summary .network-stale-note { padding:10px; border-radius:12px; background:#fff2df; color:#95631c; font-size:11px; line-height:17px; }
.network-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:4px; }
.network-shortcuts button { display:flex; justify-content:center; align-items:center; gap:5px; min-height:40px; border:1px solid #dce5f7; border-radius:12px; background:#fff; color:var(--primary); font-size:11px; font-weight:700; }
.network-shortcuts .icon { width:14px; height:14px; }
.history-network-filter { display:flex; gap:7px; overflow-x:auto; scrollbar-width:none; padding-bottom:2px; }
.history-network-filter .chip { flex:none; font-size:10px; padding:0 12px; }
.device[data-view=assets]:has(.network-summary) .empty-card { margin:0; padding:14px; }
.device[data-view=assets]:has(.network-summary) .empty-card > :is(.coin,.bubble) { display:none!important; }
.device[data-view=assets]:has(.network-summary) .empty-card p { margin:7px 0; font-size:11px; line-height:18px; }
.device[data-view=assets]:has(.network-summary) .empty-card button { min-height:40px; }
.network-options { display:grid; gap:12px; }
.network-options .menu { min-height:72px; }
.conversion-explainer { padding:18px; border:1px solid var(--line); background:#fff; border-radius:20px; display:flex; flex-direction:column; gap:14px; }
.conversion-explainer h2 { font-size:18px; line-height:26px; }
.conversion-explainer p { font-size:12px; line-height:21px; color:var(--muted); }
.conversion-explainer .primary { width:100%; font-size:12px; }
.trade-provider .trade-status { flex:none; color:var(--up); font-size:9px; }
.device[data-view=assets] .chips { flex-wrap:wrap; gap:8px; }
@media (max-height:740px) { .network-overview button { min-height:64px; padding:8px 4px; gap:4px; } }
@media (max-height:740px) { .device[data-view=trade] > .sheet { gap:9px; } .device[data-view=trade] .trade-provider { padding-top:11px; padding-bottom:11px; } .conversion-explainer { gap:12px; padding:14px; } }
/* QR and transaction forms retain usable controls and meaningful reading order. */
.device[data-view=receive] .qr-card { width:218px; height:auto; padding:16px; align-self:center; }
.device[data-view=receive] .qr { width:184px; height:184px; }
.device[data-view=receive] .receive-address { font-size:11px; }
.device[data-view=receive] :is(#receive-worth,#asked) { margin:0; }
.device[data-view=receive] #asked:empty,.device[data-view=receive] #receive-worth:empty { display:none; }
.device[data-view=receive] .receive-code { background:#fff; border:1px solid #e3eaf7; box-shadow:0 8px 24px #20375e08; border-radius:22px; }
.receive-code small { display:block; font-size:9px; line-height:14px; color:var(--muted); text-transform:none; }
.device[data-view=receive] .receive-destination { padding:10px 12px; border:1px solid #e3eaf7; background:#fff; border-radius:14px; }
.receive-destination > small { font-size:10px; color:var(--muted); }
.device[data-view=receive] .receive-destination .receive-address { position:static; margin:4px 0 0; color:var(--ink); font-family:monospace; font-size:11px; line-height:17px; text-align:left; }
.device[data-view=receive] .receive-request { font-size:11px; line-height:17px; color:var(--muted); }
.device[data-view=receive] .field { margin:0; }
.device[data-view=receive] #copy-request { min-height:36px; padding:8px; font-size:12px; border:1px solid #dbe6fb; }
.device[data-view=receive] input[aria-invalid=true] { border-color:#c53b43; }
.device[data-view=receive] .primary:disabled { opacity:.45; cursor:not-allowed; }
@media (max-height:740px) {
 .device[data-view=receive] > .sheet { gap:9px; }
 .device[data-view=receive] .receive-code { width:170px; padding:10px; }
 .device[data-view=receive] .receive-code .qr { width:148px; height:148px; }
 .device[data-view=receive] .receive-code p { margin:5px 0; }
}
.device[data-view] .sheet > .address-list { gap:12px; }
.device[data-view=addresses] .sheet > .address-list { gap:10px; }
.device[data-view=addresses] .address-feedback :is(.notice,.error) { margin:0; padding:10px 12px; font-size:12px; line-height:18px; }
.device[data-view=addresses] .addr-card { display:grid; gap:7px; min-width:0; height:auto; padding:11px; border:1px solid #e3eaf7; border-radius:20px; background:#fff; box-shadow:0 3px 12px #243a6504; }
.device[data-view=addresses] .address-card-head { display:flex; align-items:center; gap:10px; min-width:0; }
.device[data-view=addresses] .address-card-head > .coin { position:static; flex:none; width:30px; height:30px; }
.device[data-view=addresses] .address-card-head > div { display:grid; gap:2px; min-width:0; }
.device[data-view=addresses] .address-card-head strong { font-size:14px; line-height:18px; }
.device[data-view=addresses] .address-card-head small { position:static; color:#8393ae; font:400 10px/14px Wallet,Arial,sans-serif; }
.device[data-view=addresses] .address-card-value { display:block; min-width:0; margin:0; color:#101c39; font:400 11.5px/17px Consolas,ui-monospace,monospace; overflow-wrap:anywhere; word-break:break-all; white-space:normal; user-select:all; }
.device[data-view=addresses] .address-card-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.device[data-view=addresses] .address-card-actions > :is(button,a) { display:flex; align-items:center; justify-content:center; gap:5px; min-width:0; min-height:44px; padding:7px 4px; border:1px solid #e3eaf7; border-radius:11px; background:#f6f8ff; color:#165dfa; font:600 11px/16px Wallet,Arial,sans-serif; text-decoration:none; }
.device[data-view=addresses] .address-card-actions .icon { flex:none; width:14px; height:14px; filter:var(--blue-icon); }
.device[data-view=addresses] .address-card-actions button:disabled { opacity:.45; cursor:not-allowed; }
.device[data-view=addresses] .address-card-actions > :is(button,a):focus-visible { outline:2px solid #165dfa; outline-offset:2px; }
.device[data-view] .deposit-networks { display:grid; gap:12px; }
.device[data-view=send] #send > .muted:not(#worth) { padding:0 0 10px; }
.device[data-view=send] .amount-row { margin:0; height:auto; min-height:44px; }
.device[data-view=send] .keypad { margin:0; }
.device[data-view=send] .keypad { display:none; }
.device[data-view=send] #send > .tron-activation { padding:10px; }
.device[data-view=send] .tron-activation p { font-size:11px; line-height:17px; margin:3px 0 5px; }
.device[data-view=send] #send-hint:empty { display:none; }
.device[data-view=send] .fee-options:empty { display:none; }
.device[data-view=swap] #swap > .pay-card { height:auto; min-height:112px; }
.device[data-view=swap] .flip { align-self:center; margin:-4px 0; }
.device[data-view=swap] #swap-max { margin-top:8px; }
.device[data-view=swap] .amount-row { margin:14px 0 0; }
.device[data-view=wallets] .wallet-list { display:grid; gap:10px; }
.device[data-view=wallets] .sheet > h2 { margin:4px 0 0; }
.device[data-view=wallets] .product-signature { margin:0; }
.device[data-view=wallets] .sheet > .menu,.device[data-view=security] .sheet > .menu { margin:0; min-height:60px; }
.device[data-view=wallets] .sheet > .wallet-list { margin:0; }
.device[data-view=wallets] .sheet > .info-box,.device[data-view=security] .sheet > .info-box { margin:0; }
.device[data-view=wallets] .sheet > .end { margin:0; }
.device[data-view=wallets] > .sheet { gap:8px; }
.device[data-view=wallets] .sheet > .menu { min-height:52px; padding:10px 12px; }
.device[data-view=wallets] .sheet > .menu { padding-top:9px; padding-bottom:9px; }
.device[data-view=wallets] .wallet-list .menu { padding-top:11px; padding-bottom:11px; }
.device[data-view=wallets] .account-entry,.device[data-view=security] .account-entry { margin:0; padding:14px; }
.device[data-view=wallets] .product-signature { font-size:10px; line-height:14px; }
.device[data-view=wallets] .product-signature :is(strong,a) { min-height:18px; line-height:18px; }
.device[data-view=security] .sheet > h2 { margin-top:6px; }
.device[data-view=security] #wipe { margin-top:auto; width:100%; }
.device[data-view=rename] #rename { margin-top:auto; }
/* Setup uses flexible spacing rather than coordinates tied to one phone. */
.device[data-view] .setup-page :is(.setup-body,.dock) { display:flex; flex-direction:column; gap:12px; }
.device[data-view] .setup-page .setup-body { min-height:0; flex:1; padding:0; }
.device[data-view] .setup-page .dock { margin-top:auto; }
.device[data-view] .setup-page .dock { padding:0; }
.device[data-view=welcome] .brand-row { height:52px; }
.device[data-view=welcome] .hero { width:100%; height:clamp(110px,25dvh,240px); margin:0; object-fit:contain; }
.device[data-view=welcome] h1 { font-size:27px; line-height:35px; }
.device[data-view=welcome] .lead { margin:0; }
.device[data-view=welcome] .coin-row { margin:0; }
.device[data-view=welcome] .dock > :is(#create,#restore) { position:relative!important; inset:auto; width:100%; }
.device[data-view=welcome] .fine { font-size:10px; line-height:15px; }
.device[data-view=welcome] #cloud-account { margin:0; }
.device[data-view=wallet-name] .wallet-name-setup { padding:clamp(12px,5dvh,50px) 0 0; gap:18px; }
.device[data-view=wallet-name] .wallet-name-setup h1 { font-size:26px; line-height:34px; }
.device[data-view=unlock] .setup-page { text-align:center; gap:clamp(12px,3dvh,28px); }
.device[data-view=unlock] .center-logo { width:44px; height:44px; align-self:center; margin:clamp(8px,5dvh,48px) 0 0; }
.device[data-view=unlock] h1 { font-size:25px; line-height:34px; }
.device[data-view=unlock] .pinpad { margin:auto 0; width:100%; }
.device[data-view=unlock] .setup-body { min-height:min-content; }
.device[data-view=unlock] #bio { width:100%; }
.device[data-view=unlock] #restore { min-height:44px; margin:0; width:100%; }
.device[data-view] .setup-page .pin-screen { flex:1; text-align:center; gap:clamp(12px,3dvh,28px); }
.device[data-view] .pin-screen > .bubble { align-self:center; margin:clamp(8px,4dvh,36px) 0 0; }
.device[data-view] .pin-screen .pinpad { width:100%; margin:auto 0; }
.device[data-view] .pin-screen .lead:last-child { margin:0 0 12px; }
.device[data-view] .pinpad button { min-height:48px; height:clamp(48px,7dvh,62px); }
.device[data-view] .pin-dots { justify-content:center; margin:8px 0; }
.device[data-view] .setup-page .hero.small,.device[data-view=add] .hero,.device[data-view=backup] .hero { width:120px; height:clamp(64px,13dvh,125px); align-self:center; margin:0; object-fit:contain; }
.device[data-view] .setup-page .sheet > .primary:last-child { margin-top:auto; }
.device[data-view=restore] .word-grid { gap:8px; }
.device[data-view=create-backup] .word-grid,.device[data-view=backup] .word-grid { gap:8px; }
.device[data-view=backup-confirm] .field { width:100%; }
.device[data-view=pin] .hero-amount { margin:8px 0; }
.device[data-view=pin] .hero-amount .bubble { margin:0 auto 14px; }
.device[data-view=pin] .pinpad { width:100%; }
/* A compact floating entry leaves the app's own content readable. */
.assistant-launcher { right:max(12px,calc((100vw - 480px)/2 + 12px)); bottom:calc(88px + env(safe-area-inset-bottom)); width:44px; height:44px; padding:11px; min-height:44px; justify-content:center; }
.assistant-launcher > span { display:none; }
[data-view=welcome] ~ .assistant-launcher { top:80px; bottom:auto; }
@media (max-height:740px) {
 .device[data-view] { padding-top:max(8px,env(safe-area-inset-top)); }
 .device[data-view] > .sheet,.device[data-view] > .setup-page { gap:10px; padding-bottom:10px; }
 .device[data-view=home] .home-content { gap:8px; }
 .device[data-view=home] .balance-card { height:144px; min-height:144px; }
 .device[data-view=home] .balance-card .total { top:34px; font-size:30px; line-height:40px; }
 .device[data-view=home] .balance-card .soft { top:78px; }
 .device[data-view=home] .balance-card .soft + .soft,.device[data-view=home] .balance-card .change { top:102px; font-size:10px; }
 .device[data-view=home] .balance-card .sync-stamp { top:124px; }
 .device[data-view=home] .empty-hero .bubble { display:none!important; }
 .device[data-view=home] .empty-hero { margin:0; }
 .device[data-view=home] .empty-hero h2 { font-size:16px; line-height:22px; }
 .device[data-view=home] .empty-hero p { font-size:11px; line-height:17px; margin-top:4px; }
 .device[data-view=home] .tron-activation { padding:10px; }
 .device[data-view=home] .tron-activation p { font-size:11px; line-height:17px; }
 .device[data-view=home] .tron-activation strong { font-size:12px; }
 .device[data-view=home] .action-icon { width:40px; height:40px; }
 .device[data-view=home] .home-content > .primary { height:46px; min-height:46px; }
 .device[data-view=welcome] .hero { height:clamp(80px,19dvh,140px); }
 .device[data-view=welcome] h1 { font-size:24px; line-height:31px; }
 .device[data-view=welcome] .setup-body { gap:10px; }
 .device[data-view=welcome] .coin-row { display:none; }
 .device[data-view] .setup-page .hero.small { height:64px; }
 .device[data-view=unlock] .center-logo { margin-top:8px; }
 .device[data-view=unlock] .pin-screen { gap:12px; }
 .device[data-view=unlock] .setup-page { gap:12px; }
 .device[data-view=swap] #swap { gap:10px; }
 .device[data-view=swap] #swap > .pay-card { min-height:92px; padding:12px; }
 .device[data-view=swap] #swap > .pay-card:has(#swap-guess-amount) { min-height:84px; height:auto; }
 .device[data-view=swap] .amount-row { margin:8px 0 0; }
 .device[data-view=swap] #swap > .swap-mid { height:36px; width:36px; align-self:center; }
 .device[data-view=swap] #swap > .field-label { margin:0; }
 .device[data-view=swap] #swap > .info-box { min-height:0; padding:10px 12px; }
 .device[data-view=swap] #swap { gap:8px; }
 .device[data-view=swap] #swap > .pay-card { min-height:84px; }
 .device[data-view=swap] > .sheet { gap:8px; }
 .device[data-view=swap] #swap { gap:7px; }
 .device[data-view=security] > .sheet { gap:8px; }
 .device[data-view] .setup-page .display { font-size:22px; line-height:29px; }
 .device[data-view=receive] .qr-card { width:184px; padding:12px; }
 .device[data-view=receive] .qr { width:158px; height:158px; }
 .device[data-view=receive] .sheet { gap:10px; }
 .device[data-view] .menu { min-height:56px; padding:10px 12px; }
}
@media (max-height:620px) {
 .device[data-view=unlock] .setup-page .pin-screen { gap:10px; }
 .device[data-view=unlock] .center-logo { margin:0; }
 .device[data-view=unlock] .pin-dots { margin:4px 0; }
 .device[data-view=home] > .sheet,.device[data-view=home] .home-content { gap:6px; }
 .device[data-view=home] .balance-card { height:124px; min-height:124px; }
 .device[data-view=home] .balance-card .total { top:28px; line-height:36px; }
 .device[data-view=home] .balance-card .soft { top:66px; font-size:11px; }
 .device[data-view=home] .balance-card .soft + .soft,.device[data-view=home] .balance-card .change { top:88px; line-height:14px; }
 .device[data-view=home] .balance-card .sync-stamp { top:108px; }
 .device[data-view=home] .empty-hero p { display:none; }
 .device[data-view=restore] .hero,.device[data-view=backup] .hero,.device[data-view=create-backup] .hero { display:none; }
 .device[data-view=receive] .qr-card { width:160px; }
 .device[data-view=receive] .qr { width:134px; height:134px; }
 .device[data-view=receive] > .sheet { gap:8px; }
 .device[data-view=addresses] .address-list { gap:8px; }
}
@media (max-width:350px) {
 .device[data-view] > .sheet,.device[data-view] > .setup-page { padding-left:16px; padding-right:16px; }
 .device[data-view] .page-title h1 { font-size:24px; }
 .device[data-view=home] .wallet-head { gap:8px; }
 .device[data-view=welcome] .logo { width:170px; }
 .device[data-view=welcome] .pill { width:78px; font-size:9px; }
 .device[data-view] .chips { flex-wrap:wrap; }
}
@media (max-height:740px) { .device[data-view=trade] > .sheet { gap:8px; } }
/* Compact receiving layout keeps the request controls together on short phones. */
@media (max-height:740px) {
 .device[data-view=receive] > .sheet { gap:7px; }
 .device[data-view=receive] .receive-code { width:156px; padding:8px; }
 .device[data-view=receive] .receive-code .qr { width:138px; height:138px; }
 .device[data-view=receive] .receive-code p { margin:4px 0; }
 .device[data-view=receive] .receive-destination { padding:7px 10px; }
 .device[data-view=receive] .pair .primary { min-height:42px; height:auto; padding:10px 8px; font-size:12px; }
 .device[data-view=receive] .field input { height:44px; min-height:44px; margin-top:5px; padding:10px 14px; }
 .device[data-view=receive] .info-box { padding:8px 10px; font-size:11px; line-height:16px; }
}
@media (max-height:740px) {
 .device[data-view=receive] > .sheet { gap:6px; }
 .device[data-view=receive] #copy-request { min-height:30px; padding:6px 8px; }
 .device[data-view=receive] .pair .primary { min-height:40px; padding:8px; }
}
@media (min-height:621px) and (max-height:740px) {
 .device[data-view=receive] > .sheet { padding-bottom:4px; }
}
.receive-meta { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; }
.device[data-view=receive] .receive-meta > p { font-size:11px; line-height:17px; }
.device[data-view=receive] .receive-meta > p { position:static!important; inset:auto!important; }
.device[data-view=receive] .receive-code .qr { margin:0 auto 6px; }
.device[data-view=receive] #copy-request { height:auto; }
/* Sending: readable amounts, inline validation and a complete recipient review. */
.device[data-view=send] .amount-row { flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.device[data-view=send] .amount-row > .pay-amount { flex:1 0 100%; }
.device[data-view=send] .send-entered { margin:0; color:#345e9c; font-size:11px; line-height:18px; overflow-wrap:anywhere; }
.device[data-view=send] .send-entered[hidden] { display:none; }
.device[data-view=send-review] .display { max-width:100%; min-width:0; white-space:normal; overflow-wrap:anywhere; font-size:clamp(25px,7vw,32px); line-height:1.35; }
.device[data-view=send-review] .facts > div { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr); gap:10px; }
.device[data-view=send-review] .facts strong { min-width:0; overflow-wrap:anywhere; }
.device:is([data-view=send],[data-view=send-review]) .send-feedback :is(.notice,.error) { margin:0; padding:10px 12px; font-size:12px; line-height:18px; overflow-wrap:anywhere; }
.device[data-view=send] .amount-row { padding:12px; border:1px solid #dfe8f8; border-radius:18px; background:#fff; min-height:72px; align-items:center; }
.device[data-view=send] .pay-amount { width:100%; min-width:0; font-size:30px; color:#16335c; }
.device[data-view=send] .amount-row .unit { color:#2463ea; font-size:14px; }
.device[data-view=send] .amount-row .unit { display:flex; align-items:center; gap:5px; white-space:nowrap; }
.device[data-view=send] .amount-row .unit:disabled { color:#8393ae; opacity:.6; cursor:not-allowed; }
.device[data-view=send] .send-fiat-note { margin:0; color:#7186a4; font-size:10px; line-height:16px; }
.device[data-view=send] .amount-row .maks { border-radius:9px; padding:7px 9px; background:#edf3ff; color:#2463ea; }
.device[data-view=send] .amount-row .maks:disabled { opacity:.45; cursor:not-allowed; }
.device[data-view=send] .send-validation { margin:0; font-size:12px; line-height:18px; color:#b32e42; }
.device[data-view=send] .send-validation[hidden] { display:none; }
.device[data-view=send] .send-selection-note{margin:0;padding:9px 11px;background:#edf3ff;color:#345e9c;border-radius:11px;font-size:11px;line-height:17px}
.device[data-view=send] .send-next { margin:0; color:var(--muted); font-size:11px; line-height:17px; }
.device[data-view=send] #review-send { display:flex; align-items:center; justify-content:center; gap:8px; }
.device[data-view=send] #review-send:disabled { opacity:.45; cursor:not-allowed; }
.device[data-view=send] input[aria-invalid=true] { color:#b32e42; }
.device[data-view=send-review] .facts { background:#fff; border:1px solid #e1e9f7; box-shadow:0 8px 28px #20375e08; }
.device[data-view=send-review] .recipient-full { display:flex; flex-direction:column; align-items:stretch; gap:6px; width:100%; padding:12px 0; text-align:left; }
.recipient-full > span { display:flex; align-items:center; justify-content:space-between; color:var(--muted); font-size:12px; }
.recipient-full .icon { width:16px; height:16px; }
.device[data-view=send-review] .recipient-full strong { font-family:monospace; font-size:12px; line-height:19px; overflow-wrap:anywhere; }
.device[data-view=send-review] .display { color:#1746a2; }
@media (max-height:740px) {
 .device[data-view=send] #send { gap:9px; }
 .device[data-view=send] .amount-row { min-height:62px; padding:8px 12px; }
 .device[data-view=send] .pay-amount { font-size:27px; }
 .device[data-view=send] .field { margin:0; }
 .device[data-view=send-review] > .sheet { gap:10px; }
}
/* History and receipt details keep network and transaction identity readable. */
.device[data-view=activity] .chips { flex-wrap:wrap; gap:7px; }
.device[data-view=activity] .tx { min-height:86px; }
.tx-time { display:block; font-size:10px; color:var(--muted); line-height:16px; }
.device[data-view] .tx { display:grid; grid-template-columns:36px minmax(0,1fr); gap:8px 10px; align-items:start; height:auto; min-height:86px; padding:12px; }
.device[data-view] .tx > .bubble { grid-column:1; grid-row:1 / span 2; align-self:start; flex:none; width:36px; height:36px; margin-top:2px; }
.device[data-view] .tx-main { grid-column:2; grid-row:1; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 8px; min-width:0; }
.device[data-view] .tx-main > strong { grid-column:1; grid-row:1; font-size:12px; line-height:18px; overflow-wrap:anywhere; }
.device[data-view] .tx-main > .muted { grid-column:1; grid-row:2; display:block; min-width:0; font-size:10px; line-height:16px; overflow-wrap:anywhere; }
.device[data-view] .tx-main > .tx-time { grid-column:2; grid-row:1; align-self:start; white-space:nowrap; }
.device[data-view] .tx > .asset-values { grid-column:2; grid-row:2; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 8px; min-width:0; width:auto; margin:0; text-align:left; }
.device[data-view] .tx > .asset-values > :first-child { grid-column:1 / -1; grid-row:1; min-width:0; font-size:12px; line-height:18px; overflow-wrap:anywhere; }
.device[data-view] .tx > .asset-values > .muted { grid-column:1; grid-row:2; min-width:0; font-size:10px; line-height:16px; overflow-wrap:anywhere; }
.device[data-view] .tx > .asset-values > :last-child { grid-column:2; grid-row:2; align-self:start; min-width:0; font-size:10px; line-height:16px; font-weight:500; text-align:right; }
#history-footer { display:flex; flex-direction:column; gap:10px; }
#history-footer > * { position:static!important; inset:auto!important; width:100%; margin:0; }
.device[data-view=detail] .hero-amount { padding:18px 12px; background:linear-gradient(145deg,#fff,#eef4ff); border:1px solid #e3eaf7; border-radius:22px; }
.device[data-view=detail] .hero-amount .total { margin:10px 0; font-size:30px; line-height:39px; overflow-wrap:anywhere; }
.device[data-view=detail] .hero-amount .lead { margin:4px 0 8px; }
.tx-price-note { display:block; font-size:10px; line-height:16px; color:var(--muted); }
.device[data-view=detail] .facts { min-height:0; background:#fff; border:1px solid #e3eaf7; border-radius:20px; padding:8px 14px; }
.device[data-view=detail] .tx-reference { display:flex; flex-direction:column; align-items:stretch; gap:6px; width:100%; text-align:left; padding:11px 0; }
.device[data-view=detail] .tx-reference > span { display:flex; align-items:center; justify-content:space-between; font-size:12px; color:var(--muted); }
.tx-reference .icon { width:16px; height:16px; }
.device[data-view=detail] .tx-reference > strong { display:block; font-family:monospace; font-size:11px; line-height:18px; overflow-wrap:anywhere; text-align:left; }
.device[data-view=detail] .tx-reference:disabled { opacity:.6; cursor:default; }
.device[data-view=detail] .sheet > .primary { display:flex; align-items:center; justify-content:center; gap:8px; }
@media (max-height:740px) { .device[data-view=detail] > .sheet { gap:10px; } .device[data-view=detail] .hero-amount { padding:12px; } }
.device[data-view=detail] .hero-amount .bubble { width:48px; height:48px; margin-bottom:8px; }
.device[data-view=detail] .hero-amount .bubble .icon { width:25px; height:25px; }
.device[data-view=detail] .hero-amount .tx-status.is-confirmed { color:#157558; background:#e8f8f0; border-color:#cfecdd; }
.device[data-view=detail] .hero-amount .tx-status.is-failed { color:#b32e42; background:#fff0f2; border-color:#f5d8de; }
.device[data-view=detail] .hero-amount .tx-status.is-waiting { color:#8d650e; background:#fff7e4; border-color:#f4e6c0; }
/* Saved recipients: full addresses, explicit networks and clear actions. */
.device[data-view=book] .chips { flex-wrap:wrap; gap:7px; }
.device[data-view=book] .book-summary { margin:0; font-size:11px; line-height:17px; color:var(--muted); }
.device[data-view=book] #book-list { display:flex; flex-direction:column; gap:12px; }
.device[data-view=book] .recipient-card { display:flex; flex-direction:column; gap:0; padding:0 14px; background:#fff; border:1px solid #e2eaf7; border-radius:19px; box-shadow:0 6px 20px #20375e05; }
.device[data-view=book] .recipient-card .method { display:flex; align-items:center; gap:10px; width:100%; padding:14px 0; text-align:left; min-height:80px; }
.recipient-card .method > span:not(.coin) { flex:1; min-width:0; }
.recipient-card .method > .icon { width:16px; height:16px; }
.recipient-card .method strong { display:block; font-size:14px; line-height:20px; overflow-wrap:anywhere; }
.recipient-network { display:block; color:#3666bc; font-size:10px; line-height:18px; }
.recipient-address { display:block; font-family:monospace; color:var(--muted); font-size:10px; line-height:16px; overflow-wrap:anywhere; }
.recipient-actions { display:flex; flex-wrap:wrap; gap:4px 14px; align-items:center; border-top:1px solid #edf1f8; padding:4px 0; }
.recipient-actions .text-btn { display:flex; align-items:center; gap:5px; min-height:36px; font-size:11px; padding:6px 0; }
.recipient-actions .icon { width:14px; height:14px; }
.device[data-view=book-add] #book-network { width:100%; min-height:52px; padding:12px 14px; border:1px solid #dfe8f8; border-radius:15px; color:#18345b; background:#fff; font:inherit; font-size:14px; }
.device[data-view=book-add] #book-network:disabled { opacity:.75; }
.device[data-view=book-add] .field-label { margin:0; }
.device[data-view=book-add] #book-validation { margin:0; color:#b32e42; font-size:12px; line-height:18px; }
.device[data-view=book-add] #book-validation[hidden] { display:none; }
.device[data-view=book-add] #save-book:disabled { opacity:.45; cursor:not-allowed; }
.device[data-view=book-add] input[readonly] { background:#f0f4fa; color:var(--muted); }
.device[data-view=book-add] input[aria-invalid=true] { border-color:#c53b43; }
@media (max-height:740px) { .device[data-view=book-add] #book-add { gap:10px; } .device[data-view=book-add] .field { margin:0; } }
.device[data-view=book] .recipient-card { align-items:stretch; }
.device[data-view=book] .recipient-card .method { margin:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.device[data-view=book] .recipient-card .method > .coin { flex:0 0 30px; display:grid; width:30px; height:30px; }
.device[data-view=book] .recipient-card .method > .coin img { width:30px; height:30px; }
.device[data-view=book] .recipient-card .recipient-address { display:block; flex:none; }
/* Local wallets and security preferences share the app's compact card treatment. */
.device[data-view=wallets] .wallet-choice { border:1px solid #e2eaf7; background:#fff; }
.device[data-view=wallets] .wallet-choice.is-active { border-color:#bed3ff; background:linear-gradient(120deg,#fff,#edf4ff); }
.wallet-choice .wallet-choice-state { flex:none!important; width:auto; font-size:10px; font-weight:700; color:#245fd2; }
.wallet-choice .wallet-choice-state .icon { width:18px; height:18px; }
.wallet-choice strong { overflow-wrap:anywhere; }
.device[data-view=security] .sheet > .menu { border:1px solid #e3eaf7; background:#fff; }
.device[data-view=security] .speed { padding:4px; border:1px solid #e1e9f7; border-radius:15px; background:#fff; }
.device[data-view=security] .speed button { border-radius:11px; min-height:36px; }
.device[data-view=security] #lock { border-color:#cbdcff; background:#edf4ff; }
.device[data-view=security] #wipe { padding:10px 0; font-size:11px; }
.device[data-view=rename] .field { margin:10px 0 0; }
.name-count { margin:0; font-size:11px; color:var(--muted); text-align:right; }
.device[data-view=rename] #rename:disabled { opacity:.45; cursor:not-allowed; }
.backup-privacy-note { margin:0; font-size:11px; line-height:17px; color:var(--muted); }
.device[data-view=backup] .word-grid { border:1px solid #e0e9f8; border-radius:18px; padding:10px; background:#fff; }
.device[data-view=backup] .word-grid li { background:#f3f7ff; border:0; }
.device[data-view=pin] .hero-amount .display { font-size:23px; line-height:31px; }
@media (max-height:740px) { .device[data-view=security] > .sheet { gap:7px; } }
/* Balance coverage and refresh controls stay inside the existing compact card. */
.device[data-view=home] .balance-top { display:flex; align-items:center; justify-content:space-between; gap:6px; }
.balance-top > span { min-width:0; }
.balance-tools { display:flex; gap:3px; flex:none; margin-top:-6px; margin-right:-7px; }
.balance-tools button { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; background:#ffffff0c; }
.balance-tools .icon { width:17px; height:17px; filter:brightness(0) invert(1); opacity:.9; }
.balance-tools button:disabled { opacity:.4; cursor:wait; }
.device[data-view=home] .balance-card .total.is-message { font-size:24px; letter-spacing:-.4px; }
.balance-unavailable .bubble { margin:0 auto 8px; }
@media (max-height:740px) { .device[data-view=home] .balance-card .total.is-message { font-size:21px; } }
@media (prefers-reduced-motion:no-preference) { .balance-tools button:disabled .icon { animation:balance-refresh-spin 1.2s linear infinite; } }
@keyframes balance-refresh-spin { to { transform:rotate(360deg); } }
.device[data-view=home] .balance-unavailable { padding:14px; text-align:left; }
.device[data-view=home] .balance-unavailable .bubble { display:none!important; }
.device[data-view=home] .balance-unavailable strong { margin:0 0 6px; font-size:14px; }
.device[data-view=home] .balance-unavailable p { margin:0 0 6px; font-size:12px; line-height:18px; }
.device[data-view=home] .balance-unavailable button { min-height:32px; padding:5px 0; }
/* Asset charts distinguish market prices from holdings and failed requests. */
.device[data-view=asset] .asset-chart { background:#fff; border:1px solid #e1e9f7; border-radius:19px; padding:12px 14px; }
.asset-chart > header { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.asset-chart > header strong { font-size:13px; color:#254163; }
.asset-chart .round { width:32px; height:32px; background:#eef4ff; }
.asset-chart .round .icon { width:16px; height:16px; }
.asset-chart .round:disabled { opacity:.45; }
.device[data-view=asset] .asset-chart .spark-card { border:0; padding:0; margin:8px 0 0; box-shadow:none; background:transparent; }
.asset-chart .spark { display:block; width:100%; height:82px; }
.chart-range { display:flex; justify-content:space-between; gap:12px; margin-top:8px; }
.chart-range > span { font-size:9px; line-height:15px; color:var(--muted); }
.chart-range strong { display:block; font-size:11px; color:#294467; overflow-wrap:anywhere; }
.chart-range > span:last-child { text-align:right; }
.chart-message { margin:8px 0 0; font-size:10px; line-height:16px; color:var(--muted); }
.device[data-view=asset] .asset-reference-card { display:grid; gap:9px; min-width:0; width:100%; padding:13px 14px; border:1px solid #e3eaf7; border-radius:18px; background:#fff; text-align:left; color:#101c39; }
.device[data-view=asset] .asset-reference-head { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; }
.device[data-view=asset] .asset-reference-head strong { min-width:0; font:600 13px/19px Wallet,Arial,sans-serif; overflow-wrap:anywhere; }
.device[data-view=asset] .asset-reference-head .icon { flex:none; width:17px; height:17px; filter:var(--blue-icon); }
.device[data-view=asset] .asset-reference-value { display:block; min-width:0; font:400 11.5px/18px Consolas,ui-monospace,monospace; overflow-wrap:anywhere; word-break:break-all; white-space:normal; }
.device[data-view=asset] .asset-reference-card:disabled { opacity:.6; cursor:not-allowed; }
.device[data-view=asset] .asset-reference-card:focus-visible { outline:2px solid #165dfa; outline-offset:2px; }
.device[data-view=asset] .asset-feedback :is(.notice,.error) { margin:0; padding:10px 12px; font-size:12px; line-height:18px; }
.device[data-view=asset] .asset-empty-history { margin:0; padding:12px 14px; font-size:12px; line-height:19px; color:var(--muted); border:1px dashed #dfe7f5; border-radius:14px; }
.device[data-view=asset] .asset-moves { max-height:none!important; overflow:visible!important; }
.device[data-view=asset] .hero-amount { padding:12px; }
.device[data-view=asset] .hero-amount > .coin.big,.device[data-view=asset] .hero-amount > .coin.big img { width:36px; height:36px; }
.device[data-view=asset] .hero-amount .total { font-size:26px; line-height:34px; margin:8px 0 4px; }
.device[data-view=asset] .hero-amount > .muted { margin:0; font-size:13px; line-height:18px; }
.device[data-view=asset] .hero-amount .chip { margin-top:8px; min-height:24px; padding:4px 10px; font-size:10px; }
.device[data-view=asset] .facts { min-height:0; }
.device[data-view=asset] .facts > div { min-height:36px; padding:8px 0; }
.device[data-view=asset] :is(#copy-asset,#copy-contract) { width:100%; }
/* Transaction authorization and receipts show explicit state without assuming completion. */
.transfer-auth-summary { margin:8px 0; padding:10px; background:#eff4ff; border-radius:12px; font-size:13px; color:#234679; overflow-wrap:anywhere; }
.transfer-auth-overlay .auth-dialog > .muted { font-size:12px; line-height:18px; margin:10px 0; }
.transfer-auth-overlay .auth-dialog h2 { padding-right:28px; font-size:20px; line-height:27px; }
.transfer-auth-overlay .pin-dots { margin:16px 0; }
.device[data-view=sent] .receipt-hero,.device[data-view=failed] .hero-amount { padding:18px 14px; background:#fff; border:1px solid #e1e9f7; border-radius:22px; }
.device[data-view=sent] .receipt-hero .bubble,.device[data-view=failed] .hero-amount .bubble { width:48px; height:48px; margin:0 auto 12px; }
.device[data-view=sent] .receipt-hero .display,.device[data-view=failed] .hero-amount .display { font-size:24px; line-height:32px; margin:6px 0; }
.device[data-view=sent] .receipt-hero .total { font-size:26px; line-height:35px; margin:8px 0; overflow-wrap:anywhere; }
.device[data-view=sent] .receipt-hero .lead,.device[data-view=failed] .hero-amount .lead { margin:8px 0 0; font-size:12px; line-height:19px; }
.receipt-hero.is-confirmed { background:linear-gradient(145deg,#fff,#effaf5)!important; }
.receipt-hero.is-confirmed .display { color:#157558; }
.receipt-hero.is-failed .display { color:#b32e42; }
.device[data-view=sent] .facts { min-height:0; padding:8px 14px; background:#fff; border:1px solid #e1e9f7; }
.device[data-view=sent] .receipt-reference { display:flex; flex-direction:column; align-items:stretch; gap:5px; width:100%; padding:10px 0; text-align:left; }
.receipt-reference > span { display:flex; justify-content:space-between; align-items:center; font-size:12px; color:var(--muted); }
.receipt-reference .icon { width:16px; height:16px; }
.device[data-view=sent] .receipt-reference > strong { font-family:monospace; text-align:left; font-size:11px; line-height:18px; overflow-wrap:anywhere; }
.receipt-checked { margin:0; font-size:11px; line-height:17px; color:var(--muted); }
.device[data-view=sent] #status-refresh:disabled { opacity:.45; cursor:wait; }
.device[data-view=sent] .sheet > .primary { display:flex; align-items:center; justify-content:center; gap:8px; }
@media (max-height:740px) { .device[data-view=sent] > .sheet,.device[data-view=failed] > .sheet { gap:9px; } }
.transfer-auth-overlay .auth-dialog h2 { margin:16px 0 10px; }
.transfer-auth-overlay .pinpad button { height:48px; }
.device[data-view=sent] .hero-amount > .bubble .icon,.device[data-view=failed] .hero-amount > .bubble .icon { width:26px; height:26px; }
.device[data-view=send-review] #confirm:disabled,.device[data-view=swap-review] #swap-confirm:disabled { opacity:.55; cursor:wait; }
/* One amount input and explicit quote/approval stages for Tron swaps. */
.device[data-view=swap] #swap,.device[data-view=swap-insufficient] #swap { gap:12px; }
.device[data-view=swap] #swap .pay-card,.device[data-view=swap-insufficient] #swap .pay-card { padding:14px; border:1px solid #e1e9f7; border-radius:19px; background:#fff; }
.device[data-view=swap] #swap .amount-row,.device[data-view=swap-insufficient] #swap .amount-row { margin:10px 0 0; min-height:42px; }
#swap #swap-amount { min-width:0; width:100%; font-size:28px; padding:0; border:0; background:transparent; }
#swap .pay-top { gap:12px; min-width:0; }
.device[data-view] #swap .pay-card { height:auto; }
#swap .pay-top > :first-child { min-width:0; }
#swap .swap-token { display:inline-flex; align-items:center; gap:6px; flex:none; color:#101c39; }
#swap .swap-token .coin,#swap .swap-token .coin img { width:24px; height:24px; }
#swap .swap-token strong { font-size:12px; line-height:18px; }
#swap .swap-balance,#swap .swap-entered { margin:8px 0 0; font-size:11px; line-height:17px; color:var(--muted); overflow-wrap:anywhere; }
#swap .swap-entered[hidden] { display:none; }
#swap .amount-row { min-width:0; }
#swap .amount-row > .pay-amount { min-width:0; width:100%; flex:1; }
#swap #swap-guess-amount { display:block; font-size:clamp(22px,7vw,28px); line-height:1.4; overflow-wrap:anywhere; }
#swap #swap-max:disabled { opacity:.45; cursor:not-allowed; }
.swap-feedback :is(.notice,.error) { margin:0; padding:10px 12px; font-size:12px; line-height:18px; }
#swap .swap-error { margin:0; color:#b32e42; font-size:12px; line-height:18px; }
.swap-error[hidden] { display:none; }
.swap-step-note { margin:0; color:var(--muted); font-size:11px; line-height:18px; }
.swap-stages { display:flex; gap:8px; }
.swap-stages span { flex:1; border:1px solid #dfe7f5; border-radius:12px; padding:8px; color:var(--muted); font-size:11px; text-align:center; }
.swap-stages .on { background:#eaf1ff; border-color:#c7d9ff; color:#245fd2; font-weight:700; }
.swap-expiry { margin:0; padding:9px 12px; font-size:12px; line-height:18px; color:#157558; background:#eaf8f0; border-radius:12px; }
.swap-expiry.is-expired { color:#b32e42; background:#fff0f2; }
.device[data-view=send-review] .send-cost-total { border-top:1px solid #e1e9f7; margin-top:4px; padding-top:14px; }
.device[data-view=send-review] .send-cost-total strong { color:#174bb5; overflow-wrap:anywhere; }
.device[data-view=send-review] #send-renew { min-height:44px; padding:10px 14px; font-size:13px; }
.device[data-view=swap-review] .swap-stack { gap:10px; }
.device[data-view=swap-review] .swap-quote-card { padding:14px; height:auto; min-height:0; background:#fff; border:1px solid #e1e9f7; border-radius:19px; }
.device[data-view=swap-review] .swap-quote-card .swap-line { gap:10px; }
.device[data-view=swap-review] .swap-quote-card .swap-line { display:grid; grid-template-columns:30px minmax(0,1fr); align-items:start; }
.device[data-view=swap-review] .swap-line > strong { min-width:0; font-size:clamp(18px,5vw,22px); line-height:1.4; overflow-wrap:anywhere; }
.device[data-view=swap-review] .swap-line .swap-buy-amount { display:flex; align-items:flex-start; gap:5px; }
.device[data-view=swap-review] .swap-buy-amount > .swap-approx { flex:none; }
.device[data-view=swap-review] .swap-buy-amount > :last-child { min-width:0; overflow-wrap:anywhere; }
.device[data-view=swap-review] .swap-quote-card .coin,.device[data-view=swap-review] .swap-quote-card .coin img { width:30px; height:30px; }
.device[data-view=swap-review] .facts { padding:4px 14px; background:#fff; border:1px solid #e1e9f7; }
.device[data-view=swap-review] .facts > div { min-height:34px; padding:7px 0; font-size:11px; }
.device[data-view=swap-review] .facts > div { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr); align-items:start; gap:12px; }
.device[data-view=swap-review] .facts > div > :is(span,strong) { min-width:0; line-height:18px; overflow-wrap:anywhere; }
#swap-preview:disabled,#swap-refresh-quote:disabled,#swap-confirm:disabled { opacity:.45; cursor:not-allowed; }
@media (max-height:740px) { .device[data-view=swap] #swap,.device[data-view=swap-insufficient] #swap { gap:9px; } .device[data-view=swap-review] .swap-stack { gap:8px; } }
/* Account backup status and device restore identity. */
.ank-account{height:100dvh;scroll-padding-top:84px}
.ank-account .ac-header{padding-top:max(14px,env(safe-area-inset-top));flex-shrink:0}
.ank-account .ac-footer{padding-bottom:max(18px,env(safe-area-inset-bottom))}
.ank-account .ac-current-backup{display:flex;align-items:flex-start;gap:12px;border:1px solid #cfe8dd;background:#edf8f2;border-radius:18px;padding:16px;color:#187454}
.ank-account .ac-current-backup.is-missing{background:#fff5e6;border-color:#f1dfbd;color:#95631e}
.ank-account .ac-current-backup.is-unverified{background:#edf3ff;border-color:#d4e1fb;color:#345e9c}
.assistant-panel .as-listen:disabled{opacity:.65;cursor:wait}
.restore-review-sheet .restore-review-symbol{display:grid;place-items:center;width:54px;height:54px;background:#eaf0ff;border-radius:18px;color:#2463ea}
.restore-review-symbol .icon{width:27px;height:27px}
.restore-review-identity{display:grid;gap:8px;padding:16px;border:1px solid #e0e8f6;border-radius:18px;background:#fff}
.restore-review-identity>span{font-size:10px;color:#7a8da8}
.restore-review-identity>strong{font-size:15px;overflow-wrap:anywhere}
.restore-review-identity code{font-size:12px;line-height:1.7;overflow-wrap:anywhere;color:#345e9c;user-select:all}
.restore-review-sheet>.lead{font-size:12px;line-height:1.7}
.restore-review-sheet>#restore-replace{margin-top:auto;font-size:13px}
.ank-account .ac-current-backup>svg{width:24px;height:24px;flex:none}
.ank-account .ac-current-backup>div{min-width:0}
.ank-account .ac-current-backup span{display:block;font-size:10px;letter-spacing:.5px;overflow-wrap:anywhere}
.ank-account .ac-current-backup strong{display:block;font-size:15px;line-height:1.5;margin-top:7px}
.ank-account .ac-current-backup p{font-size:11px;color:inherit;margin:7px 0 0;line-height:1.7}
.ank-account .ac-current-tag{display:inline-block;margin-top:7px;background:#e9f5ef;color:#247c58;padding:4px 7px;border-radius:6px;font-size:9px}
.ank-account .ac-restore-identity{background:white;border:1px solid #e1e8f4;border-radius:18px;padding:16px;display:grid;gap:9px}
.ank-account .ac-restore-identity strong{font-size:15px;overflow-wrap:anywhere}
.ank-account .ac-restore-identity span,.ank-account .ac-restore-identity small{font-size:10px;color:#74819a}
.ank-account .ac-restore-identity code{font-size:12px;line-height:1.7;overflow-wrap:anywhere;user-select:all;color:#273653}
.ank-account .ac-retry{display:block;margin:0 auto 12px}
.ank-account[aria-busy=true] .ac-progress{position:fixed;z-index:2;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 32px);max-width:360px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 16px;border:1px solid #dbe6fc;border-radius:16px;background:#fff;box-shadow:0 8px 32px #18345c20;pointer-events:none}
.ank-account[aria-busy=true] .ac-progress::before{content:'';width:15px;height:15px;border:2px solid #dce7ff;border-top-color:#2463ea;border-radius:50%;flex:none}
@media(prefers-reduced-motion:no-preference){.ank-account[aria-busy=true] .ac-progress::before{animation:balance-refresh-spin 1s linear infinite}}
.ank-account .ac-restore-heading{padding:0 0 12px;text-align:left}
.ank-account .ac-restore-heading h1{font-size:24px;margin:0 0 8px}
.ank-account .ac-restore-heading p{margin:0}
.ank-account[data-page=restore] .ac-footer{display:none}
.ank-account[data-page=restore] .ac-note{margin:14px 0;padding:12px}
.ank-account .ac-backup-card small{overflow-wrap:anywhere}
.ank-account input{font-size:16px;scroll-margin-top:90px}
@media(max-height:740px){
 .ank-account .ac-header{min-height:62px;padding-bottom:10px}
 .ank-account .ac-content{padding-top:14px}
 .ank-account .ac-hero{padding:0 0 14px}
 .ank-account .ac-hero .ac-cloud{width:48px;height:48px;border-radius:17px;margin-bottom:10px}
 .ank-account .ac-hero .ac-cloud svg{width:30px;height:30px}
 .ank-account .ac-hero h1{font-size:24px;margin:8px 0}
 .ank-account .ac-hero p{font-size:12px}
 .ank-account .ac-tabs{margin-bottom:14px}
 .ank-account .ac-field{margin:12px 0;gap:7px}
 .ank-account .ac-field input{padding:12px 14px;min-height:48px}
 .ank-account .ac-heading{padding:10px 0 12px}
 .ank-account .ac-left{padding:20px 0 12px}
 .ank-account .ac-heading h1{font-size:24px}
 .ank-account .ac-heading .ac-cloud{width:48px;height:48px;border-radius:17px;margin-bottom:10px}
 .ank-account .ac-heading .ac-cloud svg{width:30px;height:30px}
 .ank-account .ac-footer{padding-top:14px}
}
/* Assistant composer stays inside the visible viewport, including the keyboard. */
.assistant-panel .as-retry{margin:10px 14px;padding:12px;border:1px solid #cbdcff;background:#edf3ff;border-radius:12px;color:#165dfa;font-size:12px;font-weight:700;flex:none;min-height:44px}
.assistant-panel .as-notice{margin:4px 13px;padding:10px 12px;border-radius:11px;background:#edf4ff;color:#3563a8;font-size:11px;line-height:1.6;flex:none}
.assistant-panel .as-transcript-note{display:flex;align-items:center;gap:8px;margin:4px 13px;padding:10px 12px;background:#edf8f2;color:#247c58;border-radius:11px;font-size:11px;line-height:1.5;flex:none}
.assistant-panel .as-transcript-note button{margin-left:auto;border:0;background:none;color:inherit;font-size:10px;min-height:32px;flex:none}
.assistant-panel .as-composer textarea{font-size:16px;height:58px}
.assistant-panel .as-mic,.assistant-panel .as-send{width:40px;height:40px;flex:none}
.assistant-panel .as-header>button{min-width:40px;height:40px}
.assistant-panel .as-recording{gap:6px;flex-wrap:wrap;padding:10px 13px}
.assistant-panel .as-record-time{margin-right:auto}
.assistant-panel .as-recording button{min-height:36px;margin-left:0;font-size:11px}
@media(max-width:480px){
 .assistant-panel:not(.is-peek){top:calc(var(--as-view-top,0px) + 8px);bottom:auto;height:calc(var(--as-view-height,100dvh) - 16px);max-height:none}
 .assistant-panel .as-composer{gap:5px;padding:8px}
 .assistant-panel .as-composer>div{gap:4px}
}
@media(max-height:650px){
 .assistant-panel .as-header{padding:10px 12px}
 .assistant-panel .as-toolbar{padding:8px 12px}
 .assistant-panel .as-welcome{padding-top:5px}
 .assistant-panel .as-welcome>div:first-child{display:none}
 .assistant-panel .as-welcome h2{font-size:18px;margin:8px 0}
 .assistant-panel .as-welcome p{margin:8px auto 12px}
 .assistant-panel .as-suggestions button{padding:10px}
 .assistant-panel .as-privacy{padding-bottom:8px}
}
/* QR capture and review are independent of the scrolling send form. */
.scan-overlay{position:fixed;inset:0;z-index:800;display:grid;place-items:center;background:#101c3966;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));backdrop-filter:blur(4px)}
.scan-dialog{width:min(100%,390px);max-height:calc(100dvh - 48px);overflow:auto;background:#f7f9fd;border:1px solid #e0e8f5;border-radius:24px;padding:20px;color:#101c39;box-shadow:0 20px 60px #101c3933}
.scan-dialog header{display:flex;align-items:center;gap:10px;margin-bottom:15px}
.scan-dialog h2{font:700 20px/1.4 Wallet,Arial;margin:0;letter-spacing:-.4px}
.scan-dialog header button{flex:none;margin-left:auto;width:42px;height:42px;border:0;border-radius:13px;background:#eaf0fa;color:#526d97;font-size:28px}
.scan-dialog .primary{position:static;width:100%;min-height:50px;margin:15px 0 0}
.scan-help{font:400 12px/1.7 Wallet,Arial;color:#6c7e9c;margin:12px 0;overflow-wrap:anywhere}
.scan-camera{position:relative;aspect-ratio:1.4;max-height:29dvh;border-radius:18px;overflow:hidden;background:#14213a;display:grid;place-items:center}
.scan-camera video{display:block;width:100%;height:100%;object-fit:cover}
.scan-camera>span{position:absolute;bottom:10px;left:10px;right:10px;padding:8px;border-radius:9px;background:#101c39b3;text-align:center;color:white;font:400 11px/1.6 Wallet,Arial}
.scan-camera:not(.is-ready) video{visibility:hidden}
.scan-address{background:white;border:1px solid #dfe8f6;border-radius:18px;padding:17px;display:grid;gap:12px}
.scan-address>span{font:700 13px/1.6 Wallet,Arial;color:#165dfa}
.scan-address code{font:400 13px/1.8 monospace;overflow-wrap:anywhere;user-select:all}
.scan-address strong{font:700 14px/1.6 Wallet,Arial;overflow-wrap:anywhere}
.scan-address small{font:400 11px/1.6 Wallet,Arial;color:#7b8da8}
.scan-warning{padding:13px;background:#fff3df;border-radius:13px;color:#95631e;font:400 12px/1.7 Wallet,Arial;margin:14px 0}
.scan-dialog button:focus-visible{outline:3px solid #8aafff;outline-offset:3px}
@media(max-width:360px){.scan-dialog{padding:16px}.scan-dialog h2{font-size:18px}}
/* Device setup keeps phrase validation next to the fields. */
.device[data-view=restore] .recovery-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px}
.device[data-view=restore] .recovery-tools>span{font-size:12px;color:#7485a1}
.device[data-view=restore] .recovery-tools .text-btn{min-height:36px;margin:0;padding:6px 0;font-size:11px}
.device[data-view=restore] .recovery-validation{font-size:11px;line-height:1.6;color:#aa4259;margin:0;overflow-wrap:anywhere}
.device[data-view=restore] .recovery-validation.is-valid{color:#247c58}
.device[data-view=restore] .recovery-validation:empty{display:none}
.device[data-view=restore] .word-grid{margin:0}
.device[data-view=restore] .word-grid label{border:1px solid #dfe7f5;background:#fff}
.device[data-view=restore] .word-grid label:focus-within{border-color:#165dfa;box-shadow:0 0 0 2px #165dfa12}
.device[data-view=restore] .word-grid label:has([aria-invalid=true]){border-color:#e6a3af;background:#fff7f8}
.device[data-view=restore] .word-grid input{font-size:16px;font-weight:500;line-height:22px;background:transparent}
.device[data-view=restore] .word-grid input:focus-visible{outline:none}
.device[data-view=restore] #restore-next,.device[data-view=backup-confirm] #quiz-next,.device[data-view=create-backup] #create-next{width:100%}
.device[data-view=create-backup] .word-grid{background:#fff;border:1px solid #dfe7f5;border-radius:18px;padding:10px}
.device[data-view=create-backup] .word-grid li{border:0;background:#edf3ff}
.device[data-view=create-backup] .word-grid.is-concealed strong{color:#8b9db9;letter-spacing:1px;user-select:none}
.device[data-view=create-backup] .setup-words-toggle{margin:0;align-self:flex-start;min-height:36px;padding:7px 0;font-size:12px}
.device[data-view=create-backup] .setup-secret-hint{font-size:10px;line-height:1.6;color:#788ba8;margin:0}
.device[data-view=wallet-name] .name-hint{margin:0;color:#788ba8;font-size:11px}
@media(max-height:740px){
 .device[data-view=restore] .setup-page .sheet,.device[data-view=create-backup] .setup-page .sheet{gap:8px}
 .device[data-view=restore] .word-grid,.device[data-view=create-backup] .word-grid{gap:6px}
 .device[data-view=restore] .info-box,.device[data-view=create-backup] .info-box{padding:10px 12px}
 .device[data-view=restore] .setup-page .lead{font-size:12px;line-height:1.6}
}
/* Unlock names the selected local vault and keeps recovery links below the keypad. */
.device[data-view=unlock] .setup-page{gap:12px}
.device[data-view=unlock] .setup-body.pin-screen{gap:12px;min-height:min-content;flex:1;overflow:visible;padding-top:clamp(8px,3dvh,28px)}
.device[data-view=unlock] .setup-body h1{margin:0;font-size:25px;line-height:32px}
.device[data-view=unlock] .setup-body>.lead{margin:0;font-size:12px;line-height:18px}
.device[data-view=unlock] .unlock-identity{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #dfe8f5;background:#fff;border-radius:18px;padding:12px 14px;width:100%}
.device[data-view=unlock] .unlock-identity>div{min-width:0;flex:1}
.device[data-view=unlock] .unlock-identity strong{display:block;overflow-wrap:anywhere;font-size:14px;line-height:20px}
.device[data-view=unlock] .unlock-identity small{display:block;font-size:10px;line-height:16px;color:#8190a9;margin-top:4px}
.device[data-view=unlock] .unlock-picker{display:flex;align-items:center;gap:12px;width:100%;text-align:left}
.device[data-view=unlock] .unlock-picker>span{font-size:11px;color:#7c8fae;flex:none}
.device[data-view=unlock] .unlock-picker select{font:400 16px Wallet,Arial;min-width:0;width:100%;min-height:42px;border:1px solid #dfe8f5;border-radius:12px;background:#fff;color:#273653;padding:8px 10px}
.device[data-view=unlock] .pin-dots{margin:0;min-height:16px}
.device[data-view=unlock] .unlock-status{min-height:28px;color:#aa4259;font-size:12px;line-height:18px;overflow-wrap:anywhere}
.device[data-view=unlock] .pinpad{margin:auto 0 0;gap:8px 18px}
.device[data-view=unlock] .dock{gap:4px;margin-top:0}
.device[data-view=unlock] .unlock-help{font-size:10px;line-height:16px;color:#7a8da8;margin:0 0 5px}
.device[data-view=unlock] #restore,.device[data-view=unlock] #cloud-account{position:static;width:100%;min-height:38px;font-size:12px;padding:8px;margin:0}
.device[data-view=unlock] .pinpad button:disabled{opacity:.45;cursor:wait}
@media(max-height:740px){
 .device[data-view=unlock] .setup-body.pin-screen{gap:8px;padding-top:0}
 .device[data-view=unlock] .unlock-identity{padding:9px 12px;border-radius:15px}
 .device[data-view=unlock] .unlock-status{min-height:22px}
 .device[data-view=unlock] .pinpad{gap:6px 18px}
 .device[data-view=unlock] .pinpad button{min-height:44px;height:44px}
 .device[data-view=unlock] .setup-body h1{font-size:23px;line-height:29px}
 .device[data-view=unlock] .unlock-picker select{min-height:38px;padding:6px 8px}
}
.device[data-view=activity] .history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
.device[data-view=activity] .history-head .page-title{position:static;margin:0;flex:1}
.device[data-view=activity] .history-head .assistant-launcher{position:static;flex:none;width:44px;height:44px;min-height:44px;box-shadow:none}
/* Let the portfolio card grow when exact balances or coverage notes wrap. */
.device[data-view=home] .balance-card { display:flex; flex-direction:column; gap:6px; height:auto; }
.device[data-view=home] .balance-card :is(.total,.soft,.change,.sync-stamp) { position:static; min-width:0; max-width:100%; margin:0; overflow-wrap:anywhere; white-space:normal; }
.device[data-view=home] .balance-card .total { font-size:clamp(26px,7.5vw,33px); line-height:1.25; }
.device[data-view=home] .balance-card .total.is-message { line-height:1.35; }
.device[data-view=home] .balance-card .sync-stamp { margin-top:auto; }
.device[data-view=home] .balance-tools { margin:0; }
@media (max-height:740px) { .device[data-view=home] .balance-card { padding:12px 16px; gap:4px; } }
.device[data-view=activity] .history-head .round{width:42px;height:42px;min-height:42px;background:white;border:1px solid #dfe8f5}
.device[data-view=activity] .history-head .round:disabled{opacity:.45}
.device[data-view=activity] .history-summary{font-size:11px;line-height:1.7;color:#7a8da8;margin:0}
.device[data-view=activity] #history-issue:empty{display:none}
.device[data-view=activity] .history-share-note{margin:0;padding-inline:48px;font-size:10px;line-height:1.6;color:#8393ae;text-align:center}
.device[data-view=activity] #older:disabled{opacity:.5;cursor:wait}