/* ===== B&W Theme ===== */
body.theme-bw {
  --blue: #374151;
  --blue-bg: #F3F4F6;
  --blue-50: #E5E7EB;
  --green: #374151;
  --green-bg: #F3F4F6;
  --green-dark: #1F2937;
  --amber: #6B7280;
  --amber-bg: #F3F4F6;
  --amber-dark: #4B5563;
  --red: #111827;
  --red-bg: #F3F4F6;
  --red-dark: #111827;
  --cyan: #374151;
  --cyan-bg: #F3F4F6;
  --purple: #6B7280;
  --purple-bg: #F3F4F6;
  --slate: #6B7280;
  --slate-bg: #F3F4F6;
  --indigo: #374151;
  --indigo-bg: #F3F4F6;
  --pink: #6B7280;
  --pink-bg: #F3F4F6;
}

body.theme-bw .sidebar {
  background: #1F2937;
}
body.theme-bw .sidebar-logo-img { filter: brightness(0) invert(0.85); }
body.theme-bw .nav-item.active { background: rgba(255,255,255,0.15); }

body.theme-bw .kpi-card { border-top: 3px solid #D1D5DB; }
body.theme-bw .kpi-value.blue,
body.theme-bw .kpi-value.cyan { color: #111827; }
body.theme-bw .kpi-value.amber { color: #4B5563; }
body.theme-bw .kpi-value.red { color: #111827; }

body.theme-bw .kpi-icon {
  background: none !important;
}
body.theme-bw .kpi-icon svg {
  stroke: #6B7280 !important;
}

body.theme-bw .avatar-c0, body.theme-bw .avatar-c1,
body.theme-bw .avatar-c2, body.theme-bw .avatar-c3,
body.theme-bw .avatar-c4, body.theme-bw .avatar-c5,
body.theme-bw .avatar-c6, body.theme-bw .avatar-c7 {
  background: #6B7280;
}

body.theme-bw .h-bar-fill.blue-grad { background: linear-gradient(to right, #374151, #6B7280); }
body.theme-bw .h-bar-fill.cyan-grad { background: linear-gradient(to right, #9CA3AF, #D1D5DB); }

body.theme-bw .badge-green { background: #F3F4F6; color: #374151; }
body.theme-bw .badge-green .badge-dot { background: #374151; }
body.theme-bw .badge-amber { background: #F3F4F6; color: #6B7280; }
body.theme-bw .badge-amber .badge-dot { background: #6B7280; }
body.theme-bw .badge-red { background: #F3F4F6; color: #111827; }
body.theme-bw .badge-red .badge-dot { background: #111827; }
body.theme-bw .badge-cyan { background: #F3F4F6; color: #374151; }
body.theme-bw .badge-cyan .badge-dot { background: #374151; }

body.theme-bw .alert-item.green { background: #F3F4F6; color: #1F2937; }
body.theme-bw .alert-item.amber { background: #F3F4F6; color: #4B5563; }
body.theme-bw .alert-item.red { background: #F3F4F6; color: #111827; }
body.theme-bw .alert-item.cyan { background: #F3F4F6; color: #374151; }

body.theme-bw .cal-day.today { background: #374151; color: #fff; }
body.theme-bw .cal-day.normal { background: #F3F4F6; color: #374151; }
body.theme-bw .cal-day.late { background: #E5E7EB; color: #4B5563; }
body.theme-bw .cal-day.ot { background: #F3F4F6; color: #374151; }
body.theme-bw .cal-day.off { background: #F9FAFB; color: #6B7280; }

body.theme-bw .month-selector { background: #F3F4F6; }
body.theme-bw .month-btn { color: #374151; }
body.theme-bw .month-btn:hover { background: #E5E7EB; }
body.theme-bw .month-label { color: #374151; }

body.theme-bw .kpi-progress-bar { background: linear-gradient(to right, #374151, #6B7280) !important; }

body.theme-bw .toast.success { background: #1F2937; }
body.theme-bw .toast.error { background: #111827; }
body.theme-bw .toast.info { background: #374151; }

body.theme-bw .legend-dot-today { background: #374151; }
body.theme-bw .legend-dot-normal { background: #F3F4F6; border-color: #D1D5DB; }
body.theme-bw .legend-dot-late { background: #E5E7EB; border-color: #D1D5DB; }
body.theme-bw .legend-dot-absent { background: #F3F4F6; border-color: #D1D5DB; }
body.theme-bw .legend-dot-ot { background: #F3F4F6; border-color: #D1D5DB; }
body.theme-bw .legend-dot-off { background: #F9FAFB; border-color: #E5E7EB; }