/* Optional wallet control styles. The application owns rendering and click handlers. */
.wallet-control { display: inline-flex; align-items: center; gap: .55rem; position: relative; }
.wallet-button, .wallet-switch, .wallet-disconnect {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-height: 40px; border: 1px solid #64458d; border-radius: 7px;
  padding: .6rem .85rem; background: #14101d; color: #f2eaff;
  font: inherit; font-size: .75rem; font-weight: 700; letter-spacing: .03em;
  cursor: pointer; text-decoration: none;
}
.wallet-button:hover, .wallet-switch:hover, .wallet-disconnect:hover { background: #241632; border-color: #b17bea; }
.wallet-button:focus-visible, .wallet-switch:focus-visible, .wallet-disconnect:focus-visible { outline: 2px solid #c499ff; outline-offset: 3px; }
.wallet-button:disabled, .wallet-switch:disabled { opacity: .6; cursor: wait; }
.wallet-address { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-variant-numeric: tabular-nums; }
.wallet-status { display: inline-flex; align-items: center; gap: .4rem; color: #c9b2e6; font-size: .68rem; }
.wallet-status::before { content: ""; width: 6px; height: 6px; background: #aa75ed; box-shadow: 0 0 8px #7c42ae55; }
.wallet-disconnect { min-height: 32px; padding: .35rem .55rem; border-color: #35283f; color: #bcaace; font-size: .66rem; }
.wallet-error { max-width: 340px; margin: .6rem 0 0; color: #ead5ff; font-size: .78rem; line-height: 1.5; }
@media (max-width: 600px) {
  .wallet-control { flex-wrap: wrap; gap: .4rem; }
  .wallet-button, .wallet-switch { min-height: 40px; padding: .55rem .65rem; font-size: .7rem; }
}