/* ========================================================================
   Group Profile – Sngine-inspired layout (dark theme)
   ======================================================================== */

/* Profile Header wrapper */
.hd-group-profile-header{position:relative;margin:0 -30px;}
@media(max-width:767px){.hd-group-profile-header{margin:0 -15px;}}

/* Cover */
.profile-cover-wrapper{background:#2a2a36;position:relative;height:190px;overflow:hidden;}
@media(min-width:576px){.profile-cover-wrapper{height:250px;}}
@media(min-width:768px){.profile-cover-wrapper{height:310px;}}
@media(min-width:992px){.profile-cover-wrapper{height:360px;}}
.profile-cover-wrapper>img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;display:block;}
.profile-cover-fallback{display:flex;align-items:center;justify-content:center;height:100%;font-size:6rem;font-weight:700;color:rgba(255,255,255,.18);letter-spacing:.08em;user-select:none;}
.profile-cover-buttons{position:absolute;top:12px;right:12px;z-index:2;}
.profile-cover-buttons .btn{padding:.45rem .9rem;font-size:12px;}

/* Avatar */
.profile-avatar-wrapper{position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);padding:3px;background:#171719;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.12);}
@media(min-width:992px){.profile-avatar-wrapper{left:36px;bottom:-28px;transform:none;}}
.profile-avatar-wrapper>img{width:86px;height:86px;border-radius:50%;object-fit:cover;display:block;}
.profile-avatar-letter{width:86px;height:86px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:700;background:#353550;color:rgba(255,255,255,.7);}
@media(min-width:576px){.profile-avatar-wrapper>img,.profile-avatar-letter{width:110px;height:110px;font-size:2.8rem;}}
@media(min-width:768px){.profile-avatar-wrapper>img,.profile-avatar-letter{width:140px;height:140px;font-size:3.5rem;}}
@media(min-width:992px){.profile-avatar-wrapper>img,.profile-avatar-letter{width:160px;height:160px;font-size:4rem;}}

/* Name + Privacy row (below cover on mobile, overlaid on desktop) */
.profile-name-wrapper{text-align:center;padding:58px 15px 6px;font-size:1.25em;font-weight:700;}
@media(min-width:576px){.profile-name-wrapper{padding-top:72px;}}
@media(min-width:768px){.profile-name-wrapper{padding-top:90px;}}
@media(min-width:992px){.profile-name-wrapper{position:absolute;bottom:30px;left:230px;padding:0;text-align:left;font-size:1.85em;text-shadow:0 1px 4px rgba(0,0,0,.9);}}
.profile-name-wrapper a{color:#fff;}
.profile-name-wrapper .privacy-badge{font-size:.55em;color:rgba(255,255,255,.65);margin-left:8px;vertical-align:middle;}

/* Action buttons */
.profile-buttons-wrapper{text-align:center;padding:8px 15px 18px;background:rgba(255,255,255,.03);}
@media(min-width:992px){.profile-buttons-wrapper{background:transparent!important;position:absolute;bottom:22px;right:20px;padding:0;text-align:right;}}
.profile-buttons-wrapper .btn{font-size:12px;padding:.6rem 1.4rem;border-radius:50px;}

/* Profile tabs */
.profile-tabs-wrapper{margin:0 -30px 24px;padding:0 10px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-evenly;overflow-x:auto;}
@media(max-width:767px){.profile-tabs-wrapper{margin:0 -15px 18px;}}
.profile-tabs-wrapper a{display:flex;align-items:center;gap:6px;padding:14px 10px;font-weight:600;font-size:13px;color:#999;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .2s;}
.profile-tabs-wrapper a:hover{color:#e0e0e0;}
.profile-tabs-wrapper a.active{color:#5e72e4;border-bottom-color:#5e72e4;}
@media(min-width:992px){.profile-tabs-wrapper a{padding:18px 24px;font-size:14px;}}

/* Group info sidebar card */
.hd-group-about-card .group-stat-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;}
.hd-group-about-card .group-stat-row:last-child{border-bottom:none;}
.hd-group-about-card .group-stat-row i{width:20px;text-align:center;color:#5e72e4;flex-shrink:0;}

/* ---- Group list card ---- */
.hd-group-card{border-radius:16px;overflow:hidden;background:#1e1e26;margin-bottom:24px;transition:transform .18s,box-shadow .18s;}
.hd-group-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,0,0,.38);}
.hd-group-card-cover{position:relative;height:136px;overflow:hidden;background:linear-gradient(135deg,#1e1a55 0%,#0e3456 100%);display:block;}
.hd-group-card-cover>img{width:100%;height:100%;object-fit:cover;display:block;}
.hd-group-card-cover-letter{display:flex;align-items:center;justify-content:center;height:100%;font-size:3.5rem;font-weight:700;color:rgba(255,255,255,.2);user-select:none;}
.hd-group-card-avatar{position:absolute;bottom:-22px;left:14px;width:52px;height:52px;border-radius:12px;border:3px solid #1e1e26;overflow:hidden;background:#353550;flex-shrink:0;}
.hd-group-card-avatar>img{width:100%;height:100%;object-fit:cover;display:block;}
.hd-group-card-avatar-letter{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:rgba(255,255,255,.7);}
.hd-group-card-body{padding:32px 14px 14px;}
.hd-group-card-name{font-size:15px;font-weight:700;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hd-group-card-name a{color:#e8e8e8;}
.hd-group-card-name a:hover{color:#5e72e4;}
.hd-group-card-meta{font-size:12px;color:#777;margin-bottom:10px;}
.hd-group-card-desc{font-size:13px;color:#999;min-height:36px;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hd-group-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;}
.hd-group-card-footer .btn{font-size:12px;padding:.5rem 1.2rem;border-radius:50px;}

/* day mode overrides */
html.day-mode .hd-group-profile-header{}
html.day-mode .profile-cover-wrapper{background:#d0d4e8;}
html.day-mode .profile-avatar-wrapper{background:#f5f5f5;box-shadow:0 0 0 2px rgba(0,0,0,.12);}
html.day-mode .profile-avatar-letter{background:#e0e4ff;color:#3a4a8a;}
html.day-mode .profile-name-wrapper a{color:#fff;}
html.day-mode .profile-name-wrapper .privacy-badge{color:rgba(255,255,255,.75);}
html.day-mode .profile-buttons-wrapper{background:#fff;}
html.day-mode .profile-tabs-wrapper{background:#fff;border-bottom-color:#e8e8e8;}

/* ===== Publisher Tools Tabs ===== */
.publisher-tools-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 6px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);}
.publisher-tools-tab{display:inline-flex;align-items:center;background:rgba(255,255,255,.06);padding:9px 16px;color:#bbb;font-size:13px;font-weight:700;border-radius:50px;border:none;cursor:pointer;text-decoration:none;transition:background .2s,color .2s;position:relative;overflow:hidden;}
.publisher-tools-tab:hover,.publisher-tools-tab:focus{background:rgba(94,114,228,.15);color:#5e72e4;text-decoration:none;}
.publisher-tools-tab.attach input[type="file"]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;}
html.day-mode .publisher-tools-tab{background:#f3f3f3;color:#555;}
html.day-mode .publisher-tools-tab:hover{background:#e8e8ff;color:#5e72e4;}

/* ===== Posts Filter Bar ===== */
.posts-filter{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;}
.posts-filter .float-right{display:flex;align-items:center;gap:8px;}
.posts-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:rgba(255,255,255,.06);color:#aaa;font-size:12px;font-weight:600;border-radius:50px;border:none;cursor:pointer;text-decoration:none;transition:background .2s,color .2s;}
.posts-filter-btn:hover,.posts-filter-btn:focus{background:rgba(94,114,228,.15);color:#5e72e4;text-decoration:none;}
.posts-filter-btn::after{display:none;}
html.day-mode .posts-filter-btn{background:#f3f3f3;color:#555;}
html.day-mode .posts-filter-btn:hover{background:#e8e8ff;color:#5e72e4;}

/* ===== Group Photos Grid ===== */
.hd-group-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;}
.hd-group-photo-item{display:block;border-radius:14px;overflow:hidden;aspect-ratio:1/1;background:#222;}
.hd-group-photo-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.hd-group-photo-item:hover img{transform:scale(1.06);}
html.day-mode .profile-tabs-wrapper{background:#fff;border-bottom-color:#e8e8e8;}
html.day-mode .profile-tabs-wrapper a{color:#666;}
html.day-mode .profile-tabs-wrapper a:hover{color:#333;}
html.day-mode .hd-group-about-card .group-stat-row{border-bottom-color:#f0f0f0;}
html.day-mode .hd-group-card{background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.08);}
html.day-mode .hd-group-card-avatar{border-color:#fff;background:#e8e8ff;}
html.day-mode .hd-group-card-name a{color:#222;}
html.day-mode .hd-group-card-desc{color:#666;}
html.day-mode .hd-group-card-meta{color:#999;}

/* ========================================================================
   DemoDrop Follow/Unfollow Button Custom Styling & States
   ======================================================================== */
.dd-track-follow-btn {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Green "Following" (Seguito) state */
.dd-track-follow-btn.button-green.btn-success {
    background-color: #2e7d32 !important; /* Rich deep green */
    border-color: #2e7d32 !important;
    color: #ffffff !important;
}

/* Red "Unfollow" (Non seguire) hover state on the green button */
.dd-track-follow-btn.button-green.btn-success:hover {
    background-color: #d32f2f !important; /* Premium warning red */
    border-color: #d32f2f !important;
    box-shadow: 0 4px 14px rgba(211, 47, 47, 0.4) !important;
    transform: translateY(-1px) !important;
}

/* ========================================================================
   DemoDrop Original Track Page Layout & CSS (from istruzioni.txt)
   ======================================================================== */
.dd-track-info-block {
    margin-left: 120px !important;
    margin-right: 65px !important;
}

.dd-track-info-block h1,
.dd-track-info-block h2,
.dd-track-info-block .track-tags,
.dd-track-info-block h3 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.track-view h1 {
    font-size: 300% !important;
    line-height: 110% !important;
    margin-bottom: 10px !important;
    text-transform: uppercase !important;
}
.track-view h1 span {
    font-weight: 300 !important;
}
.track-view h1 span.bold {
    font-weight: 600 !important;
}

.dd-track-info-block h2.white,
.track-view h2 {
    display: block !important;
    font-size: 250% !important;
    line-height: 110% !important;
    margin-bottom: 10px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: #fff !important;
}

.dd-track-info-block .track-tags {
    margin-bottom: 10px !important;
}

.track-view h3 {
    font-size: 200% !important;
    line-height: 110% !important;
    margin-bottom: 20px !important;
    color: rgba(255,255,255,.6) !important;
}
.track-view h3 a {
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: #fff !important;
}
.track-view h3 a:hover {
    color: #ff0084 !important;
}

ul.track-stats {
    padding: 20px 0 !important;
}
ul.track-stats li {
    display: inline-block !important;
    text-transform: uppercase !important;
    color: #aaa !important;
    width: 160px !important;
    border-left: 1px solid rgba(255,255,255,.3) !important;
    padding-left: 10px !important;
    font-size: 11px !important;
}
ul.track-stats li strong {
    display: block !important;
    color: #fff !important;
    text-transform: none !important;
    font-size: 12px !important;
}

@media (max-width: 600px) {
    .dd-track-info-block {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    ul.track-stats li {
        width: 150px !important;
    }
}

.tag,
.track-tags a,
.dd-track-table .tag {
    display: inline-block !important;
    padding: 2px 5px !important;
    border-radius: 3px !important;
    font-weight: 300 !important;
    font-size: 11px !important;
    line-height: 17px !important;
    margin-right: 5px !important;
    text-transform: uppercase !important;
    background: rgba(255,255,255,.1) !important;
    color: #eff6ff !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

.tag:hover,
.tag:focus,
.track-tags a:hover,
.sfy_song_tags a:hover,
.dd-track-table .tag:hover {
    color: var(--dd-accent, #ff0084) !important;
    background: rgba(255,255,255,0.18) !important;
    text-decoration: none !important;
}

.hash:before {
    content: '# ' !important;
    opacity: .7 !important;
}

/* CSS overrides to fix tight element spacing and styling */
header .opts_head_acc {
    display: inline-block !important;
    position: relative !important;
}

header .opts_head_acc .dropdown-menu {
    min-width: 380px !important;
    right: 0 !important;
    left: auto !important;
}

header .opts_head_acc .dropdown-menu li {
    padding: 10px !important;
}

.mm-cols {
    display: grid !important;
    gap: 28px !important;
    grid-template-columns: min-content min-content !important;
    align-items: stretch !important;
}

.more-menu-dropdown {
    padding: 24px !important;
    border-radius: 18px !important;
    background-color: #1e1e21 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.6) !important;
    z-index: 1200 !important;
}

.mm-title {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    color: #ffffff !important;
    padding-bottom: 20px !important;
    margin: 0 !important;
}

.mm-panel-browse {
    width: 450px !important;
    border-radius: 14px !important;
    padding: 10px 0 !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    display: flex !important;
    flex-direction: column !important;
}

.mm-panel-create {
    width: 330px !important;
    border-radius: 14px !important;
    padding: 10px 0 !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: unset !important;
    margin-left: 0 !important;
}

.mm-create-head {
    padding: 10px 20px 14px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    margin-bottom: 8px !important;
}

.mm-create-head h4 {
    margin: 0 !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    letter-spacing: -0.2px !important;
}

.mm-search-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding: 10px 16px 14px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    margin-bottom: 8px !important;
    flex-shrink: 0 !important;
}

.mm-search-icon {
    position: absolute !important;
    left: 28px !important;
    color: rgba(255, 255, 255, 0.4) !important;
    pointer-events: none !important;
    flex-shrink: 0 !important;
    transition: color 0.2s ease !important;
}

.mm-search-wrap:focus-within .mm-search-icon {
    color: var(--main, #0078e0) !important;
}

.mm-search {
    width: 100% !important;
    height: 42px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 22px !important;
    padding: 0 16px 0 46px !important;
    font-size: 0.9rem !important;
    color: #ffffff !important;
    outline: none !important;
    transition: all 0.2s ease !important;
}

.mm-search:focus {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--main, #0078e0) !important;
    box-shadow: 0 0 0 3px rgba(0, 120, 224, 0.15) !important;
}

.mm-scroll {
    height: 380px !important;
    min-height: unset !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 8px !important;
}

.mm-item {
    display: flex !important;
    align-items: center !important;
    margin: 2px 4px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    background: transparent !important;
    text-decoration: none !important;
    color: #dadada !important;
    transition: all 0.2s ease !important;
}

.mm-item:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
}

.mm-avatar {
    flex-shrink: 0 !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    border-radius: 10px !important;
    background: rgba(0, 120, 224, 0.1) !important;
    color: var(--main, #0078e0) !important;
    margin-right: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

.mm-avatar.mm-avatar-sm {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
}

.mm-item:hover .mm-avatar {
    background: var(--main, #0078e0) !important;
    color: #ffffff !important;
    transform: scale(1.05) !important;
}

.mm-text {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    flex: 1 !important;
}

.mm-primary {
    display: block !important;
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    transition: color 0.2s ease !important;
}

.mm-secondary {
    display: block !important;
    font-size: 0.78rem !important;
    color: rgba(255, 255, 255, 0.45) !important;
    margin-top: 2px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    max-width: 300px !important;
}

/* ===== Cart Dropdown Premium Styling ===== */
.mat-dropdown {
    padding: 20px !important;
    min-width: 320px !important;
    background-color: #1e1e21 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5) !important;
}

.mat-dropdown .empty_state {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 30px 16px !important;
    text-align: center !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border-radius: 12px !important;
    border: 1px dashed rgba(255, 255, 255, 0.08) !important;
    margin-bottom: 16px !important;
}

.mat-dropdown .empty_state svg {
    margin-bottom: 12px !important;
    width: 44px !important;
    height: 44px !important;
    color: var(--main, #0078e0) !important;
    opacity: 0.85 !important;
    filter: drop-shadow(0 4px 10px rgba(0, 120, 224, 0.25)) !important;
}

.mat-dropdown .checkout_btn {
    margin-top: 0px !important;
    padding: 0 !important;
}

/* Positioning and alignment for Cart dropdown */
header .head_user .notis.cart_items {
    display: inline-block !important;
    position: relative !important;
}

header .head_user .notis.cart_items .mat-dropdown {
    right: 0 !important;
    left: auto !important;
}

header .head_user .notis.cart_items .ma_notifs a {
    padding: 12px 16px !important;
}

/* Theme color (azzurro) highlights */
header .opts_head_acc > .btn {
    background-color: var(--main, #0078e0) !important;
}

.unread_cart_count {
    background-color: var(--main, #0078e0) !important;
}

header .cart_items .checkout_btn .btn {
    background-color: var(--main, #0078e0) !important;
    border-color: var(--main, #0078e0) !important;
    width: 100% !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 15px rgba(0, 120, 224, 0.3) !important;
    transition: all 0.2s ease !important;
}

header .cart_items .checkout_btn .btn:hover {
    background-color: var(--main-hover, #0056b3) !important;
    box-shadow: 0 6px 20px rgba(0, 120, 224, 0.45) !important;
    transform: translateY(-1px) !important;
}

/* Premium upload button styling inside valign dropdown */
header .opts_head_acc .dropdown-menu li a {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    padding: 20px 12px !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

header .opts_head_acc .dropdown-menu li a svg {
    margin: 0 auto 12px !important;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.3)) !important;
    transition: transform 0.25s ease !important;
}

header .opts_head_acc .dropdown-menu li a:hover {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: var(--main, #0078e0) !important;
    box-shadow: 0 10px 24px rgba(0, 120, 224, 0.2) !important;
    transform: translateY(-3px) !important;
}

header .opts_head_acc .dropdown-menu li a:hover svg {
    transform: scale(1.1) !important;
}

/* Positioning and alignment for Mega Menu dropdown to prevent conflicts */
header .head_user .more-menu-wrap {
    display: inline-block !important;
    position: relative !important;
}

header .head_user .more-menu-wrap .more-menu-dropdown {
    right: 0 !important;
    left: auto !important;
}

/* Mega menu: stable layout, readable items, and responsive overflow handling */
header .head_user .more-menu-wrap {
    position: relative !important;
    z-index: 2600 !important;
}

header .head_user .more-menu-wrap .dropdown-menu.more-menu-dropdown {
    top: calc(100% + 12px) !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    width: min(820px, calc(100vw - 28px)) !important;
    min-width: min(360px, calc(100vw - 28px)) !important;
    max-width: calc(100vw - 28px) !important;
    max-height: calc(100vh - 86px) !important;
    padding: 16px !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    z-index: 3200 !important;
}

header .head_user .more-menu-wrap .more-menu-dropdown.show {
    display: block !important;
}

header .head_user .more-menu-wrap .more-menu-dropdown .mm-title {
    padding: 0 4px 14px !important;
    margin: 0 !important;
    line-height: 1.25 !important;
}

header .head_user .more-menu-wrap .more-menu-dropdown .mm-cols {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(210px, 0.58fr) !important;
    gap: 12px !important;
    align-items: stretch !important;
    min-width: 0 !important;
}

header .head_user .more-menu-wrap .more-menu-dropdown .mm-panel-browse,
header .head_user .more-menu-wrap .more-menu-dropdown .mm-panel-create {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

header .head_user .more-menu-wrap .more-menu-dropdown .mm-panel-browse {
    display: flex !important;
    flex-direction: column !important;
    max-height: calc(100vh - 154px) !important;
}

header .head_user .more-menu-wrap .more-menu-dropdown .mm-panel-create {
    display: flex !important;
    flex-direction: column !important;
    max-height: calc(100vh - 154px) !important;
    overflow-y: auto !important;
}

header .head_user .more-menu-wrap .more-menu-dropdown .mm-scroll {
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: min(520px, calc(100vh - 230px)) !important;
    padding: 0 8px 8px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
}

header .head_user .more-menu-wrap .more-menu-dropdown .mm-search-wrap {
    padding: 10px 14px 12px !important;
}

header .head_user .more-menu-wrap .more-menu-dropdown .mm-search {
    min-width: 0 !important;
    box-sizing: border-box !important;
}

header .head_user .more-menu-wrap .more-menu-dropdown .mm-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
    margin: 2px 0 !important;
    padding: 10px 12px !important;
    line-height: 1.25 !important;
    border-radius: 10px !important;
    outline: none !important;
}

header .head_user .more-menu-wrap .more-menu-dropdown .mm-item:hover,
header .head_user .more-menu-wrap .more-menu-dropdown .mm-item:focus,
header .head_user .more-menu-wrap .more-menu-dropdown .mm-item:active {
    text-decoration: none !important;
}

header .head_user .more-menu-wrap .more-menu-dropdown .mm-avatar {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    margin-right: 0 !important;
}

header .head_user .more-menu-wrap .more-menu-dropdown .mm-avatar.mm-avatar-sm {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
}

header .head_user .more-menu-wrap .more-menu-dropdown .mm-avatar svg {
    width: 20px !important;
    height: 20px !important;
}

header .head_user .more-menu-wrap .more-menu-dropdown .mm-text {
    min-width: 0 !important;
    overflow: hidden !important;
}

header .head_user .more-menu-wrap .more-menu-dropdown .mm-primary,
header .head_user .more-menu-wrap .more-menu-dropdown .mm-secondary {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

@media (max-width: 991px) {
    header .head_user .more-menu-wrap .dropdown-menu.more-menu-dropdown {
        position: fixed !important;
        top: 58px !important;
        right: 12px !important;
        left: 12px !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        max-height: calc(100vh - 72px) !important;
        padding: 14px !important;
    }

    header .head_user .more-menu-wrap .more-menu-dropdown .mm-cols {
        grid-template-columns: minmax(0, 1fr) minmax(190px, 0.52fr) !important;
        gap: 10px !important;
    }
}

@media (max-width: 640px) {
    header .head_user .more-menu-wrap .dropdown-menu.more-menu-dropdown {
        top: 54px !important;
        right: 8px !important;
        left: 8px !important;
        max-height: calc(100vh - 64px) !important;
        padding: 10px !important;
        overflow-y: auto !important;
    }

    header .head_user .more-menu-wrap .more-menu-dropdown .mm-cols {
        grid-template-columns: 1fr !important;
    }

    header .head_user .more-menu-wrap .more-menu-dropdown .mm-panel-browse,
    header .head_user .more-menu-wrap .more-menu-dropdown .mm-panel-create {
        max-height: none !important;
    }

    header .head_user .more-menu-wrap .more-menu-dropdown .mm-scroll {
        max-height: 48vh !important;
    }

    header .head_user .more-menu-wrap .more-menu-dropdown .mm-panel-create {
        overflow-y: visible !important;
    }

    header .head_user .more-menu-wrap .more-menu-dropdown .mm-item {
        padding: 9px 10px !important;
    }
}