
/* PHOENIX_UNIFIED_SIDEBAR */

body:not(.login) #nav-sidebar.phoenix-right-sidebar {
    box-sizing: border-box;
    width: 300px;
    min-width: 300px;
    padding: 0 0 20px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #101c2c;
}

body:not(.login) #nav-sidebar .phoenix-sidebar-filters {
    position: static;
    float: none;
    width: auto;
    min-width: 0;
    margin: 0 0 16px;
    padding: 0 0 12px;
    border: 0;
    border-bottom: 1px solid #34445a;
    border-radius: 0;
    background: #142135;
}

body:not(.login) #nav-sidebar .phoenix-sidebar-filters h2 {
    margin: 0;
    padding: 15px;
    background: #20334a;
    color: #edc77b;
    font-size: 14px;
}

body:not(.login) #nav-sidebar .phoenix-sidebar-filters details {
    padding: 10px 15px;
    border-bottom: 1px solid #2d3c50;
}

body:not(.login) #nav-sidebar .phoenix-sidebar-filters summary {
    cursor: pointer;
    color: #edf2f8;
    font-weight: 500;
}

body:not(.login) #nav-sidebar .phoenix-sidebar-filters ul {
    margin: 9px 0 0;
    padding: 0;
    list-style: none;
}

body:not(.login) #nav-sidebar .phoenix-sidebar-filters li {
    list-style: none;
    padding: 5px 0;
    overflow-wrap: anywhere;
}

body:not(.login) #nav-sidebar .phoenix-sidebar-filters a {
    color: #cbd5e3;
}

body:not(.login) #nav-sidebar .phoenix-sidebar-filters li.selected a {
    color: #f0c970;
    font-weight: 600;
}

.phoenix-clear-filters { padding: 0 15px; }

.phoenix-sidebar-navigation {
    padding: 0 10px;
}

body:not(.login) .phoenix-journal-link {
    display: block;
    margin: 0 0 12px;
    padding: 12px;
    color: #edc77b;
    background: #20334a;
    border: 1px solid #34445a;
    border-radius: 7px;
}

body:not(.login) #nav-filter {
    display: block;
    width: 100%;
    margin: 0 0 14px;
    padding: 9px;
    box-sizing: border-box;
}

/* Убираем место, зарезервированное под прежнюю колонку фильтров. */
body:not(.login) #changelist.filtered {
    display: block;
}
body:not(.login) #changelist .changelist-form-container {
    width: 100%;
    min-width: 0;
}
body:not(.login) #changelist-form {
    width: 100%;
    min-width: 0;
    margin-right: 0;
}
body:not(.login) #changelist.filtered .results,
body:not(.login) #changelist.filtered .paginator,
body:not(.login) #changelist.filtered #toolbar,
body:not(.login) #changelist.filtered .actions {
    margin-right: 0;
    width: auto;
}
body:not(.login) #changelist .results {
    overflow-x: auto;
}

@media (min-width: 768px) {
    body:not(.login) .main > #nav-sidebar.phoenix-right-sidebar {
        order: 3;
        margin-left: 0;
        margin-right: -301px;
        border-left: 1px solid #34445a;
        border-right: 0;
    }
    body:not(.login) .main.shifted > #nav-sidebar.phoenix-right-sidebar {
        margin-right: 0;
    }
    body:not(.login) .main > #nav-sidebar.phoenix-right-sidebar + .content {
        max-width: calc(100% - 24px);
    }
    body:not(.login) .main.shifted > #nav-sidebar.phoenix-right-sidebar + .content {
        max-width: calc(100% - 324px);
    }
}
