@import "@synerty/peek-plugin-base-js/src/styles/_mixins";
@import "@synerty/peek-plugin-base-js/src/styles/_variables";

$height: calc(100vh - 450px);

.selected {
    background-color: #26abe2;
    color: white;
}

.filter-div {
    display: flex;
    flex-direction: row;
    gap: $general_padding_1;
    margin-bottom: $general_padding_2;
    align-items: center;

    .filter-input {
        flex: 1;
    }
}

nz-switch {
    margin-left: $general_padding_1;
}

.scroll-outer {
    max-height: $height;
    height: $height;
    overflow-y: auto;
    border-radius: 4px;
}

.button-div {
    display: flex;
    margin-bottom: $general_padding_2;

    div:first-child {
        flex-grow: 1;
    }

    div.btn-group {
        flex-grow: 0;
    }
}

.form-textarea {
    min-height: 80px;
}

.empty-message {
    text-align: center;
    color: #999;
    padding: $general_padding_2;
}

.branch-item {
    cursor: pointer;
    transition: background-color 0.3s;

    &:hover {
        background-color: #f5f5f5;
    }

    &.selected:hover {
        background-color: #1890ff;
    }
}

.tab-content {
    margin-top: $general_padding_2;
}

nz-form-item {
    margin-bottom: $general_padding_2;

    nz-form-label {
        display: inline-block;
        width: 100px;
    }

    nz-form-control {
        display: inline-block;
        width: calc(100% - 110px);
    }
}
