/* Dashboard.css - CRM: existing sidebar design unchanged */

/* CRM sidebar container width (collapse CSS uses 250px; override to match existing) */
.user-sidebar-container {
  width: 200px;
  min-width: 270px;
}

/* Sidebar styles */
.sidebar {
  background-color: #F5E7C4;
  color: #000;
  padding-top: 1rem;
  width: 200px;
}

/* Sidebar links */
.sidebar .nav-link {
  color: #000;
  font-weight: 500;
  padding: 10px 16px;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}

.sidebar .nav-link:hover {
  background-color: #ffffff;
  color: #000;
}

/* Main layout area */
.content {
  /* background-color: #ffffff; */
  padding: 1rem;
  width: 100%;
}

/* Outlet container */
.outlet-holder {
  /* background-color: #ededed; */
  padding: 2rem;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

/*
 * Dashboard.css
 */

/* The main sidebar container */
.sidebar {
    /* CRITICAL: Makes the sidebar stretch to fill the remaining height */
    flex-grow: 1; 
    
    /* CRITICAL: Sets the height to fill the remaining space */
    
    /* Add background color and padding for the content area of the sidebar */
    background-color: #f0f0f0; /* Use your desired background color */
   
    /* Optional: Allows the sidebar content to scroll if it gets too long */
    overflow-y: hidden; 
}

/* Optional: To ensure the background color covers the entire height */


/* Optional: Styling for the main content area to allow scrolling */
.content {
    /* Ensures the main content area takes up the rest of the horizontal space */
    overflow-y: hidden; 
}