/* Deep dark palette on top of Bootstrap's built-in dark mode */
[data-bs-theme="dark"] {
  --bs-body-bg: #0f1117;
  --bs-body-bg-rgb: 15, 17, 23;
  --bs-card-bg: #1a2030;
  --bs-border-color: #1e2533;
  --bs-border-color-translucent: #1e2533;
}

.navbar {
  background: #0f1117;
  border-bottom: 1px solid #1e2533;
}

.navbar-brand {
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: .02em;
  color: #93c5fd !important;
  text-decoration: none;
}

/* Status indicator dots */
.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-block;
}
.dot.unknown  { background: #475569; }
.dot.healthy  { background: #22c55e; box-shadow: 0 0 8px #22c55e66; }
.dot.degraded { background: #f59e0b; box-shadow: 0 0 8px #f59e0b66; }
.dot.error    { background: #ef4444; box-shadow: 0 0 8px #ef444466; }

.hidden { display: none !important; }

.loading  { color: #64748b; font-style: italic; font-size: .9rem; }
.mod-error { color: #ef4444; font-size: .9rem; }