:root {
    --mobile-padding: 16px;
    --mobile-radius: 12px;
}


/* Планшеты и большие смартфоны */
@media only screen and (max-width: 1024px) {

    .th-grid {
        flex-direction: column;
        padding: var(--mobile-padding);
    }

    .main-content {
        padding: var(--mobile-padding) !important;
    }

    .filter-grid {
        flex-direction: column;
        align-items: stretch !important;
    }

    .table-scroll-wrapper,
    .users-table__wrapper {
        white-space: nowrap;
    }

    .profile-section.active,
    .control-panel,
    .register-overlay {
        padding: var(--mobile-padding) !important;
    }

    .form-group__container {
        display: flex !important;
        flex-flow: column nowrap;
        gap: 0px !important;
    }

    .copy-btn span,
    .copy-btn-raw span,
    .user-card-arrow {
        display: none !important;
    }

    .kattella-panel__content {
        overflow-x: auto;
    }



}

/* Планшеты */
@media (max-width: 768px) {

}

/* Большие смартфоны */
@media (max-width: 576px) {
.sidebar {
        position: fixed !important;
        flex-flow: nowrap !important;
        width: 100% !important;
        background: 0 0 !important;
        bottom: 5px;
        align-items: center;
        justify-content: center;
        top: auto !important;
        height: auto !important;
    }

    .siderbar-menu {
        background: radial-gradient(120% 60% at 0% 0%, #818cf814, transparent 60%), linear-gradient(180deg, var(--color-sidebar-bg) 0%, var(--color-sidebar-bg-2) 100%);
        border-radius: 30px;
        height: auto !important;
        flex-flow: row !important;
        align-items: center;
        width: auto !important;
    }

    .sidebar-nav__link {
        border: 0px !important;
        border-radius: 30px !important;
        width: 100% !important;
    }


    .sidebar-nav__list {
        flex-flow: nowrap !important;
    }

    .sidebar-nav {
        flex: 0 !important;
        margin-top: 0px !important;
    }

    .user-card{
        border: none !important;
    }

    .slider-nav--text,
    .slider-nav--badge,
    .user-card__info,
    .user__logout span,
    #sidebar-toggle {
        display: none !important;
    }

    .user__logout {
        justify-content: center;
    }
    .brand{
        display: none;
    }
}

/* Смартфоны */
@media (max-width: 480px) {

}

/* Маленькие смартфоны */
@media (max-width: 375px) {

}

/* Очень маленькие смартфоны */
@media (max-width: 320px) {

}