/* Roster, master plan and Saturday coverage only. Keep table geometry and editors intact. */
#employeesView>.card>.card-head:first-child,
#employeesView #masterPlanningPanel>.master-plan-heading,
#saturdayDirectorsView>.spreadsheet-card>.card-head:first-child {
  background:linear-gradient(115deg,#17487f,#216ba5 65%,#187d8a);
  color:#fff;
  padding:22px 24px;
  border-radius:10px;
}
#employeesView>.card>.card-head:first-child h2,
#employeesView #masterPlanningPanel>.master-plan-heading h3,
#saturdayDirectorsView>.spreadsheet-card>.card-head:first-child h2 {
  font-family:Manrope,sans-serif;
  font-size:clamp(22px,2.3vw,28px);
  font-weight:800;
  line-height:1.25;
  color:#fff;
}
#employeesView>.card>.card-head:first-child p,
#employeesView #masterPlanningPanel>.master-plan-heading p,
#saturdayDirectorsView>.spreadsheet-card>.card-head:first-child p,
#saturdayDirectorsView>.spreadsheet-card>.card-head:first-child label {color:#fff}

/* Clear category labels without recoloring buttons, inputs or saved status cells. */
#employeesView .roster-department-hours h3 {
  font-family:Manrope,sans-serif;font-weight:800;color:#17487f;
}
#employeesView .department-hours-grid>div>span {
  font-family:Manrope,sans-serif;font-size:13px;font-weight:800;color:#17487f;
  border-bottom:2px solid #a4c5dd;padding-bottom:7px;
}
#employeesView #employeeTable .schedule-department-chip {
  font-weight:800;color:#17487f;background:#e6f0f8;border:1px solid #9dbbd3;
}
#employeesView #masterPlanTable .rotation-department>th {
  background:linear-gradient(115deg,#17487f,#216ba5 65%,#187d8a);
  color:#fff;font:800 16px/1.4 Manrope,sans-serif;
  padding:12px 14px;border-bottom:2px solid #17487f;
}
#employeesView #employeeTable thead th,
#employeesView #masterPlanTable thead th,
#saturdayDirectorsView #saturdayScheduleTable thead th {
  background:#dceaf5;color:#173f60;font-weight:800;
  border-bottom:2px solid #537f9f;
}
#employeesView #employeeTable .roster-sort-order {color:#17487f}
#employeesView #employeeTable tbody tr>td,
#employeesView #masterPlanTable .master-plan-employee>th,
#employeesView #masterPlanTable .master-plan-employee>td,
#saturdayDirectorsView #saturdayScheduleTable tbody tr>th,
#saturdayDirectorsView #saturdayScheduleTable tbody tr>td {
  border-bottom:2px solid #537f9f;
}
/* Opaque sticky row/column headings still cover cells while scrolling. */
#employeesView #masterPlanTable tbody .master-plan-name,
#saturdayDirectorsView #saturdayScheduleTable tbody th {
  background:#f0f6fb;color:#173f60;
}
@media(max-width:760px) {
  #employeesView>.card>.card-head:first-child,
  #employeesView #masterPlanningPanel>.master-plan-heading,
  #saturdayDirectorsView>.spreadsheet-card>.card-head:first-child {padding:18px 16px}
}