:root {
  --bees-black: #000000;
  --bees-yellow: #ffff00;
  --bees-lilac: #f0ecfc;
  --bees-lilac-dark: #d9d5e6;
  --ink: #1f2937;
  --muted: #6b6b6b;
  --surface: #ffffff;
  --background: #ffffff;
}

body { background: var(--background); color: var(--ink); }
.navbar { background: var(--bees-yellow) !important; box-shadow: none; border-bottom: 1px solid var(--bees-black); }
.navbar, .navbar a, .navbar-brand, .navbar-text { color: var(--bees-black) !important; }
.navbar-brand { font-weight: 750; letter-spacing: -.02em; }
.sidebar-panel { position: sticky; top: 1rem; }
.sidebar-title { color: var(--bees-black); font-weight: 750; margin-bottom: .25rem; }
.source-note { font-size: .78rem; color: var(--muted); line-height: 1.35; }
.status-ok { color: var(--bees-black); font-weight: 650; }
.status-error { color: #b42318; font-weight: 650; }
.card { border: 1px solid var(--bees-lilac-dark); border-radius: 0; box-shadow: none; }
.card-header { font-weight: 700; color: var(--bees-black); background: var(--bees-lilac); border-radius: 0 !important; }
.value-box { border: 1px solid var(--bees-black); border-radius: 0; box-shadow: none; }
.value-box.bg-warning { background: var(--bees-yellow) !important; color: var(--bees-black) !important; }
.value-box.bg-light, .value-box.bg-success { background: var(--bees-lilac) !important; color: var(--bees-black) !important; }
.value-box.bg-primary, .value-box.bg-secondary { background: var(--bees-black) !important; color: #fff !important; }
.value-box-title {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .35rem !important;
  flex-wrap: nowrap !important;
  font-size: .82rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.value-box-title .metric-help {
  flex: 0 0 auto;
}
.metric-help {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.15rem;
  height: 1.15rem;
  margin-left: 0;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
  cursor: help;
  vertical-align: middle;
}
.method-note {
  margin: 0 0 1.1rem;
  padding: .8rem 1rem;
  background: var(--bees-lilac);
  border-left: 5px solid var(--bees-yellow);
  color: var(--ink);
  font-size: .88rem;
  line-height: 1.45;
}
.section-lead { color: var(--muted); max-width: 900px; margin-bottom: 1.1rem; }
.metric-highlight { color: var(--bees-black); font-weight: 750; background: var(--bees-yellow); }
.btn-primary { background: var(--bees-yellow) !important; border-color: var(--bees-black) !important; color: var(--bees-black) !important; font-weight: 700; border-radius: 0; }
.form-select, .selectize-input { border-radius: 0 !important; border-color: var(--bees-lilac-dark) !important; }
.dataTables_wrapper { font-size: .88rem; }
.shiny-output-error-validation { color: #b42318; background: #fff1f0; padding: 1rem; border-radius: .5rem; }
@media (max-width: 768px) { .sidebar-panel { position: static; } }