/* Global date picker fixes to prevent transparency issues */
.mat-datepicker-content {
  background-color: white !important;
  color: rgba(0, 0, 0, 0.87) !important;
  opacity: 1 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
}

.mat-calendar {
  background-color: white !important;
}

.mat-calendar-body {
  background-color: white !important;
}

.mat-calendar-body-cell-content {
  color: rgba(0, 0, 0, 0.87) !important;
}

.mat-calendar-body-selected {
  background-color: #3f51b5 !important;
  color: white !important;
}

.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: #011a53 !important;
}

.cdk-overlay-pane {
  opacity: 1 !important;
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.5 !important;
}

/* Ensure all datepicker toggles work correctly */
.mat-datepicker-toggle {
  color: rgba(0, 0, 0, 0.54) !important;
}

.mat-datepicker-toggle .mat-icon-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Fix for calendar navigation */
.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-calendar-period-button {
  color: rgba(0, 0, 0, 0.54) !important;
}