@use 'common-mixins';

.error {
    color: var(--iqser-primary);
}

.extend-cols {
    grid-column-end: span 3;
    align-items: flex-end;
}

.status-container {
    align-items: flex-end;

    .status-wrapper {
        display: flex;
        align-items: center;

        > *:not(:last-child) {
            margin-right: 16px;
        }
    }
}

.editable {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.file-name-cell:hover {
    ::ng-deep.file-name-column {
        background: var(--iqser-grey-6);

        div {
            mat-icon {
                visibility: visible;
            }
        }
    }
}
