.dialog-tab-item {
    &__row {
        display: flex;
        align-items: center;
        padding: 10px 15px 10px 0;
        border-radius: 3px;
        font-size: 15px;
        width: 100%;
        height: 40px;

        &:not(:last-child) {
            margin-bottom: 10px;
        }

        &_active {
            .dialog-tab-item__controls {
                visibility: visible;
            }
        }

        &_expanded {
            &:not(&_input) {
                background-color: var(--g-color-base-simple-hover);
            }

            .dialog-tab-item__controls {
                visibility: visible;
            }
        }
    }

    &__title {
        flex: 1;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    &__controls {
        display: flex;
        margin-left: 5px;
        visibility: hidden;

        &:hover {
            visibility: visible;
        }
    }

    &__control {
        cursor: pointer;
        fill: rgba(0, 0, 0, 0.5);

        &:not(:last-child) {
            margin-right: 10px;
        }
    }
}
