:root {
    --rz-grid-header-color: white;
    --rz-grid-header-background-color: darkred;
    --rz-panel-background-color: #e73734;
    --rz-menu-item-color: #d9ccbe;
    /*PANEL GENERAL*/
    --rz-panel-menu-item-2nd-level-background-color: #F5F3EE;
    --rz-panel-menu-item-2nd-level-color: #3A3A3A;
    --rz-panel-menu-item-2nd-level-hover-color: white;
    --rz-panel-menu-item-2nd-level-hover-background-color: #e73734;
    --rz-panel-menu-item-2nd-level-active-background-color: #e73734;
    --rz-panel-menu-item-active-background-color: #e73734;
    --rz-panel-menu-item-border: #EF5A55 !important;
    /*TERCER NIVEL*/
    /* Tercer nivel – texto */
    --rz-panel-menu-item-3rd-level-color: #2E2E2E;
    /* Tercer nivel – fondo */
    --rz-panel-menu-item-3rd-level-background-color: #F5F3EE;
    /* Hover */
    --rz-panel-menu-item-3rd-level-hover-color: #2E2E2E;
    --rz-panel-menu-item-3rd-level-hover-background-color: #EF5A55; /* blanco hueso ligeramente más oscuro */
    /* Activo */
    --rz-panel-menu-item-3rd-level-active-color: #FFFFFF;
    --rz-panel-menu-item-3rd-level-active-background-color: #EF5A55; /* rojo corporativo suave */
    /*MENU PRINCIPAL TOGGLE*/
    --rz-sidebar-toggle-hover-color: #3A3A3A !important;
    --rz-sidebar-toggle-hover-background-color: #3A3A3A !important;
    /*COLOR DE TEXTO HEADER*/
    --rz-header-color: white;
    /*COLOR LINKS*/
    --rz-link-color: #bd1818;
    --rz-link-hover-color: #db0d15;
    /*FROZEN CELLS*/
    --rz-grid-frozen-cell-background-color: #A79B8A !important;
}

.rz-sidebar-toggle {
    background-color: #3A3A3A !important;
    color: #e73734 !important;
}

.rz-header {
    background-color: #3A3A3A !important;
}

.rz-panel {
    border-radius: 12px !important;
    border-color: #d9ccbe !important; /* Rojo oscuro */
    border-width: 0.5px !important;
    border-style: solid !important;
    background-color: white;
}

.rz-button {
    border-radius: 12px !important;
}

.rz-primary {
    background-color: #e73734 !important;
}

.rz-text-subtitle1 {
    /* color: #bd1818;*/
}


.rz-sidebar {
    background-color: #2E2E2E !important;
}

.rz-navigation-item-text {
}

.rz-panel-menu {
    background-color: #2E2E2E !important;
}

.rz-panel-titlebar {
    background-color: white !important;
}

.rz-card {
    border-radius: 12px !important;
    border-color: #d9ccbe !important; /* Rojo oscuro */
    border-width: 0.5px !important;
    border-style: solid !important;
    background-color: white;
}


.user-avatar {
    width: 40px; /* Tamaño recomendado */
    height: 40px;
    border-radius: 50%; /* La convierte en círculo */
    object-fit: cover; /* Recorta bien la imagen */
    cursor: pointer; /* Útil si luego agregas menú de usuario */
}

/*BOTON DE ABRIR Y CERRAR PANEL A LA IZQUIERDA*/
.rz-panel-titlebar {
    flex-direction: row-reverse;
    justify-content: left;
}

/*GRID TABLE*/
.rz-data-grid {
    border-radius: 12px !important;
}

.rz-grid-table {
    border-radius: 12px !important;
    /*width: unset;*/
}

.rz-frozen-cell
{

}