@use  '../../assets/styles/index' as *;

.root {
    --uui-dt-row-min-height: var(--uui-size);
    //
    min-height: var(--uui-dt-row-min-height);

    &:global(.uui-dt-row-border.uui-table-row) {
        --uui-dt-row-border-width: var(--uui-border-width);
    }

    &:global(.-clickable) {
        cursor: pointer;

        &:hover {
            --uui-dt-row-bg: var(--uui-dt-row-bg-hover);
        }
    }

    &:global(.uui-selected.uui-table-row) {
        --uui-dt-row-bg: var(--uui-dt-row-bg-selected);
    }

    &:global(.uui-invalid.uui-table-row) {
        --uui-dt-row-bg: var(--uui-dt-row-bg-invalid);
    }

    &:global(.uui-dragged-out) {
        opacity: 0.5;
    }

    &:global(.uui-drag-ghost) {
        @include dnd-ghost-shadow();
    }

    &:global(.uui-dt-row-border) {
        border-bottom-color: var(--uui-dt-border);
    }
}

:global(.uui-dt-row-border) {
    :global(.uui-table-fixed-section), :global(.uui-table-scrolling-section) {
        border-bottom-color: var(--uui-dt-border);
    }
}
