:root {
  --musicmon-bg: #f6f7f9;
}

body {
  background: var(--musicmon-bg);
}

.login-body {
  background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
}

.login-card {
  width: min(100%, 420px);
  border: 0;
  border-radius: 1rem;
}

.navbar-brand {
  letter-spacing: -0.02em;
}

.sticky-sidebar {
  position: sticky;
  top: 86px;
  max-height: calc(100vh - 104px);
  overflow: auto;
}

.ceco-list .list-group-item.active {
  background: #0d6efd;
  border-color: #0d6efd;
}

.metadata-table th,
.metadata-table td {
  vertical-align: top;
}

.metadata-table th {
  white-space: nowrap;
}

.raw-json {
  width: 520px;
  max-width: 70vw;
  max-height: 260px;
  overflow: auto;
  background: #111827;
  color: #e5e7eb;
  border-radius: .5rem;
  padding: .75rem;
  font-size: .75rem;
}

@media (max-width: 991.98px) {
  .sticky-sidebar {
    position: static;
    max-height: none;
  }
}