/* color fondo de los botones primarios */
.btn.btn-primary,
.e-btn.e-primary {
    background-color: unset !important;
    background-image: var(--button-bg-gradient) !important;
    border-color: transparent;
}

/* color texto pestaña de SfTab */
.e-tab-wrap:not([aria-selected="true"]) > .e-text-wrap > .e-tab-text {
    color: var(--txt-primary-color) !important;
}

.row-pijama:nth-child(even) {
    background-color: #e9e9e9;
}

/* ---------------------------------------------------------------------------
   SfSwitch: usar el color primario del cliente (--txt-primary-color) en lugar
   del azul #0d6efd que viene por defecto del tema bootstrap5 de Syncfusion.
   Afecta a TODOS los SfSwitch de la aplicación.
   --------------------------------------------------------------------------- */

/* Etiqueta "ON" (texto "Si" / "On" mostrado cuando el switch está activado). */
.e-switch-wrapper .e-switch-on {
    background-color: var(--txt-primary-color) !important;
}

/* Track (fondo del riel) cuando el switch está activado. */
.e-switch-wrapper .e-switch-inner.e-switch-active {
    background-color: var(--txt-primary-color) !important;
    border-color: var(--txt-primary-color) !important;
}

/* Anillo de foco (color-mix funciona en navegadores modernos; degrada al outline
   por defecto en navegadores antiguos). */
.e-switch-wrapper:focus-within .e-switch-inner.e-switch-active {
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--txt-primary-color) 25%, transparent) !important;
}