/* ============================================================================
   Ajustes de los datepickers de Radzen (Calendar / DatePicker).

   Este archivo es INDEPENDIENTE del tema de Radzen (material-base.css) para que
   los ajustes NO se pierdan al actualizar la librería. Aplica a TODOS los
   datepickers de la aplicación.

   Objetivos:
   1. Que el campo del datepicker tenga el mismo alto/borde que los demás inputs.
   2. Quitar el borde "extra" de los cuadros de Mes y Año del calendario.
   ============================================================================ */

/* 1) Campo del datepicker igual a un input estándar (.form-control = 33px).
      Radzen por defecto lo pone en 2.5rem (40px), por eso se veía más alto.
      Se usa el mismo selector que el tema (.rz-datepicker > .rz-inputtext) con
      !important para garantizar el override. El padding derecho deja espacio
      para el ícono de calendario. */
.rz-datepicker {
    width: 100%;
}

.rz-datepicker > .rz-inputtext,
.rz-datepicker .rz-inputtext {
    width: 100%;
    height: 33px !important;
    min-height: 33px !important;
    padding: 0.3rem 2rem 0.3rem 0.5rem !important;
    line-height: 1.5 !important;
    font-size: inherit;
    border: 1px solid #cdd4e0;
    border-radius: 0.25rem;
    box-sizing: border-box;
}

.rz-datepicker > .rz-inputtext:focus,
.rz-datepicker .rz-inputtext:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.15);
    outline: none;
}

/* 2) Cuadros de Mes y Año del encabezado del calendario sin el borde extra.
      En Radzen 10 son .rz-calendar-month-dropdown / .rz-calendar-year-dropdown. */
.rz-calendar-month-dropdown,
.rz-calendar-year-dropdown {
    border: none;
    box-shadow: none;
    background: transparent;
}

.rz-calendar-month-dropdown .rz-dropdown-label,
.rz-calendar-year-dropdown .rz-dropdown-label,
.rz-calendar-month-dropdown .rz-inputtext,
.rz-calendar-year-dropdown .rz-inputtext,
.rz-calendar-month-dropdown .rz-dropdown-trigger,
.rz-calendar-year-dropdown .rz-dropdown-trigger {
    border: none;
    box-shadow: none;
    background: transparent;
}