.dark_blue_bg {
    background-color: #14161d;
}
#leftbar_split {
}
#members_filters {
}
.members_filters_header {
    display: flex;
}
.filters_desktop {
    display: none;
    gap: 0 8px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.filters_desktop.filters-open {
    display: flex;
}
.members_flow {
    min-height: 800px;
}
.members-showing {
    margin: 0 0 12px;
    font-size: 14px;
    color: #666;
}
/* Card grid */
.members-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    align-items: start;
}
/* Individual card */
.user-list-item {
    margin: 0;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    display: flex;
    overflow: hidden;
    transition: box-shadow 0.15s;
}
.user-list-item:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
/* Left image column */
.user-list-item-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 10px 14px;
    background: #f8f9fa;
    border-right: 1px solid #efefef;
    width: 150px;
    flex-shrink: 0;
}
/* Right text column */
.user-list-item > div:last-child {
    padding: 14px 16px;
    flex: 1;
    min-width: 0;
    overflow: hidden;
}
.members-image {
    margin: 0 0 10px;
}
.members-image img, .members-image a img {
    width: 96px;
    height: 96px;
    object-fit: cover;
    object-position: center top;
    display: block;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px #e0e0e0;
}
.members_title {
    margin: 0 !important;
    font-size: 26px;
}
/* Filter bar */
#adTitleFilter {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 10px;
    padding: 8px 12px;
    background: #f5f5f5;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    height: fit-content;
    align-items: center;
}
#adTitleFilter a, #adTitleFilter2 a {
    font-size: 14px;
    color: #13161d;
    text-decoration: none;
    padding: 3px 8px;
    border-radius: 4px;
}
#adTitleFilter a:hover {
    background: #e4f1f6;
}
.active_filter {
    background: #165e7b !important;
    color: #fff !important;
    border-radius: 4px;
    padding: 3px 8px;
}
#searchForm {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    width: 100%;
}
#searchForm input[type="text"] {
    flex: 1 1 180px;
}
.cb_search.checkboxform {
    font-size: 14px;
}
.cb_search.checkboxform label {
    cursor: pointer;
}
.member-collab-stat {
    font-size: 12px;
    color: #888;
    margin: 6px 0 0;
    text-align: center;
    letter-spacing: 0.3px;
}
.member-verified-only {
    font-size: 12px;
    line-height: 1.4;
    color: #3d4a50;
    background: #fff8e1;
    border: 1px solid #ffe082;
    border-radius: 8px;
    padding: 6px 8px;
    margin: 10px 0 0;
}
.member-verified-only i {
    color: #e8891a;
    margin-right: 4px;
}
.view_profile_btn {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 10px;
}
.btn-follow {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 3px 11px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    border: 2px solid #165e7b;
    color: #165e7b;
    background: #fff;
    text-decoration: none;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
    letter-spacing: 0.3px;
}
.btn-follow:hover {
    background: #165e7b;
    color: #fff;
    text-decoration: none;
}
.btn-follow.btn-following {
    background: #165e7b;
    color: #fff;
}
.btn-follow.btn-following:hover {
    background: #c0392b;
    border-color: #c0392b;
}
.btn-text-hover { display: none; }
.btn-follow.btn-following:hover .btn-text-default { display: none; }
.btn-text-default, .btn-text-hover { background-color: unset !important; }
.btn-follow.btn-following:hover .btn-text-hover { display: inline; }
.btn-bookmark {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 11px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    border: 2px solid #165e7b;
    color: #165e7b;
    background: #fff;
    text-decoration: none;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
    letter-spacing: 0.3px;
}
.btn-bookmark:hover,
.btn-bookmark.btn-bookmarked {
    background: #165e7b;
    color: #fff;
    text-decoration: none;
}
.ad-actions-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    margin-top: 10px;
}
.members_filter_heading {
    font-size: 13px;
    font-weight: 600;
    color: #555;
    white-space: nowrap;
}
.genre-checkboxes {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
}
#show_filters, #hide_filters {
    padding: 5px 7px;
}
#show_filters {
    display: none;
}
.view_profile_btn {
    margin: 12px 0 0;
    width: 100%;
}
.view_profile_btn a {
    display: block;
    text-align: center;
    padding: 7px 10px;
    font-size: 13px;
}
.replySubmitBtn {
    padding: 7px 15px;
    font-size: 13px;
}
.badges_holder {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: center;
}
.user-list-item h4 {
    font-size: 18px;
    margin-bottom: 4px;
}
.user-list-item h4 a {
    color: #13161d;
    text-decoration: none;
}
.user-list-item h4 a:hover {
    text-decoration: underline;
}
.user-list-item span {
    padding: 0px 7px;
    font-size: 13px;
    border-radius: 3px;
}
.user-list-item p {
    font-size: 15px;
    line-height: 22px;
    margin: 8px 0;
}
.user-list-item-types {
    width: 100%;
    margin: 4px 0 !important;
    text-align: center;
}
#search_keywords, #search_locations, #search_members {
    margin-bottom: 3px;
    font-size: 14px;
    width: 200px;
    box-shadow: none;
    padding: 5px;
}
#search_keywords_mobile, #search_locations_mobile, #search_members_mobile {
    margin-bottom: 3px;
    font-size: 14px;
    width: 200px;
    box-shadow: none;
    padding: 5px;
}
#submit_search_keywords, #submit_search_locations, #submit_search_members,
#submit_search_keywords_mobile, #submit_search_locations_mobile, #submit_search_members_mobile {
    padding: 6px 9px;
    border-radius: 5px;
}
#submit_search_keywords i, #submit_search_locations i, #submit_search_members i,
#submit_search_keywords_mobile i, #submit_search_locations_mobile i, #submit_search_members_mobile i {
    font-size: 16px;
}
.message_sent {
    display: none;
    margin: 10px 0 0;
}
.member_name_mobile {
    display: none;
}
.message_sent_previously {
    margin: 10px 0;
    padding-left: 5px;
    border-left: 5px solid;
    color: #bbb;
}
.direct_message_select {
    width: 60%;
    border: 1px solid #bebebe;
    border-radius: 10px;
    font-size: 14px;
    padding: 6px;
}
.no_results {
    color: white;
    padding: 100px 20px 500px;
}
.ccc {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0;
    text-align: center;
    gap: 10px;
}
.ccc div {
    padding: 20px;
    background-color: #fffcee;
}
.ccc h3 {
    font-size: 26px;
    margin: 10px 0 0 0 !important;
}
.ccc img {
    width: 40%;
    padding: 0;
}
.ccc p {
    line-height: 22px;
}
.instant_connect_holder {
    margin: 0 30px;
}
/* Filter toggle button — desktop: compact inline; mobile: full-width */
.mob-filter-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    padding: 8px 16px;
    background: #165e7b;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}
.mob-filter-btn.open {
    background: #0e4557;
}
.mob-filter-badge {
    background: #E8DB7D;
    color: #13161d;
    border-radius: 20px;
    padding: 1px 7px;
    font-size: 12px;
    font-weight: 700;
}
.mob-filter-chevron {
    margin-left: auto;
    transition: transform 0.2s;
}
.mob-filter-btn.open .mob-filter-chevron {
    transform: rotate(180deg);
}
@media only screen and (max-width: 1200px) {
    .direct_message_select {
        width: 100%;
    }
}
@media only screen and (max-width: 1040px) {
    #members_filters {
        width: 100%;
    }
    .members_flow {
        margin: 15px 0 0 30px;
    }
    #hide_filters {
        display: none;
    }
    .no_results {
        color: white;
        padding: 50px 20px 400px;
    }
}
@media only screen and (max-width: 900px) {
    .members-grid {
        grid-template-columns: 1fr;
    }
}
@media only screen and (max-width: 815px) {
    .dark_blue_bg {
        background-color: #fff;
    }
    #leftbar_split {
        margin: 0;
        display: block;
    }
    .members_title {
        padding: 50px 0 10px !important;
    }
    .members_flow {
        margin: 15px 0 0 0;
    }
    .user-list-item {
        border-radius: 8px;
    }
    .user-list-item-inner {
        width: 108px;
        padding: 12px 8px 10px;
    }
    .members-image img, .members-image a img {
        width: 84px;
        height: 84px;
    }
    .member_name_desktop {
        display: none;
    }
    .member_name_mobile {
        display: block;
        margin-bottom: 6px !important;
        font-size: 16px !important;
    }
    .members_pagination, .members_pagination h3 {
        color: black;
    }
    .no_results {
        color: black;
        padding: 0;
    }
    .ccc {
        display: block;
    }
    .ccc, .ccc div {
        padding: 0;
    }
    .instant_connect_holder {
        margin: 0;
    }
    .cb_search {
        padding: 0 !important;
    }
    /* Collapsible filter panel — open state shows as block on mobile */
    .filters_desktop.filters-open {
        display: block;
    }
    /* Filter toggle button — full-width on mobile */
    .mob-filter-btn {
        display: flex;
        width: 100%;
        padding: 10px 14px;
        margin: 0 0 8px;
        box-sizing: border-box;
    }
    /* Search inputs full-width in a 2-col grid (input | icon) */
    #searchForm {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 6px;
        row-gap: 4px;
        margin-bottom: 8px;
    }
    #searchForm br { display: none; }
    #search_members, #search_keywords, #search_locations {
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 0;
    }
    /* Tighter filter pill boxes */
    #adTitleFilter {
        padding: 6px 8px;
        margin: 0 0 6px;
    }
}
@media only screen and (max-width: 480px) {
    .members_title {
        padding: 10px 0 !important;
    }
    .user-list-item-inner {
        width: 96px;
        padding: 10px 6px 8px;
    }
    .members-image img, .members-image a img {
        width: 74px;
        height: 74px;
    }
}

/* Promoted Members slider on /members: line up with the Members heading
   and filters below. The shared slider styles (dashboard.css) indent the
   heading, the track and each card for the dashboard's layout. Arrows are
   hidden here (they'd sit outside the page edge); the dots and autoplay
   move between promoted members, and the dots hide when there's only one. */
.members-promo .promo_header,
.members-promo .promo_sub {
    margin-left: 0;
    margin-right: 0;
}
.members-promo .promo_slider_autoplay,
.members-promo .slick-list {
    margin: 0;
}
.members-promo .member_promo {
    margin: 20px 0;
}
.members-promo .slick-prev,
.members-promo .slick-next {
    display: none !important;
}
.members-promo .slick-dots {
    position: static;
    margin: 0 0 10px;
}
.members-promo .slick-dots li:only-child {
    display: none;
}