/* Tablas de expedientes: columna de clientes fija solo al hacer scroll horizontal. */

:root {
    --fi-expedientes-sticky-left: 0px;
    --fi-expedientes-row-bg: #ffffff;
    --fi-expedientes-thead-bg: #fafafa;
}

.fi-expedientes-table .fi-ta-content-ctn {
    --fi-expedientes-row-bg: #ffffff;
    --fi-expedientes-thead-bg: #fafafb;
}

.dark .fi-expedientes-table .fi-ta-content-ctn {
    --fi-expedientes-row-bg: rgb(17, 24, 39);
    --fi-expedientes-thead-bg: rgb(17, 24, 39);
}

.fi-expedientes-table-scrolled .fi-ta-selection-cell,
.fi-expedientes-table-scrolled .fi-ta-cell.fi-expedientes-sticky-col,
.fi-expedientes-table-scrolled .fi-ta-header-cell.fi-expedientes-sticky-col {
    position: sticky;
    isolation: isolate;
    background-color: transparent !important;
}

.fi-expedientes-table-scrolled .fi-ta-selection-cell {
    left: 0;
    z-index: 31;
    box-shadow: inset 0 0 0 9999px var(--fi-expedientes-row-bg);
}

.fi-expedientes-table-scrolled thead .fi-ta-selection-cell {
    z-index: 41;
    box-shadow: inset 0 0 0 9999px var(--fi-expedientes-thead-bg);
}

.fi-expedientes-table-scrolled .fi-ta-header-cell.fi-expedientes-sticky-col,
.fi-expedientes-table-scrolled .fi-ta-cell.fi-expedientes-sticky-col {
    left: var(--fi-expedientes-sticky-left);
    z-index: 30;
    border-inline-end: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: inset 0 0 0 9999px var(--fi-expedientes-row-bg);
}

.fi-expedientes-table-scrolled .fi-ta-header-cell.fi-expedientes-sticky-col {
    z-index: 40;
    box-shadow: inset 0 0 0 9999px var(--fi-expedientes-thead-bg);
}

.dark .fi-expedientes-table-scrolled .fi-ta-header-cell.fi-expedientes-sticky-col,
.dark .fi-expedientes-table-scrolled .fi-ta-cell.fi-expedientes-sticky-col {
    border-inline-end-color: rgba(255, 255, 255, 0.08);
}

.fi-expedientes-table-scrolled tbody tr.fi-ta-row.fi-clickable:hover > .fi-ta-selection-cell,
.fi-expedientes-table-scrolled tbody tr.fi-ta-row.fi-clickable:hover > .fi-ta-cell.fi-expedientes-sticky-col {
    --fi-expedientes-row-bg: #f9fafb;
}

.dark .fi-expedientes-table-scrolled tbody tr.fi-ta-row.fi-clickable:hover > .fi-ta-selection-cell,
.dark .fi-expedientes-table-scrolled tbody tr.fi-ta-row.fi-clickable:hover > .fi-ta-cell.fi-expedientes-sticky-col {
    --fi-expedientes-row-bg: rgb(31, 41, 55);
}

.fi-expedientes-table-scrolled tbody tr.bg-danger-50 > .fi-ta-selection-cell,
.fi-expedientes-table-scrolled tbody tr.bg-danger-50 > .fi-ta-cell.fi-expedientes-sticky-col {
    --fi-expedientes-row-bg: #fef2f2;
}

.fi-expedientes-table-scrolled tbody tr.bg-danger-50.fi-clickable:hover > .fi-ta-selection-cell,
.fi-expedientes-table-scrolled tbody tr.bg-danger-50.fi-clickable:hover > .fi-ta-cell.fi-expedientes-sticky-col {
    --fi-expedientes-row-bg: #fee2e2;
}

.dark .fi-expedientes-table-scrolled tbody tr.dark\:bg-danger-950\/20 > .fi-ta-selection-cell,
.dark .fi-expedientes-table-scrolled tbody tr.dark\:bg-danger-950\/20 > .fi-ta-cell.fi-expedientes-sticky-col {
    --fi-expedientes-row-bg: rgb(42, 15, 15);
}

.dark .fi-expedientes-table-scrolled tbody tr.dark\:bg-danger-950\/20.fi-clickable:hover > .fi-ta-selection-cell,
.dark .fi-expedientes-table-scrolled tbody tr.dark\:bg-danger-950\/20.fi-clickable:hover > .fi-ta-cell.fi-expedientes-sticky-col {
    --fi-expedientes-row-bg: rgb(55, 20, 20);
}

.fi-expedientes-sticky-clientes {
    min-width: 16rem;
    width: max-content;
}

.fi-expedientes-table-scrolled .fi-ta-cell.fi-expedientes-sticky-clientes .fi-ta-text-has-badges {
    flex-wrap: wrap;
}