/* Shared top-bar wallet chip. Every app route links this file from public/inc/topbar-head.html.
   The face used to live only under [data-tile="nav"] in nav.css, so /tournament (class v2-nav,
   no data-tile) kept the browser button: appearance auto, 2px outset border, mono 12. */

/* Kill the native button on every route, including ones with their own chip colors. */
.v2-wallet-go {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
}

/* Inverted chip (Trade). Tournament and 404 share it. Swap, bridge, investigate, profile,
   and landing keep their own higher-specificity faces. */
.v2-tour .v2-nav .v2-wallet,
.v2-nf-bar .v2-wallet,
[data-tile="nav"] .v2-wallet {
  gap: 8px;
  border-left: 1px solid var(--line);
  padding: 0;
  align-self: stretch;
  display: flex;
}
.v2-tour .v2-nav .v2-wallet-go,
.v2-nf-bar .v2-wallet-go,
[data-tile="nav"] .v2-wallet-go {
  appearance: none;
  -webkit-appearance: none;
  background: var(--tx);
  border: 0;
  color: var(--ink);
  font-family: var(--pix);
  font-size: var(--fs-pix-label);
  font-weight: 400;
  font-synthesis: none;
  letter-spacing: 0;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 100%;
  padding: 0 16px;
  cursor: var(--cur-pointer);
  -webkit-font-smoothing: none;
}
.v2-tour .v2-nav .v2-wallet-go:hover,
.v2-nf-bar .v2-wallet-go:hover,
[data-tile="nav"] .v2-wallet-go:hover,
.v2-tour .v2-nav .v2-wallet:hover b,
.v2-nf-bar .v2-wallet:hover b,
[data-tile="nav"] .v2-wallet:hover b,
.v2-tour .v2-nav .v2-wallet-go:hover b,
.v2-nf-bar .v2-wallet-go:hover b,
[data-tile="nav"] .v2-wallet-go:hover b {
  color: var(--ink);
  background: var(--tx);
}
.v2-tour .v2-nav .v2-wallet-go .x-idn,
.v2-tour .v2-nav .v2-wallet-go .v2-wallet-ico,
.v2-nf-bar .v2-wallet-go .x-idn,
.v2-nf-bar .v2-wallet-go .v2-wallet-ico,
[data-tile="nav"] .v2-wallet-go .x-idn,
[data-tile="nav"] .v2-wallet-go .v2-wallet-ico {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  fill: currentColor;
  color: var(--ink);
}
.v2-tour .v2-nav .v2-wallet-addr,
.v2-nf-bar .v2-wallet-addr,
[data-tile="nav"] .v2-wallet-addr {
  color: var(--ink);
  font-weight: 400;
}

/* New-version bar (fresh.js). Bottom centre, above the phone dock (--v2-dock is 0 on desktop)
   and under toasts. Kit toast chrome: tile, --acc rule, hard offset shadow. */
.v2-fresh {
  position: fixed;
  left: 16px;
  right: 16px;
  /* 48px clears the status strip (RECONNECTING) that sits on the same edge. */
  bottom: calc(48px + var(--v2-dock, 0px) + env(safe-area-inset-bottom, 0px));
  z-index: 105;
  display: flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
  max-width: 560px;
  margin: 0 auto;
  padding: 4px 4px 4px 12px;
  background: var(--tile);
  border: 1px solid var(--acc);
  box-shadow: var(--v2-shadow-4) var(--acc);
  color: var(--tx);
  font: 500 var(--fs-12) / 1.3 var(--mono);
}
.v2-fresh[hidden] {
  display: none;
}
.v2-fresh .x-lab {
  color: var(--acc-hi);
  font: 400 var(--fs-pix-label) / 1 var(--pix);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.v2-fresh-msg {
  flex: 1 1 auto;
  min-width: 0;
}
.v2-fresh .x-btn {
  flex: 0 0 auto;
}