.banana-api-degraded-banner {
  position: fixed;
  top: 76px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  padding: 8px 12px;
  border: 1px solid rgba(255, 183, 77, 0.65);
  background: rgba(25, 30, 42, 0.96);
  color: #ffcc80;
  font-size: 12px;
  letter-spacing: 0.02em;
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms ease;
}

.banana-api-degraded-banner.is-visible {
  opacity: 1;
}

.banana-api-degraded {
  outline: 1px dashed rgba(255, 183, 77, 0.65);
  outline-offset: -1px;
}

.banana-api-degraded::after {
  content: attr(data-banana-degraded-text);
  display: block;
  margin-top: 4px;
  color: #ffcc80;
  font-size: 11px;
}

.banana-api-unavailable::after {
  color: #ff9a9a;
}