:root {
  --ndwh-surface: #ffffff;
  --ndwh-bg: #f5f7fb;
  --ndwh-border: #e2e8f0;
  --ndwh-primary: #2563eb;
  --ndwh-ink: #0f172a;
}

body.app-default {
  background: var(--bs-body-bg, var(--ndwh-bg));
}

.brand-kicker {
  color: #60a5fa;
}

.admin-nav a,
.admin-nav button,
.nav-action {
  background: rgba(148, 163, 184, 0.14);
  color: #fff;
  border: 1px solid transparent;
  padding: 10px 14px;
  border-radius: 12px;
  text-decoration: none;
  cursor: pointer;
}

.admin-nav a.active {
  background: linear-gradient(135deg, var(--ndwh-primary), #1d4ed8);
}

.app-sidebar {
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.04);
}

.page-header h2 {
  color: var(--bs-heading-color, var(--ndwh-ink));
}

body.app-default header {
  background: #1b1c22;
}

body.app-default .card {
  background: var(--bs-card-bg, var(--ndwh-surface));
  border: 1px solid var(--bs-border-color, var(--ndwh-border));
  box-shadow: var(--bs-card-box-shadow, 0 1px 3px rgba(15, 23, 42, .08));
}

body.app-default .metric {
  background: var(--bs-gray-100, #f1f5f9);
}

body.app-default .metric strong {
  color: var(--bs-primary, var(--ndwh-primary));
}

body.app-default input,
body.app-default select,
body.app-default textarea {
  background: var(--bs-body-bg, #fff);
  color: var(--bs-body-color, #1e293b);
}

body.app-default .card,
body.app-default .session-meta,
body.app-default .mono {
  backdrop-filter: blur(4px);
}