/* V2 Layout Fix - Targeted Background Fix Only */

/* SPECIFIC: Only target main content background, not all elements */
.cc-reminders-screen.cc-bg-primary {
  background-color: #f7f9fc !important;
}

/* Override the CSS variable definition */
:root {
  --cc-bg-primary: #f7f9fc !important;
}

/* Ensure header stays white */
header.bg-white,
.navbar,
.navbar-light,
nav.bg-white {
  background-color: #ffffff !important;
}

/* Ensure cards remain white */
.card,
.bg-white {
  background-color: #ffffff !important;
}

/* Main content wrapper should use healthcare background */
.today-dashboard,
.dashboard-container {
  background-color: #f7f9fc !important;
}

/* NEW: Calendar selected date class - healthcare blue instead of bootstrap blue */
.cc-calendar-selected {
  background-color: #4A90E2 !important;
  color: white !important;
}

/* Content Container Responsive Design */
.content-container {
  width: 100%;
  box-sizing: border-box;
}

/* Ensure proper spacing on all device sizes */
@media (max-width: 640px) {
  .content-container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}

@media (min-width: 641px) and (max-width: 768px) {
  .content-container {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

@media (min-width: 769px) {
  .content-container {
    max-width: 80rem; /* 1280px */
    margin-left: auto;
    margin-right: auto;
  }
}