.network-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: 8px 16px;
  font-size: 12px;
  font-family: var(--font-mono, monospace);
  text-align: center;
  transition: transform 0.3s ease;
}

.network-banner--warn {
  background: #2a1a00;
  color: #ffb300;
  border-bottom: 1px solid #ffb300;
}

.network-banner--ok {
  background: #0a2a12;
  color: #00e676;
  border-bottom: 1px solid #00e676;
}

.network-banner.hidden {
  transform: translateY(-100%);
}