/* =========================================================
   ATS SUITE - REFINED SIDEBAR & CANVAS SEPARATION
   ========================================================= */

:root {
  --theme-primary: #2196F3;         /* Accent Blue */
  --sidebar-bg: #1E293B;            /* Refined Dark Slate (Soft, not harsh black) */
  --sidebar-border: #334155;        /* Distinct Separator Border */
  --body-bg: #F1F5F9;               /* Clean Light Gray Canvas for Tool Pages */
  --text-sidebar-header: #94A3B8;   /* Subdued Category Headers */
  --text-sidebar-link: #E2E8F0;     /* Crisp Light Link Text */
}

/* Global Light Canvas Background */
body {
  background-color: var(--body-bg) !important;
  color: #0F172A;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* ---------------------------------------------------------
   1. REFINED DARK SIDEBAR
   --------------------------------------------------------- */
.sidebar-container {
  background-color: var(--sidebar-bg) !important;
  border-right: 2px solid var(--sidebar-border) !important; /* Distinct visual boundary */
  box-shadow: 4px 0 20px rgba(0, 0, 0, 0.06);
}

/* Brand Header */
.sidebar-container .brand-title {
  color: #FFFFFF !important;
  font-weight: 800 !important;
  letter-spacing: -0.3px;
}

/* Category Headers (e.g. CRM UTILITIES) */
.sidebar-container .nav-header {
  color: var(--text-sidebar-header) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

/* Nav Links */
.sidebar-container .nav-link {
  color: var(--text-sidebar-link) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  border-radius: 8px;
  padding: 8px 12px;
  transition: all 0.15s ease-in-out;
}

.sidebar-container .nav-link i {
  color: #38BDF8 !important; /* Sky blue icon accent */
}

/* Hover State */
.sidebar-container .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: #FFFFFF !important;
}

/* Active Nav Link: Main Blue Pill */
.sidebar-container .nav-link.active {
  background-color: var(--theme-primary) !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(33, 150, 243, 0.4);
}

.sidebar-container .nav-link.active i {
  color: #FFFFFF !important;
}

/* User Profile Section */
.sidebar-container .user-profile-name {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

.sidebar-container .user-profile-status {
  color: #94A3B8 !important;
  font-weight: 500 !important;
}

/* ---------------------------------------------------------
   2. BUTTONS & UI ELEMENTS
   --------------------------------------------------------- */
.btn-primary {
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
  font-weight: 700;
}

.btn-primary:hover {
  background-color: #1E88E5 !important;
}

.btn-outline-primary {
  color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
  font-weight: 700;
}

.btn-outline-primary:hover {
  background-color: var(--theme-primary) !important;
  color: #FFFFFF !important;
}