/* Compact home: one vertical scroll owner, so the balance never pins content. */
html[data-theme] .app [data-screen="home"] .home-wallets { display:grid; gap:8px; margin-top:12px; }
html[data-theme] .app [data-screen="home"] .home-wallet-row { display:grid; grid-template-columns:28px minmax(0,1fr) auto 12px; align-items:center; gap:10px; width:100%; min-height:76px; padding:12px 0; color:var(--ink); background:transparent; border:0; border-bottom:1px solid var(--hair); text-align:left; cursor:pointer; }
html[data-theme] .app [data-screen="home"] .home-wallet-icon { display:grid; place-items:center; width:28px; height:28px; color:var(--accent); }
html[data-theme] .app [data-screen="home"] .home-wallet-copy { display:grid; min-width:0; gap:4px; }
html[data-theme] .app [data-screen="home"] .home-wallet-copy strong { font:500 13px/1.4 var(--p-font); }
html[data-theme] .app [data-screen="home"] .home-wallet-copy small { font:400 10px/1.4 var(--p-font); color:var(--dim); overflow-wrap:anywhere; }
html[data-theme] .app [data-screen="home"] .home-wallet-value { font:500 15px/1.4 var(--p-font); font-variant-numeric:tabular-nums; text-align:right; }
html[data-theme] .app [data-screen="home"] .home-wallet-row > svg { width:12px; height:12px; color:var(--dim); }
html[data-theme] .app [data-screen="home"] .home-card-source,html[data-theme] .app [data-screen="home"] .home-empty-account { font:400 11px/1.5 var(--p-font); color:var(--dim); margin:8px 0; }
@media (max-width:359px) {
  html[data-theme] .app [data-screen="home"] .home-wallet-row { grid-template-columns:24px minmax(0,1fr) auto 10px; gap:6px; }
  html[data-theme] .app [data-screen="home"] .home-wallet-value { font-size:13px; }
  html[data-theme] .app [data-screen="home"] .home-wallet-icon { width:24px; height:24px; }
  html[data-theme] .app [data-screen="home"] .home-wallet-row > svg { width:10px; height:10px; }
}
html[data-theme] .app .view[data-screen="home"] {
  overflow-y:auto; overflow-x:hidden; overscroll-behavior-y:contain;
  scrollbar-width:none; padding-bottom:calc(92px + env(safe-area-inset-bottom));
}
html[data-theme] .app .view[data-screen="home"] > .sheet { flex:0 0 auto; min-height:auto; margin-top:0; }
html[data-theme] .app .view[data-screen="home"] > .sheet > .scroll { flex:none; overflow:visible; padding-bottom:16px; }
html[data-theme] .app [data-screen="home"] .canvas { padding-top:max(10px,env(safe-area-inset-top)); padding-bottom:8px; }
html[data-theme] .app [data-screen="home"] .c-in { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:8px; }
html[data-theme] .app [data-screen="home"] .brand-heading { grid-column:1; margin:0; min-height:32px; }
html[data-theme] .app [data-screen="home"] .customer-brand { gap:6px; min-height:32px; }
html[data-theme] .app [data-screen="home"] .customer-brand__mark { width:24px; height:24px; }
html[data-theme] .app [data-screen="home"] .customer-brand__name { font-size:16px; white-space:nowrap; letter-spacing:-.4px; }
html[data-theme] .app [data-screen="home"] .id-row { grid-column:2; grid-row:1; margin:0; gap:6px; min-width:0; }
html[data-theme] .app [data-screen="home"] .id-row .who { max-width:54px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:11px; }
html[data-theme] .app [data-screen="home"] .id-row .ava { width:26px; height:26px; font-size:10px; flex-shrink:0; }
html[data-theme] .app [data-screen="home"] .id-row .spacer { display:none; }
html[data-theme] .app [data-screen="home"] .c-in > .delta[role="status"] { grid-column:1/-1; margin:4px 0 0; font-size:10px; line-height:14px; }
html[data-theme] .app [data-screen="home"] .balance-block { grid-column:1/-1; margin-top:10px; padding:12px 16px; border-radius:18px; }
html[data-theme] .app [data-screen="home"] .balance-block .balance { margin-top:6px; font-size:clamp(25px,7.6vw,32px); line-height:1.15; letter-spacing:-1px; }
html[data-theme] .app [data-screen="home"] .balance-block .delta { margin-top:5px; font-size:10px; line-height:14px; }
html[data-theme] .app [data-screen="home"] .pills { grid-column:1/-1; margin-top:10px; gap:6px; }
html[data-theme] .app [data-screen="home"] .pill { min-height:52px; padding:0; gap:4px; }
html[data-theme] .app [data-screen="home"] .pill .gl { width:28px; height:28px; font-size:20px; }
html[data-theme] .app [data-screen="home"] .pill span:not(.gl) { font-size:11px; line-height:14px; }
@media (max-width:359px) {
  html[data-theme] .app [data-screen="home"] .customer-brand__name { font-size:14px; }
  html[data-theme] .app [data-screen="home"] .id-row .who { max-width:34px; }
}