/* Wallet connection is utility UI: keep type plain and the whole list reachable. */
.ha-wallet-back { padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
.ha-modal.ha-wallet-dialog {
  display:flex; flex-direction:column; max-width:440px; min-height:0;
  max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  padding:0; overflow:hidden; border:1px solid var(--edge); border-radius:20px;
  background:#10151c; box-shadow:0 24px 80px #0009; font-family:var(--font);
}
.ha-wallet-dialog::before { content:none; }
.ha-wallet-dialog.has-wallet-list { height:min(680px, calc(252px + var(--wallet-rows, 6) * 68px)); }
.ha-wallet-dialog .ha-modal-x { position:absolute; float:none; top:16px; right:16px; width:44px; height:44px; margin:0; border-radius:12px; }
.ha-wallet-dialog .ha-modal-x:hover { transform:none; }
.ha-wallet-head { flex:none; padding:24px 72px 18px 24px; }
.ha-wallet-dialog .ha-wallet-head h3 { margin:0 0 10px; font:700 23px/1.25 var(--font); letter-spacing:-.035em; text-transform:none; color:var(--txt); background:none; -webkit-text-fill-color:currentColor; }
.ha-wallet-head p { margin:0; color:var(--txt-dim); font-size:14px; line-height:1.6; }
.ha-wallet-search { flex:none; position:relative; margin:0 20px 12px; }
.ha-wallet-search label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.ha-wallet-search > svg { position:absolute; width:18px; height:18px; left:14px; top:15px; color:var(--txt-mute); pointer-events:none; }
.ha-wallet-search input { width:100%; height:48px; padding:0 14px 0 42px; border:1px solid var(--line); border-radius:12px; color:var(--txt); background:#090d12; font:400 16px/1.4 var(--font); }
.ha-wallet-search input::placeholder { color:var(--txt-mute); }
.ha-wallet-search input:focus-visible { outline:2px solid var(--green); outline-offset:2px; }
.ha-wallet-scroll { flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; padding:0 12px 12px; scroll-padding-block:8px; }
.ha-wpick-list { display:grid; gap:4px; }
.ha-wpick { display:flex; align-items:center; gap:12px; width:100%; min-width:0; min-height:64px; padding:10px 12px; border:1px solid transparent; border-radius:12px; text-align:left; text-decoration:none; background:transparent; color:var(--txt); font:500 15px/1.45 var(--font); cursor:pointer; touch-action:manipulation; transition:background .15s, border-color .15s; }
.ha-wpick[hidden], .ha-wallet-empty[hidden] { display:none; }
.ha-wpick.is-last { background:var(--green-dim); }
.ha-wpick:hover { background:var(--raise-2); }
.ha-wpick:focus-visible { outline:2px solid var(--green); outline-offset:-2px; background:var(--raise-2); }
.ha-wpick-icon { display:block; flex:none; width:40px; height:40px; border:0; border-radius:11px; object-fit:contain; background:transparent; }
.ha-wpick-icon[src$="cryptocom.svg"] { padding:7px; background:#102c62; }
.ha-wpick-copy { display:flex; flex:1; flex-direction:column; min-width:0; }
.ha-wpick-copy b { font-weight:600; overflow-wrap:anywhere; }
.ha-wpick-copy small { color:var(--txt-dim); font-size:13px; line-height:1.5; margin-top:2px; }
.ha-wpick-last { flex:none; font-size:12px; color:var(--green-soft); }
.ha-wpick-next { flex:none; width:20px; height:20px; color:var(--txt-mute); }
.ha-wallet-empty { text-align:center; padding:28px 12px; }
.ha-wallet-empty b { font-size:16px; }
.ha-wallet-empty p { margin:8px 0 16px; font-size:14px; color:var(--txt-dim); }
.ha-wallet-foot { flex:none; padding:16px 24px; border-top:1px solid var(--line); color:var(--txt-dim); background:#0c1117; font-size:12px; line-height:1.6; }
@media (max-width:380px) {
  .ha-wallet-back { padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)); }
  .ha-wallet-dialog .ha-wallet-head h3 { font-size:21px; }
  .ha-wallet-head { padding-left:18px; }
  .ha-wallet-search { margin-inline:16px; }
  .ha-wallet-scroll { padding-inline:8px; }
  .ha-wpick { gap:10px; padding-inline:10px; }
  .ha-wpick-last { font-size:12px; }
  .ha-wpick.is-last .ha-wpick-next { display:none; }
  .ha-wallet-foot { padding-inline:18px; }
}
@media (max-height:500px) {
  .ha-wallet-head { padding-block:14px 10px; }
  .ha-wallet-head p { display:none; }
  .ha-wallet-dialog .ha-modal-x { top:7px; }
  .ha-wallet-search { margin-bottom:8px; }
  .ha-wallet-foot { padding-block:10px; }
}