/* Base font: Inter + fallback + Bangla as needed */
:root {
  --brand: #0a7f6d;
  --brand-600: #086e5e;
  --brand-700: #075e50;
}
html,
body {
  font-family:
    Inter, "Noto Sans Bengali", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 15px;
}
.bg-brand {
  background: linear-gradient(90deg, var(--brand-700), var(--brand));
}
.navbar-brand {
  letter-spacing: .3px;
}
.sidebar .nav-link {
  color: #333;
}
.sidebar .nav-link.active {
  font-weight: 600;
  color: var(--brand-700);
  background: rgba(10, 127, 109, 0.08);
  border-left: 3px solid var(--brand);
}
.card {
  border: 1px solid #eef2f2;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
}
.table thead.table-dark th {
  white-space: nowrap;
}
.btn-primary {
  background-color: var(--brand);
  border-color: var(--brand);
}
.btn-primary:hover {
  background-color: var(--brand-600);
  border-color: var(--brand-600);
}
.form-text {
  color: #6b7280;
}

/* Helper: subtle section titles */
.section-title {
  font-weight: 600;
  font-size: 16px;
  color: #0f172a;
}

/* Column chooser pills */
.pill {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .35rem .6rem;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: #fff;
  cursor: pointer;
  user-select: none;
}
.pill input {
  transform: translateY(1px);
}
.pill.on {
  border-color: var(--brand);
  background: #ecfdf5;
}