/* =====================================================
   LA CUADRA BARBER STUDIO
   STAFF CABINET — CORRECCIONES PUNTUALES

   Modifica únicamente:
   1. Título del mes
   2. Botones de filtros
   3. Texto del filtro activo
   4. Buscador rápido
===================================================== */


/* =====================================================
   1. TÍTULO DEL MES
   Ejemplo: agosto de 2026
===================================================== */

#bookly-tbs.bookly-staff-cabinet .ec .ec-toolbar .ec-title,
#bookly-tbs.bookly-staff-cabinet .ec .ec-title {
  color: #ffffff !important;

  font-weight: 800 !important;
  opacity: 1 !important;
}


/* Hover del título, ya que Bookly permite hacer clic en él */

#bookly-tbs.bookly-staff-cabinet .ec .ec-toolbar .ec-title:hover,
#bookly-tbs.bookly-staff-cabinet .ec .ec-title:hover {
  color: rgba(255, 255, 255, 0.78) !important;
}


/* =====================================================
   2. BOTONES DE FILTROS
   Incluye:
   - Fecha / Este mes
   - + Filtro
===================================================== */

#bookly-tbs.bookly-staff-cabinet
button[data-slot="popover-trigger"] {
  min-height: 36px !important;

  background-color: rgba(255, 255, 255, 0.045) !important;
  color: #ffffff !important;

  border-color: rgba(255, 255, 255, 0.42) !important;

  box-shadow: none !important;

  opacity: 1 !important;

  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease !important;
}


/* Hover de los filtros */

#bookly-tbs.bookly-staff-cabinet
button[data-slot="popover-trigger"]:hover:not(:disabled) {
  background-color: rgba(255, 255, 255, 0.11) !important;
  color: #ffffff !important;

  border-color: rgba(255, 255, 255, 0.72) !important;
}


/* Focus por teclado */

#bookly-tbs.bookly-staff-cabinet
button[data-slot="popover-trigger"]:focus-visible {
  outline: none !important;

  border-color: #ffffff !important;

  box-shadow:
    0 0 0 3px rgba(255, 255, 255, 0.12) !important;
}


/* =====================================================
   3. TEXTO INTERIOR DEL FILTRO ACTIVO
   Fecha / Este mes
===================================================== */

/* Etiqueta secundaria: Fecha */

#bookly-tbs.bookly-staff-cabinet
button[data-slot="popover-trigger"]
span[class*="text-muted-foreground"] {
  color: rgba(255, 255, 255, 0.64) !important;
}


/* Valor seleccionado: Este mes */

#bookly-tbs.bookly-staff-cabinet
button[data-slot="popover-trigger"]
span[class*="text-foreground"] {
  color: #ffffff !important;
}


/*
  El texto directo del botón “+ Filtro”
  hereda el blanco definido en el botón.
*/

#bookly-tbs.bookly-staff-cabinet
button[data-slot="popover-trigger"] svg {
  color: currentColor !important;
  stroke: currentColor !important;
}


/* Estado desactivado de “+ Filtro” */

#bookly-tbs.bookly-staff-cabinet
button[data-slot="popover-trigger"]:disabled {
  background-color: rgba(255, 255, 255, 0.025) !important;
  color: rgba(255, 255, 255, 0.48) !important;

  border-color: rgba(255, 255, 255, 0.20) !important;

  opacity: 1 !important;

  cursor: not-allowed !important;
}


/* =====================================================
   4. CAMPO DE BÚSQUEDA RÁPIDA
===================================================== */

#bookly-tbs.bookly-staff-cabinet
.bookly-dt-search-input input {
  background-color: rgba(255, 255, 255, 0.035) !important;
  color: #ffffff !important;

  border-color: rgba(255, 255, 255, 0.44) !important;

  box-shadow: none !important;

  caret-color: #ffffff !important;
}


/* Placeholder */

#bookly-tbs.bookly-staff-cabinet
.bookly-dt-search-input input::placeholder {
  color: rgba(255, 255, 255, 0.55) !important;

  opacity: 1 !important;
}


/* Hover */

#bookly-tbs.bookly-staff-cabinet
.bookly-dt-search-input input:hover {
  background-color: rgba(255, 255, 255, 0.055) !important;

  border-color: rgba(255, 255, 255, 0.64) !important;
}


/* Focus */

#bookly-tbs.bookly-staff-cabinet
.bookly-dt-search-input input:focus {
  background-color: rgba(255, 255, 255, 0.075) !important;

  border-color: #ffffff !important;

  outline: none !important;

  box-shadow:
    0 0 0 3px rgba(255, 255, 255, 0.10) !important;
}


/* Lupa del buscador */

#bookly-tbs.bookly-staff-cabinet
.bookly-dt-search-input svg {
  color: rgba(255, 255, 255, 0.58) !important;

  stroke: currentColor !important;
}


/* =====================================================
   5. AJUSTE MÓVIL
===================================================== */

@media (max-width: 767px) {
  #bookly-tbs.bookly-staff-cabinet
  .bookly-dt-search-input input {
    font-size: 16px !important;
  }

  #bookly-tbs.bookly-staff-cabinet
  .ec .ec-toolbar .ec-title,
  #bookly-tbs.bookly-staff-cabinet
  .ec .ec-title {
    color: #ffffff !important;

    font-size: 18px !important;
  }
}