.legacy-api-alert {
  align-items: center;
  background: var(--rsc-danger);
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  font-size: .88rem;
  font-weight: 700;
  gap: 6px 12px;
  justify-content: center;
  left: 0;
  line-height: 1.25;
  min-height: 48px;
  padding: 8px 16px;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 1040;
}

.legacy-api-countdown {
  background: rgba(255, 255, 255, .16);
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 999px;
  display: inline-flex;
  font-size: .82rem;
  padding: 3px 10px;
  white-space: nowrap;
}

.navbar-rsc {
  background: var(--rsc-navbar-bg);
  border-bottom: 1px solid rgba(217, 226, 239, .92);
  box-shadow: var(--rsc-navbar-shadow);
  top: 48px;
  z-index: 1030;
}

.navbar-brand {
  align-items: center;
  color: var(--rsc-primary-dark);
  display: inline-flex;
  font-weight: 800;
  gap: 10px;
}

.navbar-brand img {
  height: 34px;
  width: auto;
}

.navbar-rsc .navbar-toggler {
  border-color: var(--rsc-border);
}

:root[data-theme="dark"] .navbar-rsc .navbar-toggler-icon {
  filter: invert(1);
}

.navbar-rsc .nav-link {
  color: var(--rsc-text);
  font-weight: 700;
  padding-left: .85rem;
  padding-right: .85rem;
}

.navbar-rsc .nav-link:hover,
.navbar-rsc .nav-link:focus {
  color: var(--rsc-primary);
}

.navbar-rsc .navbar-text {
  color: var(--rsc-muted);
  font-size: .92rem;
}

.btn-theme {
  background: var(--rsc-soft-blue);
  border: 1px solid var(--rsc-border);
  color: var(--rsc-primary-dark);
  min-width: 72px;
}

.btn-theme:hover {
  background: var(--rsc-primary);
  border-color: var(--rsc-primary);
  color: var(--rsc-primary-contrast);
}

@media (max-width: 575.98px) {
  .legacy-api-alert {
    font-size: .78rem;
    min-height: 72px;
  }

  .legacy-api-countdown {
    font-size: .75rem;
  }

  .navbar-rsc {
    top: 72px;
  }
}