.nav-links a.alert-button,
a.alert-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid #08679b;
  border-radius: 8px;
  background: #0878b5;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
  text-decoration: none;
  white-space: nowrap;
}
.nav-links a.alert-button:hover,
a.alert-button:hover { background: #066598; color: #fff; }
.nav-links a.alert-button:focus-visible,
a.alert-button:focus-visible { outline: 3px solid #f0b429; outline-offset: 3px; }
.alert-button img { width: 18px; height: 18px; flex: 0 0 18px; filter: brightness(0) invert(1); }
.balance-alert { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 12px; }
.balance-alert[hidden] { display: none; }
.balance-alert small { color: #536775; font-size: 12px; line-height: 1.5; }
@media (max-width: 640px) {
  .nav-links a.alert-button { min-height: 40px; padding: 8px 12px; }
  .balance-alert { align-items: flex-start; flex-direction: column; }
}