/* --- TABS ESTILO PUNTO (Unión Total y Grises) --- */

/* 1. Limpieza de la barra superior */
.mud-tabs-toolbar {
    background-color: #f5f5f5 !important; /* Color de fondo de la app */
    border-bottom: none !important;
    height: 48px !important;
}

/* 2. El "Pegamento": El panel sube para tocar la pestaña */
.mud-tabs-panels {
    border-top: 4px solid #419ac5 !important;
    margin-top: -1px !important; /* Cierra cualquier luz blanca */
    background-color: white;
    position: relative;
    z-index: 1;
}

/* 3. Estilo de los botones (Pestañas) */
.mud-tabs .mud-tab {
    margin-right: 4px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    height: 48px !important;
    text-transform: uppercase;
    font-weight: 500;
    transition: background-color 0.2s;
    color: #424242 !important;
    opacity: 1 !important; /* Que no se vean transparentes */
}

    /* 4. Colores para Inactivas (Usamos selectores universales) */
    /* Primera pestaña (PRODUCTOS) si está inactiva */
    .mud-tabs .mud-tab:nth-child(1),
    .mud-tabs .mud-tab:nth-of-type(1) {
        background-color: #cccccc !important;
    }

    /* Segunda pestaña (SERVICIOS) si está inactiva */
    .mud-tabs .mud-tab:nth-child(2),
    .mud-tabs .mud-tab:nth-of-type(2) {
        background-color: #dddddd !important;
    }

    /* Tercera pestaña (PRECIOS) si está inactiva */
    .mud-tabs .mud-tab:nth-child(3),
    .mud-tabs .mud-tab:nth-of-type(3) {
        background-color: #eeeeee !important;
    }

    /* Cuarta pestaña (FALTANTES) si está inactiva */
    .mud-tabs .mud-tab:nth-child(4),
    .mud-tabs .mud-tab:nth-of-type(4) {
        background-color: #f8f8f8 !important;
    }
    /* 5. PESTAÑA ACTIVA (Este bloque debe ir al final para mandar) */
    .mud-tabs .mud-tab.mud-tab-active {
        background-color: #419ac5 !important;
        color: white !important;
        font-weight: 700;
        z-index: 2; /* Para que esté por encima de la línea si fuera necesario */
    }


/* 6. Ocultar slider y basura visual */
.mud-tab-slider {
    display: none !important;
}