.tabbar {
    display: flex;
    align-items: center;
    background: #f3f4f6;
    border-bottom: 1px solid #e5e7eb;
    padding: 0 8px;
    gap: 4px;
    height: 40px;
    overflow-x: auto;
}

.tab-item {
    display: flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 6px;
    cursor: pointer;
    max-width: 180px;
    background: transparent;
    color: #4b5563;
    transition: background .15s ease, color .15s ease;
}

    .tab-item.active {
        background: #ffffff;
        color: #111827;
        box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    }

.tab-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 6px;
    font-size: 0.85rem;
}

.tab-close {
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font-size: 0.9rem;
    padding: 0 2px;
}

    .tab-close:hover {
        color: #ef4444;
    }

.tab-host {
    padding: 12px;
    height: calc(100vh - 40px - 56px); /* ajusta según tu appbar */
    overflow: auto;
}

.tab-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #9ca3af;
    font-size: 0.9rem;
}

/*MUDTABS BEG*/
/* Contenedor general de tabs */
.auryon-tabs .mud-tabs-toolbar {
    /* background: #111827;  Fondo oscuro tipo barra superior */
    /* padding: 0 8px;*/
    /* min-height: 40px;*/
    min-width: unset;
    min-height: unset;
    height: 40px;
    border-bottom: 1px solid #1f2933;
}

/* Cada pestaña */
.auryon-tabs .mud-tab {
    color: #9CA3AF; /* Gris suave para inactivas */
    text-transform: none;
    /*font-size: 0.80rem;*/
    /* padding: 6px 14px;*/
    padding-top: 1px;
    padding-bottom: 1px;
    border-radius: 6px 6px 0 0;
    margin-right: 4px;
    /*min-height: 25px;*/
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: unset;
    min-height: unset;
    height: 47px;
}

    /* Hover en pestañas inactivas */
    .auryon-tabs .mud-tab:not(.mud-tab-active):hover {
        background-color: #9CA3AF; /*#1F2937*/
        color: #E5E7EB;
    }

    /* Pestaña activa */
    .auryon-tabs .mud-tab.mud-tab-active {
        /*background: #1b1b28;*/ /*#111827*/
        /*color: #F9FAFB;*/
        /*font-weight: 600;*/
       /* border-bottom: 2px solid #3B82F6;*/ /* Línea azul bajo la activa */
    }

/* Línea inferior de la barra de tabs (opcional, más sutil) */
.auryon-tabs .mud-tabs-toolbar-inner {
    border-bottom: none;
}
  
/* Área de contenido para que se vea “pegado” a las tabs */
/*.auryon-tabs .mud-tabs-panels {
     background: #020617; 
    padding: 8px 12px 12px 12px;
}*/

  
    /*display: flex;*/
    /* flex-direction: column-reverse;*/
/*.mud-tab .mud-icon-root {*/
    /*  vertical-align: middle;
        margin: 1px 1px 1px 1px;  
        padding: 1px 1px 1px 1px;*/
    /*width: 25px;
    height: 25px;
}*/

 
/*MUDTABS END*/