/* Keep the machine destination and primary wallet action at the end of the bar. */
.nav .nav-inner {
  grid-template-columns: auto auto minmax(160px, 1fr) 44px auto;
  min-height: 76px;
  gap: 12px;
  padding: 8px 16px;
}
.nav-actions { display: flex; align-items: center; gap: 8px; }
.nav-machine-short { display: none; }
.nav .nav-wallet { display: grid; grid-template-columns: 140px; gap: 0; }
.nav #navConnect {
  --nav-wallet-width: 140px;
  min-height: 44px;
  padding-inline: 6px;
  background: var(--ink);
  color: var(--card);
}
.nav #navConnect:hover { background: var(--accent-text); color: var(--card); }
.nav #navTokenBalance {
  display: block;
  max-width: 140px;
  text-align: center;
  font: 400 12px/1.4 var(--mono);
  color: var(--muted);
}
.nav .nav-status { overflow: hidden; }
@media (max-width: 1100px) {
  .nav .nav-links { display: none; }
  .nav .nav-inner { grid-template-columns: auto minmax(160px, 1fr) 44px auto; }
}
@media (max-width: 767px) {
  .nav .nav-inner { grid-template-columns: 44px minmax(76px, 1fr) 44px auto; gap: 4px; padding: 6px 8px; }
  .nav .brand { width: 44px; }
  .nav-actions { gap: 4px; }
  .nav-machine-full { display: none; }
  .nav-machine-short { display: inline; }
  .nav-actions > .nav-action, .nav-actions > .nav-current { width: 64px; min-height: 44px; padding-inline: 4px; }
  .nav .nav-status { width: 76px; min-width: 76px; padding: 0; gap: 0; justify-content: center; }
  .nav .nav-pool-compact { width: 32px; font-size: 12px; }
  .nav #navCa { position: relative; width: 44px; min-width: 44px; padding: 0; text-indent: -10000px; }
  .nav #navCa::after { content: 'CA'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-indent: 0; }
  .nav .nav-wallet { grid-template-columns: 122px; }
  .nav #navConnect { --nav-wallet-width: 122px; }
  .nav #navTokenBalance { max-width: 122px; }
}
@media (max-width: 381px) {
  .nav .nav-inner { grid-template-columns: 44px minmax(44px, 1fr) auto; }
  .nav .nav-status { grid-row: 2; grid-column: 1 / -1; justify-self: center; }
  .nav .burger { justify-self: end; }
}