/* Filter drawer fallback — scoped theme wrapper sets most colors in JS. */
.planboo-filter-drawer-theme,
.adminjs_Drawer_Filter,
[data-css$='-filter-drawer'] {
  color: #ffffff;
}

.planboo-filter-drawer-theme .adminjs_Label,
.planboo-filter-drawer-theme label,
.adminjs_Drawer_Filter .adminjs_Label,
.adminjs_Drawer_Filter label,
[data-css$='-filter-drawer'] .adminjs_Label,
[data-css$='-filter-drawer'] label {
  color: #ffffff !important;
}

.planboo-filter-drawer-theme .adminjs_Input,
.planboo-filter-drawer-theme input,
.planboo-filter-drawer-theme textarea,
.planboo-filter-drawer-theme select,
.adminjs_Drawer_Filter .adminjs_Input,
.adminjs_Drawer_Filter input,
.adminjs_Drawer_Filter textarea,
.adminjs_Drawer_Filter select,
[data-css$='-filter-drawer'] .adminjs_Input,
[data-css$='-filter-drawer'] input,
[data-css$='-filter-drawer'] textarea {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

.planboo-filter-drawer-theme input::placeholder,
.planboo-filter-drawer-theme textarea::placeholder,
.adminjs_Drawer_Filter input::placeholder,
.adminjs_Drawer_Filter textarea::placeholder,
[data-css$='-filter-drawer'] input::placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;
  opacity: 1;
}

.planboo-filter-drawer-theme h1,
.planboo-filter-drawer-theme h2,
.planboo-filter-drawer-theme h3,
.planboo-filter-drawer-theme h4,
.planboo-filter-drawer-theme p,
.planboo-filter-drawer-theme span,
.adminjs_Drawer_Filter h1,
.adminjs_Drawer_Filter h2,
.adminjs_Drawer_Filter h3,
.adminjs_Drawer_Filter h4,
.adminjs_Drawer_Filter p {
  color: #ffffff !important;
}

/* react-select */
.planboo-filter-drawer-theme [class*='-singleValue'],
.planboo-filter-drawer-theme [class*='-placeholder'],
.planboo-filter-drawer-theme [class*='-Input'] input,
.adminjs_Drawer_Filter [class*='-singleValue'],
.adminjs_Drawer_Filter [class*='-placeholder'],
.adminjs_Drawer_Filter [class*='-Input'] input,
[data-css$='-filter-drawer'] [class*='-singleValue'],
[data-css$='-filter-drawer'] [class*='-placeholder'] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.planboo-filter-drawer-theme [class*='-control'],
.adminjs_Drawer_Filter [class*='-control'],
[data-css$='-filter-drawer'] [class*='-control'] {
  border-color: rgba(255, 255, 255, 0.25) !important;
}

.planboo-filter-drawer-theme [class*='-menu'],
.adminjs_Drawer_Filter [class*='-menu'] {
  background: #1b4332 !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

.planboo-filter-drawer-theme [class*='-option'],
.adminjs_Drawer_Filter [class*='-option'] {
  color: #ffffff !important;
  background: transparent !important;
}

.planboo-filter-drawer-theme [class*='-option'][class*='--is-focused'],
.planboo-filter-drawer-theme [class*='-option'][class*='--is-selected'],
.adminjs_Drawer_Filter [class*='-option'][class*='--is-focused'],
.adminjs_Drawer_Filter [class*='-option'][class*='--is-selected'] {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

.planboo-filter-drawer-theme .adminjs_Icon svg,
.adminjs_Drawer_Filter .adminjs_Icon svg,
[data-css$='-filter-drawer'] .adminjs_Icon svg {
  stroke: #ffffff !important;
}

.planboo-filter-drawer-theme .adminjs_Button[data-variant='light'],
.planboo-filter-drawer-theme .adminjs_Button[color='text'],
.adminjs_Drawer_Filter .adminjs_Button[data-variant='light'],
.adminjs_Drawer_Filter .adminjs_Button[color='text'] {
  color: #ffffff !important;
}

.planboo-filter-drawer-theme .react-datepicker-wrapper input,
.adminjs_Drawer_Filter .react-datepicker-wrapper input {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}