@import '~@gravity-ui/uikit/styles/mixins';

.dl-core-navigation {
    &__sidebar {
        flex: 0 0 256px;
        background-color: var(--g-color-base-generic-ultralight);
    }

    &__content {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        background-color: var(--g-color-base-background);
    }

    &__entries {
        display: flex;
        flex-direction: column;
        flex: 1 1 100%;
        overflow: hidden;
    }

    &__entries-header {
        flex: 0 0 auto;
        padding: 0 20px 8px;
        display: flex;
    }

    &__search {
        flex: 0 1 400px;
        margin-right: 8px;
    }

    &__custom {
        margin-left: auto;
        padding-left: 8px;

        &:empty {
            display: none;
        }
        &:not(:empty) {
            display: flex;
        }
    }

    &__view {
        flex: 1 1 100%;
    }

    &__table-view {
        height: 100%;
    }

    &__spinner {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    &__empty-entries {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    &__filters {
        display: flex;
        align-items: center;
        flex-shrink: 0;
    }

    &__filters-item {
        margin-right: 8px;

        &:last-of-type {
            margin-right: 0;
        }
    }

    &__mobile-filters {
        padding: 21px 23px;
        display: flex;

        &_mobile {
            padding: 8px 16px 19px;
            display: block;
        }
    }
}
