/* One wallet action within the shared navigation. */
.nav .nav-wallet { display: flex; align-items: center; gap: var(--nav-space); min-width: 0; }
.nav #navConnect {
  flex: 0 0 var(--nav-wallet-width);
  width: var(--nav-wallet-width);
  min-width: var(--nav-wallet-width);
  min-height: var(--nav-touch);
  padding: 0 var(--nav-space);
  font: 500 var(--size-mono)/var(--nav-leading) var(--font);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: var(--page);
  color: var(--ink);
  box-shadow: none;
  transform: none;
  transition: background-color var(--nav-speed) var(--nav-ease), color var(--nav-speed) var(--nav-ease);
}
.nav #navConnect:hover { background: var(--haze-light); color: var(--accent-text); }
.nav #navConnect[data-state="wrongchain"] { outline: var(--nav-stroke) solid var(--accent); outline-offset: var(--nav-stroke); }
.nav #navTokenBalance {
  display: block;
  max-width: var(--nav-balance-width);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: 400 var(--size-mono)/var(--nav-leading) var(--mono);
  color: var(--ink);
}
.nav .drawer .drawer-action { display: inline-flex; grid-column: 1 / -1; }
.wallet-picker__row, .wallet-picker__disconnect { min-height: var(--nav-touch); min-width: var(--nav-touch); }
@media (max-width: 767px) {
  .nav .nav-inner { grid-template-columns: var(--nav-touch) minmax(0, 1fr) calc(var(--nav-touch) * 2 + var(--nav-space)) var(--nav-touch); }
  .nav .brand { width: var(--nav-touch); font-size: var(--nav-brand-compact); }
  .nav .brand img { display: none; }
  .nav .nav-status { padding-inline: calc(var(--nav-space) / 2); gap: calc(var(--nav-space) / 2); }
  .nav #navCa { width: var(--nav-address-width); padding: 0; overflow: hidden; text-overflow: ellipsis; }
  .nav #navConnect { display: block; padding-inline: calc(var(--nav-space) / 2); --nav-wallet-width: calc(var(--nav-touch) * 2 + var(--nav-space)); }
  .nav #navTokenBalance { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .nav #navConnect { transition: none; }
}