/* =========================================================
   MUSIC FM — USER PROFILE / PREMIUM 2026
   Clean rebuild. Scoped only to .mf-public-profile-v6
   Desktop + Mobile. RTL first.
========================================================= */

.mf-public-profile-v6{
    
    
    
    
    
    
    
    
    --mf-white:#fff;
    
    
    
    direction:rtl;
    
    
    box-sizing:border-box;
}
.mf-public-profile-v6 *,
.mf-public-profile-v6 *::before,
.mf-public-profile-v6 *::after{box-sizing:border-box;}
.mf-public-profile-v6 img{display:block;max-width:100%;}
.mf-public-profile-v6 a{color:inherit;}

/* HERO */

.mf-public-profile-v6 .mf-public-cover-v6,
.mf-public-profile-v6 .mf-public-auto-cover-v6{
    position:absolute;
    inset:0;
    z-index:0;
}
.mf-public-profile-v6 .mf-public-cover-v6{
    background-size:cover;
    background-position:center;
    
}
.mf-public-profile-v6 .mf-public-cover-v6::after,
.mf-public-profile-v6 .mf-public-auto-cover-v6::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(3,13,26,.88) 0%,rgba(4,16,31,.72) 46%,rgba(4,16,31,.38) 100%);
}
.mf-public-profile-v6 .mf-public-auto-cover-v6{
    
    background-size:34px 34px,34px 34px,auto;
}
.mf-public-profile-v6 .mf-public-hero-content-v6{
    position:relative;
    z-index:2;
    
    display:grid;
    
    
    
    
}

/* avatar */
.mf-public-profile-v6 .mf-public-avatar-ring-v6{
    position:relative;
    
    
    
    
    
    
    
    overflow:hidden;
    text-decoration:none;
    
    
    
    transition:transform .26s ease,box-shadow .26s ease;
}
.mf-public-profile-v6 .mf-public-avatar-ring-v6:hover{
    transform:translateY(-3px) scale(1.012);
    
}
.mf-public-profile-v6 .mf-public-avatar-ring-v6>img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    border-radius:50%;
}
.mf-public-profile-v6 .mf-public-avatar-ring-v6::after{
    content:"";
    position:absolute;
    inset:auto 13px 13px auto;
    width:18px;
    height:18px;
    border-radius:50%;
    background:#34c759;
    border:3px solid #fff;
    box-shadow:0 2px 9px rgba(0,0,0,.25);
}

/* identity */
.mf-public-profile-v6 .mf-public-identity-v6{min-width:0;}
.mf-public-profile-v6 .mf-public-label-v6{
    
    
    
    
    
    
    
    
    
    
    
    text-transform:uppercase;
}

.mf-public-profile-v6 .mf-public-identity-v6 h1{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    
    
    
    
    
    
}
.mf-public-profile-v6 .mf-public-identity-v6 h1 i{
    display:inline-grid;
    place-items:center;
    width:25px;
    height:25px;
    border-radius:50%;
    
    
    font-size:12px;
}
.mf-public-profile-v6 .mf-public-line-v6{
    display:flex;
    flex-wrap:wrap;
    
    
}
.mf-public-profile-v6 .mf-public-line-v6 span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    
    
    
    
    
    
    
    
}

.mf-public-profile-v6 .mf-public-actions-v6{
    display:flex;
    flex-wrap:wrap;
    
    
}
.mf-public-profile-v6 .mf-public-actions-v6 a,
.mf-public-profile-v6 .mf-public-actions-v6 button{
    
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 17px;
    
    
    
    
    font:inherit;
    
    
    text-decoration:none;
    cursor:pointer;
    
    transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.mf-public-profile-v6 .mf-public-actions-v6 a:hover,
.mf-public-profile-v6 .mf-public-actions-v6 button:hover{
    transform:translateY(-2px);
    
    
}




/* XP */
.mf-public-profile-v6 .mf-public-xp-v6{
    
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    
    
    
    
    
    
}
.mf-public-profile-v6 .mf-public-xp-v6>span{
    
    
    font-weight:900;
    letter-spacing:1px;
}
.mf-public-profile-v6 .mf-public-xp-v6>strong{
    
    
    
    line-height:1;
    
}
.mf-public-profile-v6 .mf-public-xp-v6>small{font-weight:700;}
.mf-public-profile-v6 .mf-public-xp-bar-v6,
.mf-public-profile-v6 .mf-public-rank-progress-v6{
    width:100%;
    height:5px;
    margin-top:16px;
    overflow:hidden;
    border-radius:2px;
    background:rgba(255,255,255,.11);
}
.mf-public-profile-v6 .mf-public-xp-bar-v6 i,
.mf-public-profile-v6 .mf-public-rank-progress-v6 i{
    display:block;
    width:var(--xp-progress,0%);
    height:100%;
    background:linear-gradient(90deg,var(--mf-blue),var(--mf-cyan));
    box-shadow:0 0 14px rgba(89,199,255,.38);
}

/* stats floating strip */
.mf-public-profile-v6 .mf-public-stats-v6{
    
    
    
    
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    
    
    
    
    
    
}
.mf-public-profile-v6 .mf-public-stats-v6 a{
    position:relative;
    
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    
    text-decoration:none;
    
    transition:background .2s ease;
}
.mf-public-profile-v6 .mf-public-stats-v6 a:last-child{border-left:0;}




/* section navigation */
.mf-public-profile-v6 .mf-public-tabs-clean{
    display:flex;
    align-items:center;
    
    
    
    overflow:auto hidden;
    scrollbar-width:none;
    
    
    
}
.mf-public-profile-v6 .mf-public-tabs-clean::-webkit-scrollbar{display:none;}
.mf-public-profile-v6 .mf-public-tabs-clean a{
    flex:0 0 auto;
    
    display:inline-flex;
    align-items:center;
    
    
    
    
    text-decoration:none;
    
    font-weight:850;
    transition:background .18s ease,color .18s ease;
}

.mf-public-profile-v6 .mf-public-tabs-clean a span{color:var(--mf-blue);}

/* feature cards */
.mf-public-profile-v6 .mf-public-showcase-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    
    
}
.mf-public-profile-v6 .mf-public-showcase-card,
.mf-public-profile-v6 .mf-public-now-playing-card{
    
    display:flex;
    align-items:center;
    gap:15px;
    
    
    
    
    
    text-decoration:none;
}
.mf-public-profile-v6 .mf-public-showcase-card>b{
    display:grid;place-items:center;flex:0 0 50px;
    font-size:18px
;}
.mf-public-profile-v6 .mf-public-showcase-card>span,
.mf-public-profile-v6 .mf-public-now-playing-card>span{min-width:0;display:flex;flex-direction:column;gap:2px;}
.mf-public-profile-v6 .mf-public-showcase-card small,
.mf-public-profile-v6 .mf-public-now-playing-card small{color:var(--mf-blue);font-weight:900;text-transform:uppercase;letter-spacing:.25px;}
.mf-public-profile-v6 .mf-public-showcase-card strong,
.mf-public-profile-v6 .mf-public-now-playing-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900;}
.mf-public-profile-v6 .mf-public-showcase-card em,
.mf-public-profile-v6 .mf-public-now-playing-card em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;}
.mf-public-profile-v6 .mf-public-now-playing-card img{flex:0 0 72px;object-fit:cover;}
.mf-public-profile-v6 .mf-public-play-mini{margin-inline-start:auto;display:grid;place-items:center;border:0;background:var(--mf-blue);color:#fff;cursor:pointer;}

.mf-public-profile-v6 .mf-public-winner-v6{
    display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:15px 17px;
    border:1px solid #ffe1a7;border-radius:6px;background:#fffaf0;color:#6d4a00
;}
.mf-public-profile-v6 .mf-public-winner-v6>b{width:42px;height:42px;display:grid;place-items:center;border-radius:5px;background:#fff0c7;color:#d99800;}
.mf-public-profile-v6 .mf-public-winner-v6 div{display:flex;flex-direction:column;gap:2px;}
.mf-public-profile-v6 .mf-public-winner-v6 strong{font-weight:900;}
.mf-public-profile-v6 .mf-public-winner-v6 span{color:#8b6a22;}

/* main layout */
.mf-public-profile-v6 .mf-public-layout-v6{
    display:grid;
    
    
    align-items:start;
}
.mf-public-profile-v6 .mf-public-feed-v6,
.mf-public-profile-v6 .mf-public-side-v6{min-width:0;}
.mf-public-profile-v6 .mf-public-side-v6{position:sticky;}

.mf-public-profile-v6 .mf-public-card-head-v6{
    
    margin-bottom:17px;padding-bottom:13px;}

.mf-public-profile-v6 .mf-public-card-head-v6 a{color:var(--mf-blue);text-decoration:none;font-size:12px;font-weight:850;}
.mf-public-profile-v6 .mf-public-bio-v6{margin:0;}
.mf-public-profile-v6 .mf-public-empty-text-v6{margin:0;line-height:1.7;text-align:center;}

/* community posts */
.mf-public-profile-v6 .mf-profile-community-posts{display:grid;}
.mf-public-profile-v6 .mf-profile-community-post{
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    text-decoration:none;transition:border-color .18s ease,transform .18s ease,background .18s ease
;}
.mf-public-profile-v6 .mf-profile-community-post:hover{border-color:#cfe2fb;}
.mf-public-profile-v6 .mf-profile-community-post>span{min-width:0;}
.mf-public-profile-v6 .mf-profile-community-post strong{display:block;margin-bottom:4px;font-weight:900;}
.mf-public-profile-v6 .mf-profile-community-post p{margin:0;}
.mf-public-profile-v6 .mf-profile-community-post small{display:block;margin-top:7px;color:#9aa5b3;font-size:11px;}
.mf-public-profile-v6 .mf-profile-community-post>em{flex:0 0 auto;color:#78869a;font-size:11px;font-style:normal;white-space:nowrap;}

/* wall */
.mf-public-profile-v6 .mf-public-wall-dedications{display:grid;}
.mf-public-profile-v6 .mf-public-wall-card{
    display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:start;
    }
.mf-public-profile-v6 .mf-public-wall-avatar{border-radius:50%;overflow:hidden;background:#eef3f8;}
.mf-public-profile-v6 .mf-public-wall-avatar img{width:100%;height:100%;object-fit:cover;}
.mf-public-profile-v6 .mf-public-wall-card>div{min-width:0;}
.mf-public-profile-v6 .mf-public-wall-card strong{display:block;font-weight:900;}
.mf-public-profile-v6 .mf-public-wall-card small{display:block;margin-top:1px;color:#9aa5b3;font-size:10px;}
.mf-public-profile-v6 .mf-public-wall-card p{margin:6px 0 0;}
.mf-public-profile-v6 .mf-public-wall-open{align-self:center;color:#e94670;text-decoration:none;font-size:11px;font-weight:850;white-space:nowrap;}

/* playlists */
.mf-public-profile-v6 .mf-public-playlists-v6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
.mf-public-profile-v6 .mf-public-playlist-v6{
    display:grid;grid-template-rows:auto auto;align-items:center;
    text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease
;}
.mf-public-profile-v6 .mf-public-playlist-v6:hover{transform:translateY(-1px);border-color:#cfe1fa;background:#f7fbff;}
.mf-public-profile-v6 .mf-public-playlist-v6>span{grid-row:1/3;display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;background:#e9f3ff;}
.mf-public-profile-v6 .mf-public-playlist-v6>span i{background:linear-gradient(135deg,#147cff,#59c7ff);border-radius:1px;}
.mf-public-profile-v6 .mf-public-playlist-v6>b{align-self:end;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900;}
.mf-public-profile-v6 .mf-public-playlist-v6>small{align-self:start;margin-top:2px;color:#8a97a7;}

/* dedications */
.mf-public-profile-v6 .mf-public-dedications-mini{display:grid;}
.mf-public-profile-v6 .mf-public-dedication-mini{
    display:grid;grid-template-columns:38px minmax(0,1fr) auto;grid-template-areas:"icon text likes" "icon text date";gap:2px 10px;align-items:center;
    text-decoration:none
;}
.mf-public-profile-v6 .mf-public-dedication-mini>b{grid-area:icon;width:38px;height:38px;display:grid;place-items:center;background:#fff0f4;color:#e6466d;}
.mf-public-profile-v6 .mf-public-dedication-mini>span{grid-area:text;min-width:0;}
.mf-public-profile-v6 .mf-public-dedication-mini strong{display:block;font-weight:900;}
.mf-public-profile-v6 .mf-public-dedication-mini small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;color:#78869a;}
.mf-public-profile-v6 .mf-public-dedication-mini em{grid-area:likes;color:#e6466d;font-size:10px;font-style:normal;font-weight:800;}
.mf-public-profile-v6 .mf-public-dedication-mini time{grid-area:date;color:#a2acb8;font-size:9px;}

/* liked songs */
.mf-public-profile-v6 .mf-public-liked-v6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
.mf-public-profile-v6 .mf-public-liked-song-v6{
    display:grid;align-items:center;
    min-width:0;}
.mf-public-profile-v6 .mf-public-liked-song-v6 img{object-fit:cover;background:#eef3f8;}
.mf-public-profile-v6 .mf-public-liked-song-v6 span{min-width:0;}
.mf-public-profile-v6 .mf-public-liked-song-v6 strong,
.mf-public-profile-v6 .mf-public-liked-song-v6 small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mf-public-profile-v6 .mf-public-liked-song-v6 strong{font-weight:900;}

.mf-public-profile-v6 .mf-public-liked-song-v6>b{text-align:center;}

/* activity */
.mf-public-profile-v6 .mf-public-activity-v6{display:grid;}
.mf-public-profile-v6 .mf-public-activity-v6 article{
    display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;
    }
.mf-public-profile-v6 .mf-public-activity-v6 article>b{display:grid;place-items:center;background:#eaf4ff;color:var(--mf-blue);}
.mf-public-profile-v6 .mf-public-activity-v6 strong{display:block;font-weight:850;}
.mf-public-profile-v6 .mf-public-activity-v6 small{display:block;color:#9ba6b4;}

/* rank & achievements */
.mf-public-profile-v6 .mf-public-rank-card-v6{
    color:#fff
;}
.mf-public-profile-v6 .mf-public-rank-card-v6>b{width:42px;height:42px;display:grid;place-items:center;margin-bottom:11px;border-radius:5px;background:rgba(89,199,255,.14);color:#72ccff;}
.mf-public-profile-v6 .mf-public-rank-card-v6>strong{display:block;font-weight:900;}
.mf-public-profile-v6 .mf-public-rank-card-v6>small{display:block;margin-top:3px;color:#a8bbce;}
.mf-public-profile-v6 .mf-public-rank-progress-v6{background:rgba(255,255,255,.12);}
.mf-public-profile-v6 .mf-public-badges-v6{display:grid;gap:8px;margin-top:12px;}
.mf-public-profile-v6 .mf-public-badges-v6 article{
    display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;
    border:1px solid #e9eef5;background:#fcfdff
;}
.mf-public-profile-v6 .mf-public-badges-v6 article>b{width:38px;height:38px;display:grid;place-items:center;border-radius:4px;background:#eef6ff;color:var(--mf-blue);}
.mf-public-profile-v6 .mf-public-badges-v6 article>span{min-width:0;}
.mf-public-profile-v6 .mf-public-badges-v6 strong{display:block;font-weight:900;}
.mf-public-profile-v6 .mf-public-badges-v6 small{display:block;margin-top:2px;color:#8c98a7;line-height:1.35;}
.mf-public-profile-v6 .mf-public-badges-v6 article>em{font-size:9px;font-style:normal;font-weight:850;color:#7890aa;white-space:nowrap;}
.mf-public-profile-v6 .mf-public-badges-v6 article.is-unlocked{border-color:#cfe4ff;background:#f8fbff;}
.mf-public-profile-v6 .mf-public-badges-v6 article.is-locked{opacity:.72;}
.mf-public-profile-v6 .mf-profile-achievement-progress{display:block;height:3px;margin-top:6px;overflow:hidden;border-radius:2px;background:#e8eef5;}
.mf-public-profile-v6 .mf-profile-achievement-progress u{display:block;height:100%;background:var(--mf-blue);text-decoration:none;}

/* details / socials */
.mf-public-profile-v6 .mf-public-info-list-v6,
.mf-public-profile-v6 .mf-public-socials-v6{display:grid;}
.mf-public-profile-v6 .mf-public-info-list-v6 div,
.mf-public-profile-v6 .mf-public-socials-v6 a{
    display:flex;align-items:center;gap:10px;border:1px solid #e9eef5;text-decoration:none;font-weight:750
;}
.mf-public-profile-v6 .mf-public-info-list-v6 b,
.mf-public-profile-v6 .mf-public-socials-v6 b{width:25px;text-align:center;color:var(--mf-blue);}
.mf-public-profile-v6 .mf-public-socials-v6 a:hover{border-color:#cfe1fa;background:#f7fbff;color:#30445e;}

/* not found */
.mf-public-profile-v6 .mf-public-not-found-v6{max-width:650px;margin:80px auto;padding:48px 30px;border:1px solid var(--mf-line);border-radius:8px;background:#fff;text-align:center;box-shadow:0 18px 50px rgba(19,42,74,.08);}
.mf-public-profile-v6 .mf-public-not-found-v6>span{color:var(--mf-blue);font-size:11px;font-weight:900;letter-spacing:.8px;}
.mf-public-profile-v6 .mf-public-not-found-v6 h1{margin:8px 0;font-size:30px;font-weight:900;}
.mf-public-profile-v6 .mf-public-not-found-v6 p{color:#7a8798;}
.mf-public-profile-v6 .mf-public-not-found-v6 a{display:inline-flex;min-height:40px;align-items:center;padding:0 16px;margin-top:8px;border-radius:4px;background:var(--mf-blue);color:#fff;text-decoration:none;font-weight:850;}

/* TABLET */
@media(max-width:1040px){
    .mf-public-profile-v6{width:min(100% - 28px,940px);}
    .mf-public-profile-v6 .mf-public-hero-content-v6{gap:22px;}
    .mf-public-profile-v6 .mf-public-avatar-ring-v6{width:124px;height:124px;min-width:124px;min-height:124px;max-width:124px;max-height:124px;}
    .mf-public-profile-v6 .mf-public-xp-v6{padding:13px 16px;}
    .mf-public-profile-v6 .mf-public-xp-v6>span,.mf-public-profile-v6 .mf-public-xp-v6>strong,.mf-public-profile-v6 .mf-public-xp-v6>small{margin:0;}
    
    .mf-public-profile-v6 .mf-public-layout-v6{grid-template-columns:1fr;}
    .mf-public-profile-v6 .mf-public-side-v6{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px;}
    .mf-public-profile-v6 .mf-public-side-v6 .mf-public-card-v6{margin-bottom:0;}
}

/* MOBILE */
@media(max-width:680px){
    
    
    
    
    
    .mf-public-profile-v6 .mf-public-identity-v6{display:flex;flex-direction:column;}
    
    .mf-public-profile-v6 .mf-public-welcome-v7{margin-top:9px;}
    
    
    
    .mf-public-profile-v6 .mf-public-status-v6{max-width:95%;margin-top:11px;}
    
    
    
    
    
    .mf-public-profile-v6 .mf-public-stats-v6{border-radius:5px;}
    
    
    
    .mf-public-profile-v6 .mf-public-tabs-clean{position:sticky;top:0;z-index:30;border-radius:5px;}
    
    
    
    
    
    
    .mf-public-profile-v6 .mf-public-card-head-v6{margin-bottom:12px;padding-bottom:10px;}
    
    
    
    
    
    
    
    
    
}

@media(max-width:420px){
    .mf-public-profile-v6 .mf-public-actions-v6{grid-template-columns:1fr;}
    .mf-public-profile-v6 .mf-public-stats-v6{grid-template-columns:repeat(2,1fr);}
    .mf-public-profile-v6 .mf-public-stats-v6 a{border-bottom:1px solid #edf1f6;}
    .mf-public-profile-v6 .mf-public-stats-v6 a:nth-child(2n){border-left:0;}
    .mf-public-profile-v6 .mf-public-stats-v6 a:nth-last-child(-n/**/+2){border-bottom:0;}
}

@media(prefers-reduced-motion:reduce){
    .mf-public-profile-v6 *,
    .mf-public-profile-v6 *::before,
    .mf-public-profile-v6 *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important;}
}

/* Music FM — square-corner alignment */
.mf-public-profile-v6 .mf-public-hero-v6,
.mf-public-profile-v6 .mf-public-stats-v6,
.mf-public-profile-v6 .mf-public-tabs-clean,
.mf-public-profile-v6 .mf-public-card-v6,
.mf-public-profile-v6 .mf-public-showcase-card,
.mf-public-profile-v6 .mf-public-now-playing-card,
.mf-public-profile-v6 .mf-public-winner-v6,
.mf-public-profile-v6 .mf-public-empty-text-v6,
.mf-public-profile-v6 .mf-profile-community-post,
.mf-public-profile-v6 .mf-public-wall-card,
.mf-public-profile-v6 .mf-public-playlist-v6,
.mf-public-profile-v6 .mf-public-dedication-mini,
.mf-public-profile-v6 .mf-public-liked-song-v6,
.mf-public-profile-v6 .mf-public-activity-v6 article,
.mf-public-profile-v6 .mf-public-rank-card-v6,
.mf-public-profile-v6 .mf-public-badges-v6 article,
.mf-public-profile-v6 .mf-public-socials-v6 a,
.mf-public-profile-v6 .mf-public-not-found-v6 {
    border-radius:2px !important;
}
.mf-public-profile-v6 .mf-public-playlist-v6>span,
.mf-public-profile-v6 .mf-public-liked-song-v6 img,
.mf-public-profile-v6 .mf-public-activity-v6 article>b,
.mf-public-profile-v6 .mf-public-rank-card-v6>b,
.mf-public-profile-v6 .mf-public-badges-v6 article>b,
.mf-public-profile-v6 .mf-public-winner-v6>b,
.mf-public-profile-v6 .mf-public-showcase-card>b,
.mf-public-profile-v6 .mf-public-now-playing-card img {
    border-radius:2px !important;
}
/* Avatars and circular controls intentionally remain round. */


/* v22 — cleaner premium hero, no decorative half-circle */

.mf-public-profile-v6 .mf-public-hero-v6::after{
    position:absolute;inset:0 0 auto 0;height:3px;z-index:3;pointer-events:none;
    background:linear-gradient(90deg,#147cff 0%,#59c7ff 48%,rgba(89,199,255,0) 100%);
}



.mf-public-profile-v6 .mf-public-card-v6{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
@media (hover:hover) and (pointer:fine){
 .mf-public-profile-v6 .mf-public-card-v6:hover{border-color:#dbe6f2;box-shadow:0 12px 30px rgba(19,42,74,.065);}
}
@media(max-width:720px){
 .mf-public-profile-v6 .mf-public-hero-v6::after{height:2px;}
 .mf-public-profile-v6 .mf-public-stats-v6{box-shadow:0 7px 20px rgba(19,42,74,.06);}
}


/* =========================================================
   MUSIC FM PROFILE — V24 / SITE-ALIGNED HERO
   Blue/cyan Music FM header, no decorative stripes.
========================================================= */


/* No top/bottom decorative blue lines */
.mf-public-profile-v6 .mf-public-hero-v6::before,
.mf-public-profile-v6 .mf-public-hero-v6::after{
    content:none!important;
    display:none!important;
}

/* Keep cover image subtle while preserving the site's blue identity */







.mf-public-profile-v6 .mf-public-avatar-ring-v6{
    max-width:164px;max-height:164px;
    
    
}
.mf-public-profile-v6 .mf-public-avatar-ring-v6:hover{
    box-shadow:0 0 0 2px rgba(255,255,255,.32),0 24px 48px rgba(5,60,130,.28);
}



.mf-public-profile-v6 .mf-public-identity-v6 h1{
    margin-top:11px;
    
    
    
    
}
.mf-public-profile-v6 .mf-public-identity-v6 h1 i{
    
    
    box-shadow:0 5px 14px rgba(5,60,130,.16);
}
.mf-public-profile-v6 .mf-public-line-v6 span{
    
    
    
    
    
    
    font-weight:850;
    box-shadow:none;
}








/* XP is part of the hero, not a detached white panel */
.mf-public-profile-v6 .mf-public-xp-v6{
    position:relative;
    
    
    
    
    
    
}
.mf-public-profile-v6 .mf-public-xp-v6::before,
.mf-public-profile-v6 .mf-public-xp-v6::after{
    content:none!important;
    display:none!important;
}

.mf-public-profile-v6 .mf-public-xp-v6>strong{font-weight:950;}

.mf-public-profile-v6 .mf-public-xp-bar-v6{height:6px;}


/* Statistics stay clean and white below the hero */


.mf-public-profile-v6 .mf-public-stats-v6 a::after{
    content:none!important;
    display:none!important;
}
.mf-public-profile-v6 .mf-public-stats-v6 strong{font-weight:950;}
.mf-public-profile-v6 .mf-public-stats-v6 span{font-size:12px;font-weight:850;color:#748398;}

.mf-public-profile-v6 .mf-public-tabs-clean{
    margin-top:24px;
    
    border-width:0 0 1px;
    
    
}


.mf-public-profile-v6 .mf-public-card-v6{
    
    border-color:#dfe8f2;
    
    
}



@media(max-width:1040px){
    .mf-public-profile-v6 .mf-public-hero-content-v6{
        grid-template-columns:150px minmax(0,1fr);
        padding:42px 38px 62px;
    }
    .mf-public-profile-v6 .mf-public-xp-v6{
        grid-column:1/-1;
        display:grid;
        grid-template-columns:auto 1fr auto;
        align-items:center;
        gap:12px;
    }
    .mf-public-profile-v6 .mf-public-xp-v6>strong{font-size:30px;}
    .mf-public-profile-v6 .mf-public-xp-bar-v6{grid-column:1/-1;margin-top:2px;}
}
@media(max-width:680px){
    
    
    
    .mf-public-profile-v6 .mf-public-avatar-ring-v6{
        max-width:112px;max-height:112px;border-width:4px
    ;}
    
    .mf-public-profile-v6 .mf-public-welcome-v7{font-size:13px;}
    
    
    .mf-public-profile-v6 .mf-public-status-v6{font-size:14px;line-height:1.7;}
    
    .mf-public-profile-v6 .mf-public-actions-v6 a,
    .mf-public-profile-v6 .mf-public-actions-v6 button{width:100%;padding:0 10px;}
    .mf-public-profile-v6 .mf-public-xp-v6{margin-top:5px;}
    
    
    
    
    .mf-public-profile-v6 .mf-public-stats-v6 span{font-size:10px;}
    .mf-public-profile-v6 .mf-public-tabs-clean{margin-top:16px;}
    .mf-public-profile-v6 .mf-public-card-v6{padding:17px;}
}


/* =========================================================
   MUSIC FM PROFILE — V25
   Palette aligned exactly with artists.php hero
========================================================= */

/* HERO — same navy / blue language as Artists */
.mf-public-profile-v6 .mf-public-hero-v6{
    
    
    
    color:#fff!important;
    
}

/* subtle vertical texture exactly like Artists */
.mf-public-profile-v6 .mf-public-hero-v6::before{
    
    
    
    
    
    
    
    z-index:1!important;
}
.mf-public-profile-v6 .mf-public-hero-v6::after{
    content:none!important;
    display:none!important;
}

/* Covers remain inside the same navy palette */
.mf-public-profile-v6 .mf-public-auto-cover-v6{
    background:
        radial-gradient(circle at 18% 0%,rgba(89,199,255,.10),transparent 34%),
        radial-gradient(circle at 80% 20%,rgba(20,124,255,.08),transparent 34%)!important;
}




/* MY MUSIC FM — exactly the blue label language from Artists */
.mf-public-profile-v6 .mf-public-label-v6{
    
    
    
    
    
    
    box-shadow:none!important;
    
    line-height:1!important;
    
    
}

/* Main text */





/* Buttons — same #147cff button used in Artists search */
.mf-public-profile-v6 .mf-public-actions-v6 a,
.mf-public-profile-v6 .mf-public-actions-v6 button{
    min-height:46px!important;
    border:1px solid rgba(255,255,255,.15)!important;
    border-radius:3px!important;
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:950!important;
    box-shadow:none!important;
}
.mf-public-profile-v6 .mf-public-actions-v6 a:hover,
.mf-public-profile-v6 .mf-public-actions-v6 button:hover{
    background:rgba(255,255,255,.13)!important;
    border-color:rgba(255,255,255,.24)!important;
    color:#fff!important;
}
.mf-public-profile-v6 .mf-public-actions-v6 .primary{
    
    
    color:#fff!important;
    
}
.mf-public-profile-v6 .mf-public-actions-v6 .primary:hover{
    border-color:#0f72ef!important;
    background:#0f72ef!important;
    color:#fff!important;
}
.mf-public-profile-v6 .mf-profile-follow-btn.is-following{
    background:rgba(255,255,255,.10)!important;
    border-color:rgba(255,255,255,.18)!important;
    color:#fff!important;
}

/* XP card — same darker inset panel style as Artists counter */
.mf-public-profile-v6 .mf-public-xp-v6{
    
    
    
    backdrop-filter:none!important;
    
}

.mf-public-profile-v6 .mf-public-xp-v6>strong{
    color:#fff!important;
}


.mf-public-profile-v6 .mf-public-xp-bar-v6 i{
    background:linear-gradient(90deg,#147cff,#59c7ff)!important;
    box-shadow:0 0 14px rgba(89,199,255,.36)!important;
}

/* Verified badge keeps Music FM blue */
.mf-public-profile-v6 .mf-public-identity-v6 h1 i{
    background:#147cff!important;
    color:#fff!important;
}

/* Mobile keeps exactly the same palette */
@media(max-width:680px){
    

    

    .mf-public-profile-v6 .mf-public-actions-v6 a,
    .mf-public-profile-v6 .mf-public-actions-v6 button{
        min-height:44px!important;
    }
}


/* =========================================================
   PROFILE PHOTO VIEWER — Facebook-like lightbox
========================================================= */
.mf-public-avatar-ring-v6{
    cursor:zoom-in;
}



.mf-profile-photo-viewer{
    
    
    
    
    place-items:center;
    
    
}







.mf-profile-photo-viewer-head>div{
    
    display:grid;
    gap:2px;
}





.mf-profile-photo-viewer-close{
    
    
    
    
    
    
    
    
    
    
    
    transition:background .18s ease,transform .18s ease;
}

.mf-profile-photo-viewer-close:hover{
    
    transform:scale(1.03);
}

.mf-profile-photo-viewer-stage{
    
    
    place-items:center;
    
    
    
}

.mf-profile-photo-viewer-stage img{
    display:block;
    
    
    
    
    
    
    
    user-select:none;
}



.mf-profile-photo-viewer-actions a{
    
    
    
    
    
    
    border:0;
    
    
    
    
    
    
}



@media(max-width:680px){
    

    .mf-profile-photo-viewer-panel{
        
        
        border:0;
        border-radius:0;
        
    }

    

    .mf-profile-photo-viewer-close{
        
        
        flex-basis:40px;
    }

    

    

    
}


/* =========================================================
   PROFILE PHOTO VIEWER V2 — real in-site modal
========================================================= */
.mf-public-profile-v6 button.mf-public-avatar-ring-v6{
    
    appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
}







.mf-profile-photo-viewer-panel{
    position:relative!important;
    z-index:2!important;
    width:min(920px,calc(100vw - 44px))!important;
    height:min(780px,calc(100dvh - 44px))!important;
    display:grid!important;
    grid-template-rows:64px minmax(0,1fr) 62px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:4px!important;
    background:#020812!important;
    box-shadow:0 30px 90px rgba(0,0,0,.46)!important;
}

.mf-profile-photo-viewer-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    padding:0 18px!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
    background:linear-gradient(135deg,#071832,#08295b)!important;
    color:#fff!important;
}

.mf-profile-photo-viewer-head>div{
    min-width:0!important;
}

.mf-profile-photo-viewer-head strong{
    display:block!important;
    overflow:hidden!important;
    color:#fff!important;
    font-size:16px!important;
    line-height:1.2!important;
    font-weight:950!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
}

.mf-profile-photo-viewer-head span{
    display:block!important;
    margin-top:3px!important;
    color:rgba(255,255,255,.62)!important;
    font-size:11px!important;
    font-weight:800!important;
}

.mf-profile-photo-viewer-close{
    
    
    flex:0 0 42px!important;
    
    
    
    
    
    
    
    
    
}



.mf-profile-photo-viewer-stage{
    min-width:0!important;
    min-height:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:20px!important;
    overflow:hidden!important;
    background:
        radial-gradient(circle at 50% 45%,rgba(20,124,255,.10),transparent 38%),
        #030812!important;
}

.mf-profile-photo-viewer-stage img{
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    border-radius:2px!important;
    box-shadow:0 18px 54px rgba(0,0,0,.34)!important;
}

.mf-profile-photo-viewer-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:0 18px!important;
    border-top:1px solid rgba(255,255,255,.09)!important;
    background:#071832!important;
}

.mf-profile-photo-viewer-actions a{
    min-height:40px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:0 15px!important;
    border-radius:3px!important;
    background:#147cff!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:12px!important;
    font-weight:950!important;
}



@media(max-width:680px){
    

    .mf-profile-photo-viewer-panel{
        width:calc(100vw - 20px)!important;
        height:calc(100dvh - 20px)!important;
        grid-template-rows:58px minmax(0,1fr) 58px!important;
    }

    .mf-profile-photo-viewer-head{
        padding:0 12px!important;
    }

    .mf-profile-photo-viewer-stage{
        padding:10px!important;
    }

    .mf-profile-photo-viewer-actions{
        padding:0 12px!important;
    }

    .mf-profile-photo-viewer-actions a{
        width:100%!important;
    }
}


/* =========================================================
   PROFILE V28 — circular avatar + minimal photo viewer
========================================================= */

/* 1. Avatar: true circle, online dot outside the frame */


.mf-public-profile-v6 button.mf-public-avatar-ring-v6>img{
    
    
    
    
    
    overflow:hidden!important;
}

/* online status dot outside the white frame */
.mf-public-profile-v6 button.mf-public-avatar-ring-v6::after{
    content:""!important;
    position:absolute!important;
    
    
    
    
    
    
    
    
    
    
    
}

/* 2. Minimal image viewer: image + thin frame + X only */










.mf-profile-photo-viewer-close{
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    backdrop-filter:blur(6px)!important;
}



body.mf-profile-photo-viewer-open{
    overflow:hidden!important;
}




/* =========================================================
   PROFILE V29 — exact requested avatar + exact minimal viewer
========================================================= */

/* Online dot: attached to the avatar edge, just outside the white ring */


/* Kill every old modal panel/header/footer from previous versions */
.mf-profile-photo-viewer-panel,
.mf-profile-photo-viewer-head,
.mf-profile-photo-viewer-stage,
.mf-profile-photo-viewer-actions{
    display:none!important;
}

/* The viewer contains ONLY the image frame + X */
.mf-profile-photo-viewer{
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:28px!important;
    direction:rtl!important;
}

.mf-profile-photo-viewer[hidden]{
    display:none!important;
}

.mf-profile-photo-viewer-backdrop{
    position:absolute!important;
    inset:0!important;
    background:rgba(2,8,18,.82)!important;
    backdrop-filter:blur(4px)!important;
}

.mf-profile-photo-viewer-imagebox{
    position:relative!important;
    z-index:2!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:auto!important;
    max-width:calc(100vw - 56px)!important;
    max-height:calc(100dvh - 56px)!important;
    padding:7px!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:3px!important;
    background:#050b14!important;
    box-shadow:0 28px 85px rgba(0,0,0,.48)!important;
}

.mf-profile-photo-viewer-imagebox>img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:calc(100vw - 70px)!important;
    max-height:calc(100dvh - 70px)!important;
    object-fit:contain!important;
    border-radius:2px!important;
    box-shadow:none!important;
}

.mf-profile-photo-viewer-close{
    position:absolute!important;
    top:10px!important;
    left:10px!important;
    z-index:5!important;
    width:38px!important;
    height:38px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-radius:3px!important;
    background:rgba(3,17,38,.78)!important;
    color:#fff!important;
    cursor:pointer!important;
    font-size:19px!important;
    line-height:1!important;
    box-shadow:0 5px 18px rgba(0,0,0,.22)!important;
}

.mf-profile-photo-viewer-close:hover{
    background:#147cff!important;
    border-color:#147cff!important;
}

@media(max-width:680px){
    

    .mf-profile-photo-viewer{
        padding:14px!important;
    }

    .mf-profile-photo-viewer-imagebox{
        max-width:calc(100vw - 28px)!important;
        max-height:calc(100dvh - 28px)!important;
        padding:5px!important;
    }

    .mf-profile-photo-viewer-imagebox>img{
        max-width:calc(100vw - 38px)!important;
        max-height:calc(100dvh - 38px)!important;
    }

    .mf-profile-photo-viewer-close{
        top:8px!important;
        left:8px!important;
        width:36px!important;
        height:36px!important;
        font-size:18px!important;
    }
}
/* PROFILE LIVE EDIT — targeted, instant, no navigation */
.mf-public-actions-v6>a,.mf-public-actions-v6>button{gap:10px!important;}
.mf-public-actions-v6>a i,.mf-public-actions-v6>button i{margin:0!important;flex:0 0 auto;}
.mf-public-actions-v6>a span,.mf-public-actions-v6>button span{display:inline-block;}
.mf-profile-card-edit{gap:7px!important;}
.mf-profile-avatar-edit-badge{cursor:pointer!important;}
.mf-profile-cover-edit{gap:8px!important;}

.mf-profile-inline-popover[hidden]{display:none!important;}
.mf-profile-inline-popover label{display:grid;gap:6px;margin-bottom:10px;color:#344054;font-size:11px;font-weight:900;}
.mf-profile-inline-popover label:last-child{margin-bottom:0;}
.mf-profile-inline-popover input,.mf-profile-inline-popover textarea{width:100%;border:1px solid #d8e3ef;border-radius:3px;background:#fff;color:#111827;outline:0;font:inherit;font-size:13px;}
.mf-profile-inline-popover input{height:43px;padding:0 10px;}.mf-profile-inline-popover textarea{min-height:130px;padding:11px;resize:vertical;}

.mf-profile-inline-hero-popover{margin-top:12px;border:1px solid rgba(255,255,255,.20);border-radius:4px;backdrop-filter:blur(8px);}
.mf-profile-inline-hero-popover label{color:#d8eaff;}.mf-profile-inline-hero-popover input{border-color:rgba(255,255,255,.20);background:rgba(255,255,255,.08);color:#fff;}

.mf-profile-live-savebar strong,.mf-profile-live-savebar span{display:block;}.mf-profile-live-savebar strong{font-size:12px;font-weight:950;}.mf-profile-live-savebar>div:first-child span{margin-top:2px;color:#748197;font-size:9px;}.mf-profile-live-savebar>div:last-child{display:flex;gap:8px;}.mf-profile-live-savebar button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;border-radius:3px;font:inherit;font-size:11px;font-weight:950;cursor:pointer;}.mf-profile-live-savebar .secondary{border:1px solid #dce5ef;background:#fff;color:#344054;}.mf-profile-live-savebar .primary{border:0;background:#147cff;color:#fff;}
@media(max-width:680px){.mf-profile-live-savebar>div:last-child{display:grid;grid-template-columns:1fr 1fr;}.mf-profile-live-savebar button{width:100%;}.mf-profile-inline-popover input,.mf-profile-inline-popover textarea{font-size:16px;}}


/* =========================================================
   MUSIC FM — PROFILE INLINE EDIT BUTTONS FIX
========================================================= */
.mf-public-profile-v6 .mf-profile-card-edit,
.mf-public-profile-v6 button.mf-profile-card-edit,
.mf-public-profile-v6 a.mf-profile-card-edit{
    appearance:none!important;-webkit-appearance:none!important;
    min-height:34px!important;display:inline-flex!important;align-items:center!important;
    justify-content:center!important;gap:9px!important;padding:0 12px!important;margin:0!important;
    border:1px solid #d7e4f2!important;border-radius:3px!important;background:#f7fbff!important;
    color:#147cff!important;box-shadow:none!important;font-family:"Heebo",Arial,sans-serif!important;
    font-size:12px!important;line-height:1!important;font-weight:900!important;text-decoration:none!important;
    white-space:nowrap!important;cursor:pointer!important;
    transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
}
.mf-public-profile-v6 .mf-profile-card-edit:hover{
    color:#0f72ef!important;
    
}
.mf-public-profile-v6 .mf-profile-card-edit:focus-visible{
    outline:0!important;border-color:#147cff!important;box-shadow:0 0 0 3px rgba(20,124,255,.10)!important;
}
.mf-public-profile-v6 .mf-profile-card-edit i,
.mf-public-profile-v6 .mf-profile-card-edit svg{
    width:14px!important;height:14px!important;margin:0!important;flex:0 0 14px!important;color:currentColor!important;
}
.mf-public-profile-v6 .mf-profile-card-edit span{display:inline-block!important;margin:0!important;color:inherit!important;}
@media(max-width:680px){
    .mf-public-profile-v6 .mf-profile-card-edit,
    .mf-public-profile-v6 button.mf-profile-card-edit,
    .mf-public-profile-v6 a.mf-profile-card-edit{
        min-height:36px!important;padding:0 11px!important;
    }
}


/* =========================================================
   MUSIC FM — PROFILE OWNER CONTROLS FINAL FIX
   Covers the hero cover button + avatar edit badge + card edit buttons.
========================================================= */

/* COVER EDIT — force styled button instead of browser default */
.mf-public-profile-v6 .mf-profile-cover-edit,
.mf-public-profile-v6 button.mf-profile-cover-edit,
.mf-public-profile-v6 a.mf-profile-cover-edit,
.mf-public-profile-v6 label.mf-profile-cover-edit{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:absolute!important;
    top:18px!important;
    left:18px!important;
    right:auto!important;
    z-index:20!important;

    min-height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;

    margin:0!important;
    padding:0 13px!important;

    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:3px!important;
    background:rgba(7,24,50,.76)!important;
    color:#fff!important;

    box-shadow:0 8px 22px rgba(0,0,0,.14)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;

    font-family:"Heebo",Arial,sans-serif!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:900!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    cursor:pointer!important;
}

.mf-public-profile-v6 .mf-profile-cover-edit:hover{
    background:rgba(20,124,255,.92)!important;
    border-color:rgba(255,255,255,.30)!important;
    color:#fff!important;
}

.mf-public-profile-v6 .mf-profile-cover-edit i,
.mf-public-profile-v6 .mf-profile-cover-edit svg{
    width:14px!important;
    height:14px!important;
    flex:0 0 14px!important;
    margin:0!important;
    color:currentColor!important;
}

.mf-public-profile-v6 .mf-profile-cover-edit span{
    display:inline-block!important;
    margin:0!important;
    color:inherit!important;
}

/* hidden file input inside cover control */
.mf-public-profile-v6 .mf-profile-cover-edit input[type="file"]{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    min-width:1px!important;
    min-height:1px!important;
    opacity:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
}

/* AVATAR EDIT BADGE */
.mf-public-profile-v6 .mf-profile-avatar-shell{
    position:relative!important;
    display:block!important;
    width:max-content!important;
    justify-self:center!important;
}

.mf-public-profile-v6 .mf-profile-avatar-edit-badge,
.mf-public-profile-v6 button.mf-profile-avatar-edit-badge,
.mf-public-profile-v6 a.mf-profile-avatar-edit-badge,
.mf-public-profile-v6 label.mf-profile-avatar-edit-badge,
.mf-public-profile-v6 span.mf-profile-avatar-edit-badge{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:absolute!important;
    z-index:25!important;
    right:-3px!important;
    left:auto!important;
    bottom:7px!important;
    top:auto!important;

    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    display:grid!important;
    place-items:center!important;

    margin:0!important;
    padding:0!important;
    border:3px solid #fff!important;
    border-radius:50%!important;
    background:#147cff!important;
    color:#fff!important;
    box-shadow:0 6px 16px rgba(20,124,255,.32)!important;
    cursor:pointer!important;
}

.mf-public-profile-v6 .mf-profile-avatar-edit-badge i,
.mf-public-profile-v6 .mf-profile-avatar-edit-badge svg{
    width:13px!important;
    height:13px!important;
    margin:0!important;
    color:#fff!important;
}

.mf-public-profile-v6 .mf-profile-avatar-edit-badge:hover{
    background:#0f72ef!important;
    transform:scale(1.04)!important;
}

/* hidden file input inside avatar control */
.mf-public-profile-v6 .mf-profile-avatar-edit-badge input[type="file"]{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    opacity:0!important;
    pointer-events:none!important;
}

/* Owner action buttons — keep icon/text spacing consistent */

.mf-public-profile-v6 .mf-public-actions-v6>a i,
.mf-public-profile-v6 .mf-public-actions-v6>button i,
.mf-public-profile-v6 .mf-public-actions-v6>a svg,
.mf-public-profile-v6 .mf-public-actions-v6>button svg{
    margin:0!important;
    flex:0 0 auto!important;
}
.mf-public-profile-v6 .mf-public-actions-v6>a span,
.mf-public-profile-v6 .mf-public-actions-v6>button span{
    display:inline-block!important;
    margin:0!important;
}

/* Mobile */
@media(max-width:680px){
    .mf-public-profile-v6 .mf-profile-cover-edit,
    .mf-public-profile-v6 button.mf-profile-cover-edit,
    .mf-public-profile-v6 a.mf-profile-cover-edit,
    .mf-public-profile-v6 label.mf-profile-cover-edit{
        top:10px!important;
        left:10px!important;
        min-height:34px!important;
        padding:0 10px!important;
        font-size:11px!important;
    }

    .mf-public-profile-v6 .mf-profile-cover-edit span{
        display:none!important;
    }

    .mf-public-profile-v6 .mf-profile-avatar-edit-badge,
    .mf-public-profile-v6 button.mf-profile-avatar-edit-badge,
    .mf-public-profile-v6 a.mf-profile-avatar-edit-badge,
    .mf-public-profile-v6 label.mf-profile-avatar-edit-badge,
    .mf-public-profile-v6 span.mf-profile-avatar-edit-badge{
        right:-4px!important;
        bottom:5px!important;
        width:28px!important;
        height:28px!important;
        min-width:28px!important;
        min-height:28px!important;
        border-width:2px!important;
    }
}

/* =========================================================
   MUSIC FM — PROFILE PREMIUM LIVE EDIT + REAL SAVE UX
========================================================= */

.mf-profile-edit-ready{
    min-height:30px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:0 9px;
    border:1px solid rgba(89,199,255,.18);
    border-radius:3px;
    background:rgba(89,199,255,.08);
    color:#8edcff;
    font-size:9px;
    font-weight:950;
    white-space:nowrap;
}
.mf-profile-edit-ready i{font-size:9px;}

/* Inline editing window */
.mf-profile-inline-popover{
    position:relative!important;
    overflow:hidden!important;
    margin-top:13px!important;
    padding:16px!important;
    border:1px solid #cfe0f3!important;
    border-radius:5px!important;
    background:
        radial-gradient(circle at 100% 0,rgba(20,124,255,.055),transparent 32%),
        linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    box-shadow:0 14px 34px rgba(15,35,70,.075)!important;
    animation:mfProfileEditorOpen .38s cubic-bezier(.16,1,.3,1) both;
}
.mf-profile-inline-popover:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:3px;
    background:linear-gradient(90deg,#147cff,#59c7ff,transparent);
}
@keyframes mfProfileEditorOpen{
    from{opacity:0;transform:translateY(-7px) scale(.993)}
    to{opacity:1;transform:none}
}

.mf-profile-inline-hero-popover{
    max-width:760px!important;
    padding:16px!important;
    border-color:rgba(255,255,255,.20)!important;
    background:
        radial-gradient(circle at 100% 0,rgba(89,199,255,.10),transparent 36%),
        rgba(255,255,255,.075)!important;
    box-shadow:0 14px 38px rgba(0,0,0,.10)!important;
}
.mf-profile-inline-hero-popover:before{
    background:linear-gradient(90deg,#59c7ff,#147cff,transparent)!important;
}
.mf-profile-inline-popover label>span{
    display:block;
    margin-bottom:1px;
    font-size:10px;
    font-weight:950;
}
.mf-profile-inline-popover input,
.mf-profile-inline-popover textarea{
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.mf-profile-inline-popover input:focus,
.mf-profile-inline-popover textarea:focus{
    border-color:#147cff!important;
    box-shadow:0 0 0 3px rgba(20,124,255,.09)!important;
}

/* Local save buttons directly inside the opened editor */
.mf-profile-inline-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    margin-top:13px;
    padding-top:13px;
    border-top:1px solid #e4ebf4;
}
.mf-profile-inline-hero-popover .mf-profile-inline-actions{
    border-top-color:rgba(255,255,255,.13);
}
.mf-profile-inline-actions button{
    min-height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 14px;
    border-radius:3px;
    cursor:pointer;
    font:inherit;
    font-size:10px;
    font-weight:950;
}
.mf-profile-inline-actions .mf-inline-cancel{
    border:1px solid #d9e3ee;
    background:#fff;
    color:#4d5b6d;
}
.mf-profile-inline-actions .mf-inline-save{
    border:0;
    background:linear-gradient(180deg,#2d8cff,#147cff);
    color:#fff;
    box-shadow:0 8px 18px rgba(20,124,255,.18);
}
.mf-profile-inline-hero-popover .mf-inline-cancel{
    border-color:rgba(255,255,255,.18);
    background:rgba(255,255,255,.08);
    color:#fff;
}

/* Real floating save bar */
.mf-profile-live-savebar{
    position:fixed!important;
    left:50%!important;
    bottom:20px!important;
    z-index:10050!important;
    width:min(680px,calc(100vw - 28px))!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
    padding:13px 14px!important;
    border:1px solid #ceddec!important;
    border-radius:6px!important;
    background:rgba(255,255,255,.975)!important;
    color:#111827!important;
    box-shadow:
        0 18px 54px rgba(15,35,70,.20),
        0 0 0 1px rgba(20,124,255,.025)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    animation:mfProfileSavebarIn .34s cubic-bezier(.16,1,.3,1) both;
}
.mf-profile-live-savebar[hidden]{display:none!important;}
@keyframes mfProfileSavebarIn{
    from{opacity:0;transform:translate(-50%,14px) scale(.985)}
    to{opacity:1;transform:translate(-50%,0) scale(1)}
}
.mf-profile-savebar-info{
    min-width:0;
}
.mf-profile-savebar-state{
    display:inline-flex!important;
    align-items:center;
    gap:5px;
    margin-bottom:3px;
    color:#147cff;
    font-size:9px;
    font-weight:950;
}
.mf-profile-savebar-info strong{
    display:block!important;
    color:#111827;
    font-size:12px!important;
    font-weight:950!important;
}
.mf-profile-savebar-info small{
    display:block;
    margin-top:2px;
    color:#7b8899;
    font-size:9px;
    font-weight:750;
}
.mf-profile-savebar-actions{
    display:flex!important;
    gap:8px!important;
}
.mf-profile-savebar-actions button{
    min-height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:0 15px!important;
    border-radius:3px!important;
    cursor:pointer!important;
    font:inherit!important;
    font-size:10px!important;
    font-weight:950!important;
}
.mf-profile-savebar-actions .secondary{
    border:1px solid #dbe5ef!important;
    background:#fff!important;
    color:#4a586a!important;
}
.mf-profile-savebar-actions .primary{
    border:0!important;
    background:linear-gradient(180deg,#2d8cff,#147cff)!important;
    color:#fff!important;
    box-shadow:0 9px 20px rgba(20,124,255,.20)!important;
}
.mf-profile-live-savebar.is-saving .primary{
    opacity:.65!important;
    pointer-events:none!important;
}
.mf-profile-live-savebar.is-saved{
    border-color:#b7efc8!important;
}
.mf-profile-live-savebar.is-saved .mf-profile-savebar-state{
    color:#079455!important;
}

/* Better notices */
.mf-profile-save-notice{
    position:sticky!important;
    top:92px!important;
    z-index:80!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0 auto 12px!important;
    padding:12px 14px!important;
    border-radius:5px!important;
    box-shadow:0 9px 24px rgba(15,35,70,.08)!important;
    animation:mfNoticeIn .28s ease both;
}
@keyframes mfNoticeIn{
    from{opacity:0;transform:translateY(-6px)}
    to{opacity:1;transform:none}
}

/* Slight polish on owner edit buttons */

.mf-public-profile-v6 .mf-profile-card-edit:hover{
    box-shadow:0 7px 16px rgba(20,124,255,.09)!important;
}

/* Mobile */
@media(max-width:680px){
    .mf-profile-edit-ready{display:none;}
    .mf-profile-inline-popover{
        margin-top:10px!important;
        padding:14px!important;
    }
    .mf-profile-inline-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
    }
    .mf-profile-inline-actions button{
        width:100%;
        min-height:43px;
    }
    .mf-profile-live-savebar{
        bottom:74px!important;
        width:calc(100vw - 16px)!important;
        display:grid!important;
        gap:10px!important;
        padding:12px!important;
    }
    .mf-profile-savebar-actions{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
    }
    .mf-profile-savebar-actions button{
        width:100%!important;
        min-height:44px!important;
    }
}

/* =========================================================
   PROFILE AVATAR CAMERA — EXACT CENTER RESTORE
========================================================= */
.mf-public-profile-v6 .mf-profile-avatar-edit-badge,
.mf-public-profile-v6 span.mf-profile-avatar-edit-badge,
.mf-public-profile-v6 label.mf-profile-avatar-edit-badge,
.mf-public-profile-v6 button.mf-profile-avatar-edit-badge,
.mf-public-profile-v6 a.mf-profile-avatar-edit-badge{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:0!important;
    text-align:center!important;
    pointer-events:auto!important;
    user-select:none!important;
}

.mf-public-profile-v6 .mf-profile-avatar-edit-badge i{
    position:static!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    font-size:13px!important;
    transform:translateY(.5px)!important;
    pointer-events:none!important;
}

.mf-public-profile-v6 .mf-profile-avatar-edit-badge svg{
    position:static!important;
    display:block!important;
    width:13px!important;
    height:13px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    pointer-events:none!important;
}

.mf-public-profile-v6 .mf-profile-avatar-shell{
    isolation:isolate!important;
}

.mf-public-profile-v6 .mf-profile-avatar-shell .mf-public-avatar-ring-v6{
    position:relative!important;
    z-index:1!important;
}

.mf-public-profile-v6 .mf-profile-avatar-shell .mf-profile-avatar-edit-badge{
    z-index:30!important;
}

/* =========================================================
   MUSIC FM — PROFILE / SETTINGS VISUAL UNIFICATION 2026
   Keeps all existing profile functionality; visual layer only.
========================================================= */
.mf-public-profile-v6{
    
    
    
    --mf-navy2:#08295b;
    
    
    
    
    
    margin:0 auto!important;
    padding-top:22px!important;
    
    font-family:"Heebo",Arial,sans-serif!important;
}
.mf-public-profile-v6 *{box-sizing:border-box;}

/* HERO — same language as settings.php */
.mf-public-profile-v6 .mf-public-hero-v6{
    position:relative!important;
    
    
    margin-bottom:54px!important;
    
    
    
    
    isolation:isolate!important;
}
.mf-public-profile-v6 .mf-public-hero-v6:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:4px!important;
    pointer-events:none!important;
    background:
        repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 118px)!important;
}
.mf-public-profile-v6 .mf-public-cover-v6,
.mf-public-profile-v6 .mf-public-auto-cover-v6{
    
    opacity:.94!important;
}
.mf-public-profile-v6 .mf-public-hero-inner-v6{
    position:relative!important;
    z-index:3!important;
    min-height:318px!important;
    padding:38px 42px 84px!important;
}

/* Avatar matches settings avatar treatment */
.mf-public-profile-v6 .mf-public-avatar-ring-v6{
    width:126px!important;
    height:126px!important;
    min-width:126px!important;
    min-height:126px!important;
    padding:5px!important;
    border:0!important;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
}
.mf-public-profile-v6 .mf-public-avatar-ring-v6 img{
    width:116px!important;
    height:116px!important;
    min-width:116px!important;
    min-height:116px!important;
    max-width:116px!important;
    max-height:116px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    object-fit:cover!important;
    object-position:center!important;
}
.mf-public-profile-v6 .mf-public-online-v6{
    width:20px!important;
    height:20px!important;
    border:4px solid #fff!important;
    box-shadow:0 3px 9px rgba(0,0,0,.18)!important;
}

/* Identity */
.mf-public-profile-v6 .mf-public-label-v6{
    
    display:inline-flex!important;
    align-items:center!important;
    
    
    
    
    
    font-weight:950!important;
    
}
.mf-public-profile-v6 .mf-public-welcome-v7{
    
    
    
    line-height:1.55!important;
}
.mf-public-profile-v6 .mf-public-identity-v6 h1{
    
    
    
    
    font-weight:950!important;
    
}
.mf-public-profile-v6 .mf-public-status-v6{
    
    
    
    font-weight:780!important;
}
.mf-public-profile-v6 .mf-public-chip-v6 span,
.mf-public-profile-v6 .mf-public-chip-v6 b{
    color:#dbe7f4!important;
}
.mf-public-profile-v6 .mf-public-chip-v6{
    min-height:30px!important;
    padding:0 10px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:3px!important;
    background:rgba(255,255,255,.055)!important;
}

/* Owner/action controls same as settings hero buttons */

.mf-public-profile-v6 .mf-public-actions-v6>a,
.mf-public-profile-v6 .mf-public-actions-v6>button{
    
    gap:9px!important;
    
    border:1px solid rgba(255,255,255,.16)!important;
    
    background:rgba(255,255,255,.07)!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
    
    font-weight:950!important;
    transition:.18s ease!important;
}
.mf-public-profile-v6 .mf-public-actions-v6>a:hover,
.mf-public-profile-v6 .mf-public-actions-v6>button:hover{
    transform:translateY(-1px)!important;
    border-color:#147cff!important;
    background:#147cff!important;
    color:#fff!important;
}
.mf-public-profile-v6 .mf-public-actions-v6 .primary{
    border-color:#147cff!important;
    background:#147cff!important;
    box-shadow:0 9px 20px rgba(20,124,255,.20)!important;
}

/* XP/level box aligned with settings data tiles */
.mf-public-profile-v6 .mf-public-xp-box-v6{
    min-width:205px!important;
    padding:22px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:4px!important;
    background:rgba(255,255,255,.06)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
    backdrop-filter:blur(10px)!important;
}
.mf-public-profile-v6 .mf-public-xp-box-v6 strong{
    color:#fff!important;
}
.mf-public-profile-v6 .mf-public-xp-box-v6 small{
    color:#9fb5cd!important;
}
.mf-public-profile-v6 .mf-public-xp-bar-v6{
    background:rgba(255,255,255,.14)!important;
}

/* Stats strip: identical visual logic to settings stats */
.mf-public-profile-v6 .mf-public-stats-v6{
    position:relative!important;
    
    
    
    overflow:hidden!important;
    
    
    
    
}
.mf-public-profile-v6 .mf-public-stats-v6 a,
.mf-public-profile-v6 .mf-public-stats-v6>div{
    min-height:82px!important;
    border-left:1px solid #edf1f6!important;
    background:#fff!important;
}
.mf-public-profile-v6 .mf-public-stats-v6 a:last-child,
.mf-public-profile-v6 .mf-public-stats-v6>div:last-child{
    border-left:0!important;
}
.mf-public-profile-v6 .mf-public-stats-v6 strong{
    
    
    line-height:1!important;
}
.mf-public-profile-v6 .mf-public-stats-v6 span,
.mf-public-profile-v6 .mf-public-stats-v6 small{
    
    
    
    font-weight:850!important;
}

/* Tabs */
.mf-public-profile-v6 .mf-public-tabs-clean-v6{
    min-height:58px!important;
    margin:0 0 16px!important;
    padding:7px!important;
    gap:5px!important;
    border:1px solid #dfe7f3!important;
    border-radius:4px!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(15,35,70,.035)!important;
}
.mf-public-profile-v6 .mf-public-tabs-clean-v6 a{
    min-height:42px!important;
    padding:0 13px!important;
    border:1px solid transparent!important;
    border-radius:3px!important;
    color:#59677a!important;
    font-size:10px!important;
    font-weight:900!important;
}
.mf-public-profile-v6 .mf-public-tabs-clean-v6 a:hover{
    border-color:#dce8f5!important;
    background:#f7fbff!important;
    color:#147cff!important;
}

/* Main layout */
.mf-public-profile-v6 .mf-public-main-grid-v6{
    gap:18px!important;
}

.mf-public-profile-v6 .mf-public-card-head-v6{
    
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    
    
}
.mf-public-profile-v6 .mf-public-card-head-v6 h2{
    margin:0!important;
    
    
    line-height:1.15!important;
    font-weight:950!important;
}
.mf-public-profile-v6 .mf-public-card-head-v6>a{
    color:#147cff!important;
    font-size:9px!important;
    font-weight:950!important;
}

/* Profile card edit button now mirrors settings navigation/control buttons */
.mf-public-profile-v6 .mf-profile-card-edit{
    
    gap:7px!important;
    padding:0 11px!important;
    border:1px solid #d8e5f2!important;
    
    background:#f7fbff!important;
    color:#147cff!important;
    box-shadow:none!important;
    font-size:10px!important;
    font-weight:950!important;
}
.mf-public-profile-v6 .mf-profile-card-edit:hover{
    border-color:#bdd7ff!important;
    background:#eef6ff!important;
    transform:none!important;
}

/* Internal cards/lists */
.mf-public-profile-v6 .mf-public-info-list-v6>div,
.mf-public-profile-v6 .mf-public-socials-v6 a,
.mf-public-profile-v6 .mf-public-activity-v6>div,
.mf-public-profile-v6 .mf-public-playlist-card-v6,
.mf-public-profile-v6 .mf-public-liked-song-v6,
.mf-public-profile-v6 .mf-public-dedication-v6{
    border-color:#e4ebf4!important;
    border-radius:4px!important;
    background:#f9fbfe!important;
}
.mf-public-profile-v6 .mf-public-info-list-v6>div:hover,
.mf-public-profile-v6 .mf-public-socials-v6 a:hover,
.mf-public-profile-v6 .mf-public-playlist-card-v6:hover{
    border-color:#cfe1f5!important;
    background:#f4f9ff!important;
}

/* Typography */
.mf-public-profile-v6 .mf-public-bio-v6,
.mf-public-profile-v6 .mf-public-empty-text-v6,
.mf-public-profile-v6 .mf-public-info-list-v6 span,
.mf-public-profile-v6 .mf-public-card-v6 p{
    color:#667085!important;
    font-size:11px!important;
    line-height:1.7!important;
}
.mf-public-profile-v6 .mf-public-info-list-v6 b,
.mf-public-profile-v6 .mf-public-socials-v6 span{
    color:#344054!important;
    font-weight:900!important;
}

/* Side cards */
.mf-public-profile-v6 .mf-public-side-v6{
    gap:14px!important;
}
.mf-public-profile-v6 .mf-public-side-v6 .mf-public-card-v6{
    box-shadow:0 9px 24px rgba(15,35,70,.04)!important;
}

/* Inline editors keep the settings page visual language */
.mf-public-profile-v6 .mf-profile-inline-popover{
    border-color:#d9e5f1!important;
    border-radius:4px!important;
    
    
}
.mf-public-profile-v6 .mf-profile-inline-popover:not(.mf-profile-inline-hero-popover){
    background:linear-gradient(180deg,#fff,#f8fbff)!important;
}
.mf-public-profile-v6 .mf-profile-inline-popover input,
.mf-public-profile-v6 .mf-profile-inline-popover textarea{
    border-radius:3px!important;
    border-color:#d5e1ed!important;
    
}
.mf-public-profile-v6 .mf-profile-inline-popover input:focus,
.mf-public-profile-v6 .mf-profile-inline-popover textarea:focus{
    border-color:#147cff!important;
    background:#fff!important;
    box-shadow:0 0 0 3px rgba(20,124,255,.09)!important;
}

/* Save bar aligned to settings savebar */
.mf-public-profile-v6 .mf-profile-live-savebar{
    border-color:#cfddea!important;
    border-radius:4px!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 16px 38px rgba(15,35,70,.14)!important;
}

/* Mobile — same feeling as settings mobile */
@media(max-width:680px){
    .mf-public-profile-v6{
        
        padding-top:10px!important;
    }
    .mf-public-profile-v6 .mf-public-hero-v6{
        
        margin-bottom:46px!important;
    }
    .mf-public-profile-v6 .mf-public-hero-inner-v6{
        min-height:auto!important;
        padding:20px 14px 70px!important;
    }
    .mf-public-profile-v6 .mf-public-avatar-ring-v6{
        width:88px!important;
        height:88px!important;
        min-width:88px!important;
        min-height:88px!important;
        padding:4px!important;
    }
    .mf-public-profile-v6 .mf-public-avatar-ring-v6 img{
        width:80px!important;
        height:80px!important;
        min-width:80px!important;
        min-height:80px!important;
        max-width:80px!important;
        max-height:80px!important;
    }
    
    
    
    .mf-public-profile-v6 .mf-public-actions-v6>a,
    .mf-public-profile-v6 .mf-public-actions-v6>button{
        justify-content:center!important;
        min-height:42px!important;
        padding:0 8px!important;
        
    }
    
    .mf-public-profile-v6 .mf-public-stats-v6 a,
    .mf-public-profile-v6 .mf-public-stats-v6>div{
        min-height:64px!important;
    }
    
    
    .mf-public-profile-v6 .mf-public-tabs-clean-v6{
        overflow-x:auto!important;
        scrollbar-width:none!important;
    }
    .mf-public-profile-v6 .mf-public-tabs-clean-v6::-webkit-scrollbar{display:none!important;}
    .mf-public-profile-v6 .mf-public-tabs-clean-v6 a{
        flex:0 0 auto!important;
        white-space:nowrap!important;
    }
    
    
}

/* Tablet */
@media(max-width:1050px) and (min-width:681px){
    .mf-public-profile-v6 .mf-public-hero-inner-v6{
        padding:30px 28px 82px!important;
    }
}

/* =========================================================
   PROFILE AVATAR — WHITE RING + SUBTLE LIVE GLOW
   Final override only. Keeps camera behavior untouched.
========================================================= */
.mf-public-profile-v6 button.mf-public-avatar-ring-v6{
    position:relative!important;
    overflow:visible!important;

    width:126px!important;
    height:126px!important;
    min-width:126px!important;
    min-height:126px!important;

    padding:2px!important;
    border:1px solid #fff!important;
    border-radius:50%!important;
    background:#fff!important;

    box-shadow:
        0 0 0 1px rgba(255,255,255,.28),
        0 0 18px rgba(89,199,255,.16),
        0 14px 34px rgba(0,0,0,.22)!important;

    animation:mfProfileAvatarSoftGlow 4.8s ease-in-out infinite!important;
}

.mf-public-profile-v6 button.mf-public-avatar-ring-v6>img{
    position:relative!important;
    inset:auto!important;

    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;

    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    object-fit:cover!important;
    object-position:center!important;
}

/* Online dot — move slightly to the RIGHT and keep it attached
   naturally to the lower-left edge of the avatar. */
.mf-public-profile-v6 button.mf-public-avatar-ring-v6::after{
    left:5px!important;
    right:auto!important;
    bottom:8px!important;

    width:19px!important;
    height:19px!important;

    border:3px solid #fff!important;
    border-radius:50%!important;
    background:#34c759!important;

    box-shadow:
        0 2px 8px rgba(0,0,0,.20),
        0 0 0 2px rgba(52,199,89,.08)!important;

    z-index:18!important;
    pointer-events:none!important;
}

/* Camera remains above the ring and stays perfectly centered. */


@keyframes mfProfileAvatarSoftGlow{
    0%,100%{
        box-shadow:
            0 0 0 1px rgba(255,255,255,.28),
            0 0 14px rgba(89,199,255,.12),
            0 14px 34px rgba(0,0,0,.22);
    }
    50%{
        box-shadow:
            0 0 0 1px rgba(255,255,255,.40),
            0 0 24px rgba(89,199,255,.24),
            0 16px 38px rgba(0,0,0,.24);
    }
}

@media(max-width:680px){
    .mf-public-profile-v6 button.mf-public-avatar-ring-v6{
        width:88px!important;
        height:88px!important;
        min-width:88px!important;
        min-height:88px!important;
        padding:1px!important;
        border-width:1px!important;
    }

    .mf-public-profile-v6 button.mf-public-avatar-ring-v6::after{
        left:4px!important;
        bottom:5px!important;
        width:17px!important;
        height:17px!important;
        border-width:3px!important;
    }
}

@media(prefers-reduced-motion:reduce){
    .mf-public-profile-v6 button.mf-public-avatar-ring-v6{
        animation:none!important;
    }
}
/* ===== PROFILE EDIT POPUP ===== */

.mf-public-profile-v6 .mf-profile-inline-popover{
    background:rgba(25,30,38,.72) !important;
    color:#fff !important;

    backdrop-filter:blur(20px) saturate(140%);
    -webkit-backdrop-filter:blur(20px) saturate(140%);

    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:0 18px 55px rgba(0,0,0,.30) !important;

    animation:mfEditOpen .35s cubic-bezier(.22,1,.36,1) both;
}

.mf-public-profile-v6 .mf-profile-inline-popover *{
    font-weight:700;
}

.mf-public-profile-v6 .mf-profile-inline-popover label span{
    font-size:15px !important;
}

.mf-public-profile-v6 .mf-profile-inline-popover input,
.mf-public-profile-v6 .mf-profile-inline-popover textarea{
    font-size:16px !important;
    font-weight:700 !important;

    color:#fff !important;
    background:rgba(255,255,255,.08) !important;

    border:1px solid rgba(255,255,255,.18) !important;
}

@keyframes mfEditOpen{
    0%{
        opacity:0;
        transform:translateY(-18px) scale(.96);
        filter:blur(4px);
    }

    100%{
        opacity:1;
        transform:translateY(0) scale(1);
        filter:blur(0);
    }
}

.mf-public-profile-v6 .mf-profile-inline-popover.is-closing{
    animation:mfEditClose .22s ease forwards !important;
}

@keyframes mfEditClose{
    from{
        opacity:1;
        transform:translateY(0) scale(1);
    }

    to{
        opacity:0;
        transform:translateY(-10px) scale(.97);
    }
}

/* =========================================================
   PROFILE TYPOGRAPHY + EDITOR VISIBILITY — BALANCED OVERRIDE
   Regular copy stays readable while metadata, badges, counters,
   dates and compact actions keep their intended visual scale.
========================================================= */
.mf-public-profile-v6{
    font-size:16px;
    font-weight:600;
}

.mf-public-profile-v6 :where(p,label,input,textarea,select,option,li,dt,dd,td,th){
    font-weight:700;
}

.mf-public-profile-v6 :where(button,[role="button"]){
    font-weight:800;
}

.mf-public-profile-v6 :where(h1,h2,h3,h4,h5,h6,strong,b){
    font-weight:900;
}

/* The about/details/link editors use light fields, so typed text is always visible. */
.mf-public-profile-v6.mf-public-profile-v6.mf-public-profile-v6.mf-public-profile-v6 .mf-profile-inline-popover input,
.mf-public-profile-v6.mf-public-profile-v6.mf-public-profile-v6.mf-public-profile-v6 .mf-profile-inline-popover textarea{
    color:#111827!important;
    -webkit-text-fill-color:#111827!important;
    caret-color:#147cff!important;
    background:#fff!important;
}

.mf-public-profile-v6.mf-public-profile-v6.mf-public-profile-v6.mf-public-profile-v6 .mf-profile-inline-popover input::placeholder,
.mf-public-profile-v6.mf-public-profile-v6.mf-public-profile-v6.mf-public-profile-v6 .mf-profile-inline-popover textarea::placeholder{
    color:#7b8899!important;
    -webkit-text-fill-color:#7b8899!important;
    opacity:1!important;
}

.mf-public-profile-v6.mf-public-profile-v6.mf-public-profile-v6.mf-public-profile-v6 .mf-profile-inline-popover label span{
    color:#fff!important;
}

/* =========================================================
   PROFILE TYPOGRAPHY SCALE V3 — READABLE, NOT FLAT
   Fixes legacy 8–11px text while preserving a clear hierarchy.
   Icons, counters and decorative marks are intentionally omitted.
========================================================= */

.mf-public-profile-v6 .mf-public-welcome-v7,
.mf-public-profile-v6 .mf-public-status-v6{
    font-size:15px!important;
    font-weight:700!important;
}
.mf-public-profile-v6 .mf-public-line-v6 span,
.mf-public-profile-v6 .mf-public-chip-v6{
    font-size:13px!important;
}

.mf-public-profile-v6 .mf-public-xp-v6>span,
.mf-public-profile-v6 .mf-public-xp-v6>small{
    font-size:13px!important;
}

.mf-public-profile-v6 .mf-public-tabs-clean a,
.mf-public-profile-v6 .mf-public-tabs-clean-v6 a{
    font-size:14px!important;
}

.mf-public-profile-v6 .mf-public-card-head-v6>a,
.mf-public-profile-v6 .mf-profile-card-edit,
.mf-public-profile-v6 button.mf-profile-card-edit,
.mf-public-profile-v6 a.mf-profile-card-edit{
    font-size:13px!important;
}
.mf-public-profile-v6 .mf-public-bio-v6,
.mf-public-profile-v6 .mf-public-empty-text-v6,
.mf-public-profile-v6 .mf-public-info-list-v6 span,
.mf-public-profile-v6 .mf-public-socials-v6 span,
.mf-public-profile-v6 .mf-public-card-v6>p{
    font-size:15px!important;
    line-height:1.8!important;
}
.mf-public-profile-v6 .mf-public-info-list-v6>div,
.mf-public-profile-v6 .mf-public-socials-v6 a{
    font-size:14px!important;
}




.mf-public-profile-v6 .mf-public-winner-v6 strong{
    font-size:15px!important;
}
.mf-public-profile-v6 .mf-public-winner-v6 span{
    font-size:13px!important;
}

.mf-public-profile-v6 .mf-profile-community-post strong,
.mf-public-profile-v6 .mf-public-wall-card strong,
.mf-public-profile-v6 .mf-public-playlist-v6>b{
    font-size:15px!important;
}
.mf-public-profile-v6 .mf-profile-community-post p,
.mf-public-profile-v6 .mf-public-wall-card p{
    font-size:14px!important;
    line-height:1.65!important;
}
.mf-public-profile-v6 .mf-profile-community-post small,
.mf-public-profile-v6 .mf-profile-community-post>em,
.mf-public-profile-v6 .mf-public-wall-card small,
.mf-public-profile-v6 .mf-public-wall-open,
.mf-public-profile-v6 .mf-public-playlist-v6>small{
    font-size:12px!important;
}
.mf-public-profile-v6 .mf-public-dedication-mini strong,
.mf-public-profile-v6 .mf-public-liked-song-v6 strong,
.mf-public-profile-v6 .mf-public-activity-v6 strong{
    font-size:14px!important;
}
.mf-public-profile-v6 .mf-public-dedication-mini small,
.mf-public-profile-v6 .mf-public-liked-song-v6 small,
.mf-public-profile-v6 .mf-public-activity-v6 small{
    font-size:12px!important;
}




.mf-public-profile-v6 .mf-public-badges-v6 small,
.mf-public-profile-v6 .mf-public-badges-v6 article>em{
    font-size:11px!important;
}

.mf-public-profile-v6 .mf-profile-edit-ready,
.mf-public-profile-v6 .mf-profile-savebar-state{
    font-size:11px!important;
}
.mf-public-profile-v6 .mf-profile-savebar-info strong{
    font-size:14px!important;
}
.mf-public-profile-v6 .mf-profile-savebar-info small{
    font-size:11px!important;
}
.mf-public-profile-v6 .mf-profile-inline-actions button,
.mf-public-profile-v6 .mf-profile-savebar-actions button{
    font-size:13px!important;
}

@media(max-width:680px){
    
    
    .mf-public-profile-v6 .mf-public-line-v6 span,
    .mf-public-profile-v6 .mf-public-chip-v6{
        font-size:12px!important;
    }
    .mf-public-profile-v6 .mf-public-actions-v6>a,
    .mf-public-profile-v6 .mf-public-actions-v6>button{
        font-size:13px!important;
    }
    
    
    .mf-public-profile-v6 .mf-public-tabs-clean a,
    .mf-public-profile-v6 .mf-public-tabs-clean-v6 a{
        font-size:13px!important;
    }
    
    .mf-public-profile-v6 .mf-profile-card-edit,
    .mf-public-profile-v6 button.mf-profile-card-edit,
    .mf-public-profile-v6 a.mf-profile-card-edit{
        font-size:13px!important;
    }
}

/* =========================================================
   MUSIC FM — PROFILE PREMIUM LAYOUT / FINAL COHERENCE PASS
   2026-08-25
   Targets the CURRENT profile.php markup only.
   Purpose: one visual hierarchy, less nested-box clutter,
   larger readable typography, stronger desktop/mobile rhythm.
========================================================= */

.mf-public-profile-v6{
    --mf-blue:#147cff;
    --mf-cyan:#59c7ff;
    --mf-navy:#071526;
    --mf-navy-2:#0d2039;
    --mf-ink:#12243d;
    --mf-muted:#687a91;
    --mf-line:#dfe8f3;
    --mf-soft:#f6f9fd;
    width:min(1380px,calc(100% - 40px))!important;
    padding:26px 0 112px!important;
    color:var(--mf-ink)!important;
}

/* ---------- HERO: current markup (.mf-public-hero-content-v6) ---------- */
.mf-public-profile-v6 .mf-public-hero-v6{
    min-height:360px!important;
    margin:0!important;
    overflow:hidden!important;
    border:1px solid rgba(89,199,255,.18)!important;
    border-radius:3px!important;
    background:
        radial-gradient(circle at 13% 13%,rgba(89,199,255,.19),transparent 31%),
        radial-gradient(circle at 82% 8%,rgba(20,124,255,.15),transparent 28%),
        linear-gradient(135deg,#06111f 0%,#0a1d35 54%,#102845 100%)!important;
    box-shadow:0 22px 54px rgba(7,21,38,.16)!important;
}
.mf-public-profile-v6 .mf-public-hero-v6::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:
        linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px)!important;
    background-size:46px 46px!important;
    opacity:.7!important;
}
.mf-public-profile-v6 .mf-public-cover-v6,
.mf-public-profile-v6 .mf-public-auto-cover-v6{
    border-radius:3px!important;
}
.mf-public-profile-v6 .mf-public-cover-v6{
    opacity:.38!important;
    filter:saturate(.88) contrast(1.03)!important;
}
.mf-public-profile-v6 .mf-public-cover-v6::after{
    background:linear-gradient(90deg,rgba(3,13,26,.90) 0%,rgba(5,23,43,.72) 47%,rgba(8,38,68,.58) 100%)!important;
}
.mf-public-profile-v6 .mf-public-auto-cover-v6::after{
    background:linear-gradient(90deg,rgba(3,13,26,.20),rgba(20,124,255,.04),rgba(89,199,255,.08))!important;
}
.mf-public-profile-v6 .mf-public-hero-content-v6{
    min-height:360px!important;
    grid-template-columns:150px minmax(0,1fr) 218px!important;
    gap:30px!important;
    padding:42px 46px 68px!important;
    align-items:center!important;
}
.mf-public-profile-v6 .mf-public-avatar-ring-v6,
.mf-public-profile-v6 button.mf-public-avatar-ring-v6{
    width:136px!important;
    height:136px!important;
    min-width:136px!important;
    min-height:136px!important;
    max-width:136px!important;
    max-height:136px!important;
    padding:3px!important;
    border:1px solid rgba(255,255,255,.92)!important;
    box-shadow:0 0 0 5px rgba(255,255,255,.08),0 18px 40px rgba(0,0,0,.27)!important;
}
.mf-public-profile-v6 .mf-public-identity-v6 h1{
    margin:10px 0 6px!important;
    font-size:44px!important;
    line-height:1.06!important;
    letter-spacing:-1.2px!important;
    color:#fff!important;
    text-shadow:none!important;
}
.mf-public-profile-v6 .mf-public-label-v6{
    min-height:29px!important;
    padding:0 10px!important;
    border:1px solid rgba(89,199,255,.34)!important;
    border-radius:3px!important;
    background:rgba(20,124,255,.18)!important;
    color:#9cddff!important;
    font-size:11px!important;
    letter-spacing:.8px!important;
}
.mf-public-profile-v6 .mf-public-welcome-v7{
    margin:11px 0 0!important;
    color:#c0d2e6!important;
    font-size:14px!important;
    font-weight:700!important;
}
.mf-public-profile-v6 .mf-public-line-v6{
    gap:7px!important;
    margin-top:10px!important;
}
.mf-public-profile-v6 .mf-public-line-v6 span{
    min-height:30px!important;
    padding:0 10px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:3px!important;
    background:rgba(255,255,255,.055)!important;
    color:#d8e5f2!important;
    font-size:13px!important;
}
.mf-public-profile-v6 .mf-public-status-v6{
    max-width:760px!important;
    margin:15px 0 0!important;
    color:#c9d8e8!important;
    font-size:15px!important;
    line-height:1.75!important;
}
.mf-public-profile-v6 .mf-public-actions-v6{
    gap:8px!important;
    margin-top:19px!important;
}
.mf-public-profile-v6 .mf-public-actions-v6>a,
.mf-public-profile-v6 .mf-public-actions-v6>button{
    min-height:43px!important;
    padding:0 15px!important;
    border-radius:3px!important;
    font-size:13px!important;
}
.mf-public-profile-v6 .mf-public-xp-v6{
    align-self:center!important;
    min-height:156px!important;
    padding:20px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:3px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.038))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.mf-public-profile-v6 .mf-public-xp-v6>span{
    color:#7ed1ff!important;
    font-size:12px!important;
}
.mf-public-profile-v6 .mf-public-xp-v6>strong{
    margin-top:7px!important;
    font-size:35px!important;
}
.mf-public-profile-v6 .mf-public-xp-v6>small{
    margin-top:7px!important;
    color:#aec1d5!important;
    font-size:13px!important;
}

/* ---------- STATS ---------- */
.mf-public-profile-v6 .mf-public-stats-v6{
    z-index:8!important;
    width:calc(100% - 48px)!important;
    margin:-40px auto 18px!important;
    border:1px solid #dce7f3!important;
    border-radius:3px!important;
    background:#fff!important;
    box-shadow:0 16px 38px rgba(20,49,84,.10)!important;
    backdrop-filter:none!important;
}
.mf-public-profile-v6 .mf-public-stats-v6 a{
    min-height:82px!important;
    gap:5px!important;
    border-left:1px solid #edf2f7!important;
}
.mf-public-profile-v6 .mf-public-stats-v6 a:hover{
    background:#f7fbff!important;
}
.mf-public-profile-v6 .mf-public-stats-v6 strong{
    color:#12243d!important;
    font-size:25px!important;
}
.mf-public-profile-v6 .mf-public-stats-v6 span,
.mf-public-profile-v6 .mf-public-stats-v6 small{
    margin-top:0!important;
    color:#73849a!important;
    font-size:12px!important;
}

/* ---------- PROFILE NAV ---------- */
.mf-public-profile-v6 .mf-public-tabs-clean{
    position:relative!important;
    top:auto!important;
    z-index:10!important;
    min-height:56px!important;
    gap:5px!important;
    margin:0 0 18px!important;
    padding:7px!important;
    border:1px solid #dfe8f3!important;
    border-radius:3px!important;
    background:#fff!important;
    box-shadow:0 7px 20px rgba(20,49,84,.035)!important;
}
.mf-public-profile-v6 .mf-public-tabs-clean a{
    min-height:40px!important;
    gap:8px!important;
    padding:0 14px!important;
    border:1px solid transparent!important;
    border-radius:2px!important;
    color:#5c6e84!important;
    font-size:14px!important;
}
.mf-public-profile-v6 .mf-public-tabs-clean a:hover{
    border-color:#d6e8ff!important;
    background:#f2f8ff!important;
    color:#147cff!important;
}

/* ---------- FEATURE ROW ---------- */
.mf-public-profile-v6 .mf-public-showcase-row{
    gap:12px!important;
    margin-bottom:18px!important;
}
.mf-public-profile-v6 .mf-public-showcase-card,
.mf-public-profile-v6 .mf-public-now-playing-card{
    min-height:112px!important;
    padding:16px 17px!important;
    border:1px solid #dce7f3!important;
    border-radius:3px!important;
    background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
    box-shadow:0 8px 22px rgba(20,49,84,.045)!important;
}
.mf-public-profile-v6 .mf-public-showcase-card>b{
    width:56px!important;
    height:56px!important;
    flex-basis:56px!important;
    border-radius:2px!important;
    background:linear-gradient(135deg,#eaf4ff,#f5fbff)!important;
    color:#147cff!important;
}
.mf-public-profile-v6 .mf-public-now-playing-card img{
    width:76px!important;
    height:76px!important;
    flex-basis:76px!important;
    border-radius:2px!important;
    box-shadow:0 7px 18px rgba(20,49,84,.10)!important;
}
.mf-public-profile-v6 .mf-public-showcase-card small,
.mf-public-profile-v6 .mf-public-now-playing-card small{
    font-size:12px!important;
}
.mf-public-profile-v6 .mf-public-showcase-card strong,
.mf-public-profile-v6 .mf-public-now-playing-card strong{
    color:#142842!important;
    font-size:17px!important;
}
.mf-public-profile-v6 .mf-public-showcase-card em,
.mf-public-profile-v6 .mf-public-now-playing-card em{
    color:#73849a!important;
    font-size:13px!important;
}
.mf-public-profile-v6 .mf-public-play-mini{
    width:42px!important;
    height:42px!important;
    border-radius:3px!important;
    box-shadow:0 9px 18px rgba(20,124,255,.18)!important;
}

/* ---------- MAIN GRID ---------- */
.mf-public-profile-v6 .mf-public-layout-v6{
    grid-template-columns:minmax(0,1fr) 350px!important;
    gap:20px!important;
}
.mf-public-profile-v6 .mf-public-side-v6{
    top:88px!important;
}

/* One card system: full-width header + deliberately padded content. */
.mf-public-profile-v6 .mf-public-card-v6{
    margin:0 0 18px!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #dfe8f3!important;
    border-radius:3px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(20,49,84,.04)!important;
}
.mf-public-profile-v6 .mf-public-card-head-v6{
    min-height:62px!important;
    margin:0!important;
    padding:15px 20px!important;
    border-bottom:1px solid #edf2f7!important;
    background:linear-gradient(180deg,#fff,#fcfdff)!important;
}
.mf-public-profile-v6 .mf-public-card-head-v6::before{
    content:"";
    width:3px;
    height:22px;
    flex:0 0 3px;
    margin-left:9px;
    border-radius:1px;
    background:linear-gradient(180deg,#147cff,#59c7ff);
}
.mf-public-profile-v6 .mf-public-card-head-v6 h2{
    margin-left:auto!important;
    color:#142842!important;
    font-size:20px!important;
    letter-spacing:-.25px!important;
}
.mf-public-profile-v6 .mf-public-card-head-v6>a,
.mf-public-profile-v6 .mf-profile-card-edit{
    font-size:13px!important;
}
.mf-public-profile-v6 .mf-profile-card-edit{
    min-height:35px!important;
    border-radius:2px!important;
}

/* standard card body spacing */
.mf-public-profile-v6 .mf-public-card-v6>.mf-public-bio-v6,
.mf-public-profile-v6 .mf-public-card-v6>.mf-public-empty-text-v6,
.mf-public-profile-v6 .mf-public-card-v6>.mf-profile-inline-about,
.mf-public-profile-v6 .mf-public-card-v6>.mf-profile-inline-links{
    margin:20px!important;
}
.mf-public-profile-v6 .mf-profile-community-posts,
.mf-public-profile-v6 .mf-public-wall-dedications,
.mf-public-profile-v6 .mf-public-playlists-v6,
.mf-public-profile-v6 .mf-public-dedications-mini,
.mf-public-profile-v6 .mf-public-liked-v6,
.mf-public-profile-v6 .mf-public-activity-v6,
.mf-public-profile-v6 .mf-public-info-list-v6,
.mf-public-profile-v6 .mf-public-socials-v6{
    padding:18px 20px 20px!important;
}
.mf-public-profile-v6 .mf-public-bio-v6{
    color:#53677f!important;
    font-size:15px!important;
    line-height:1.9!important;
}
.mf-public-profile-v6 .mf-public-empty-text-v6{
    padding:18px!important;
    border:1px dashed #d8e4f0!important;
    border-radius:2px!important;
    background:#f9fbfe!important;
    color:#7b8ca0!important;
    font-size:14px!important;
}

/* ---------- POSTS: less cards-inside-cards ---------- */
.mf-public-profile-v6 .mf-profile-community-posts{
    gap:0!important;
}
.mf-public-profile-v6 .mf-profile-community-post{
    min-height:86px!important;
    padding:15px 2px!important;
    border:0!important;
    border-bottom:1px solid #edf2f7!important;
    border-radius:0!important;
    background:transparent!important;
}
.mf-public-profile-v6 .mf-profile-community-post:last-child{
    border-bottom:0!important;
}
.mf-public-profile-v6 .mf-profile-community-post:hover{
    transform:none!important;
    background:#f8fbff!important;
}
.mf-public-profile-v6 .mf-profile-community-post strong{
    color:#162b45!important;
    font-size:16px!important;
}
.mf-public-profile-v6 .mf-profile-community-post p{
    color:#5f7289!important;
    font-size:14px!important;
    line-height:1.7!important;
}
.mf-public-profile-v6 .mf-profile-community-post small,
.mf-public-profile-v6 .mf-profile-community-post>em{
    font-size:12px!important;
}

/* ---------- WALL ---------- */
.mf-public-profile-v6 .mf-public-wall-dedications{
    gap:0!important;
}
.mf-public-profile-v6 .mf-public-wall-card{
    padding:14px 2px!important;
    border:0!important;
    border-bottom:1px solid #edf2f7!important;
    border-radius:0!important;
    background:transparent!important;
}
.mf-public-profile-v6 .mf-public-wall-card:last-child{border-bottom:0!important;}
.mf-public-profile-v6 .mf-public-wall-avatar{
    width:46px!important;
    height:46px!important;
}
.mf-public-profile-v6 .mf-public-wall-card strong{
    color:#162b45!important;
    font-size:14px!important;
}
.mf-public-profile-v6 .mf-public-wall-card p{
    color:#5f7289!important;
    font-size:14px!important;
    line-height:1.65!important;
}
.mf-public-profile-v6 .mf-public-wall-card small,
.mf-public-profile-v6 .mf-public-wall-open{
    font-size:12px!important;
}

/* ---------- PLAYLISTS ---------- */
.mf-public-profile-v6 .mf-public-playlists-v6{
    gap:12px!important;
}
.mf-public-profile-v6 .mf-public-playlist-v6{
    min-height:92px!important;
    grid-template-columns:66px minmax(0,1fr)!important;
    column-gap:14px!important;
    padding:12px!important;
    border:1px solid #e0e9f3!important;
    border-radius:2px!important;
    background:#fbfdff!important;
}
.mf-public-profile-v6 .mf-public-playlist-v6>span{
    width:66px!important;
    height:66px!important;
    border-radius:2px!important;
}
.mf-public-profile-v6 .mf-public-playlist-v6>b{
    color:#162b45!important;
    font-size:15px!important;
}
.mf-public-profile-v6 .mf-public-playlist-v6>small{
    font-size:12px!important;
}

/* ---------- DEDICATIONS ---------- */
.mf-public-profile-v6 .mf-public-dedications-mini{
    gap:0!important;
}
.mf-public-profile-v6 .mf-public-dedication-mini{
    min-height:70px!important;
    padding:13px 2px!important;
    border:0!important;
    border-bottom:1px solid #edf2f7!important;
    border-radius:0!important;
    background:transparent!important;
}
.mf-public-profile-v6 .mf-public-dedication-mini:last-child{border-bottom:0!important;}
.mf-public-profile-v6 .mf-public-dedication-mini>b{
    border-radius:2px!important;
}
.mf-public-profile-v6 .mf-public-dedication-mini strong{font-size:14px!important;}
.mf-public-profile-v6 .mf-public-dedication-mini small{font-size:13px!important;}
.mf-public-profile-v6 .mf-public-dedication-mini em,
.mf-public-profile-v6 .mf-public-dedication-mini time{font-size:11px!important;}

/* ---------- LIKED SONGS: stronger music-first cards ---------- */
.mf-public-profile-v6 .mf-public-liked-v6{
    gap:12px!important;
}
.mf-public-profile-v6 .mf-public-liked-song-v6{
    min-height:88px!important;
    grid-template-columns:66px minmax(0,1fr) 30px!important;
    gap:13px!important;
    padding:10px!important;
    border:1px solid #e0e9f3!important;
    border-radius:2px!important;
    background:linear-gradient(180deg,#fff,#fbfdff)!important;
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
@media(hover:hover) and (pointer:fine){
    .mf-public-profile-v6 .mf-public-liked-song-v6:hover{
        transform:translateY(-1px)!important;
        border-color:#c9ddf5!important;
        box-shadow:0 8px 20px rgba(20,49,84,.06)!important;
    }
}
.mf-public-profile-v6 .mf-public-liked-song-v6 img{
    width:66px!important;
    height:66px!important;
    border-radius:2px!important;
    box-shadow:0 5px 14px rgba(20,49,84,.10)!important;
}
.mf-public-profile-v6 .mf-public-liked-song-v6 strong{
    color:#162b45!important;
    font-size:15px!important;
}
.mf-public-profile-v6 .mf-public-liked-song-v6 small{
    margin-top:4px!important;
    color:#75869a!important;
    font-size:12px!important;
}
.mf-public-profile-v6 .mf-public-liked-song-v6>b{
    width:30px!important;
    height:30px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:2px!important;
    background:#fff2f5!important;
    color:#e84770!important;
}

/* ---------- ACTIVITY ---------- */
.mf-public-profile-v6 .mf-public-activity-v6{
    gap:0!important;
}
.mf-public-profile-v6 .mf-public-activity-v6 article{
    min-height:68px!important;
    padding:12px 2px!important;
    border:0!important;
    border-bottom:1px solid #edf2f7!important;
    border-radius:0!important;
    background:transparent!important;
}
.mf-public-profile-v6 .mf-public-activity-v6 article:last-child{border-bottom:0!important;}
.mf-public-profile-v6 .mf-public-activity-v6 article>b{
    width:42px!important;
    height:42px!important;
    border-radius:2px!important;
}
.mf-public-profile-v6 .mf-public-activity-v6 strong{
    color:#20334c!important;
    font-size:14px!important;
}
.mf-public-profile-v6 .mf-public-activity-v6 small{
    margin-top:3px!important;
    font-size:12px!important;
}

/* ---------- SIDEBAR ---------- */
.mf-public-profile-v6 #badges>.mf-public-rank-card-v6{
    margin:18px 18px 0!important;
}
.mf-public-profile-v6 #badges>.mf-public-badges-v6{
    margin:0!important;
    padding:12px 18px 18px!important;
}
.mf-public-profile-v6 .mf-public-rank-card-v6{
    padding:19px!important;
    border-radius:2px!important;
    background:
        radial-gradient(circle at 85% 0%,rgba(89,199,255,.14),transparent 34%),
        linear-gradient(135deg,#07172a,#102c4b)!important;
}
.mf-public-profile-v6 .mf-public-rank-card-v6>strong{
    font-size:19px!important;
}
.mf-public-profile-v6 .mf-public-rank-card-v6>small{
    font-size:13px!important;
}
.mf-public-profile-v6 .mf-public-badges-v6 article{
    min-height:62px!important;
    padding:10px!important;
    border-radius:2px!important;
}
.mf-public-profile-v6 .mf-public-badges-v6 strong{font-size:13px!important;}
.mf-public-profile-v6 .mf-public-badges-v6 small{font-size:11px!important;}
.mf-public-profile-v6 .mf-public-info-list-v6,
.mf-public-profile-v6 .mf-public-socials-v6{
    gap:8px!important;
}
.mf-public-profile-v6 .mf-public-info-list-v6 div,
.mf-public-profile-v6 .mf-public-socials-v6 a{
    min-height:48px!important;
    padding:0 12px!important;
    border-radius:2px!important;
    background:#fbfdff!important;
    color:#54687f!important;
    font-size:14px!important;
}

/* ---------- TABLET ---------- */
@media(max-width:1080px){
    .mf-public-profile-v6{
        width:min(960px,calc(100% - 26px))!important;
    }
    .mf-public-profile-v6 .mf-public-hero-content-v6{
        grid-template-columns:132px minmax(0,1fr)!important;
        gap:24px!important;
        padding:34px 34px 64px!important;
    }
    .mf-public-profile-v6 .mf-public-avatar-ring-v6,
    .mf-public-profile-v6 button.mf-public-avatar-ring-v6{
        width:120px!important;
        height:120px!important;
        min-width:120px!important;
        min-height:120px!important;
        max-width:120px!important;
        max-height:120px!important;
    }
    .mf-public-profile-v6 .mf-public-xp-v6{
        grid-column:1/-1!important;
        min-height:0!important;
        display:grid!important;
        grid-template-columns:auto auto 1fr!important;
        align-items:center!important;
        gap:10px!important;
        padding:14px 16px!important;
    }
    .mf-public-profile-v6 .mf-public-xp-bar-v6{
        grid-column:1/-1!important;
        margin-top:2px!important;
    }
    .mf-public-profile-v6 .mf-public-layout-v6{
        grid-template-columns:1fr!important;
    }
    .mf-public-profile-v6 .mf-public-side-v6{
        position:static!important;
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:18px!important;
    }
    .mf-public-profile-v6 .mf-public-side-v6 .mf-public-card-v6{
        margin-bottom:0!important;
    }
}

/* ---------- MOBILE ---------- */
@media(max-width:680px){
    .mf-public-profile-v6{
        width:100%!important;
        padding:8px 9px 104px!important;
        background:#f6f9fd!important;
    }
    .mf-public-profile-v6 .mf-public-hero-v6{
        min-height:0!important;
        border-radius:3px!important;
        box-shadow:0 13px 32px rgba(7,21,38,.14)!important;
    }
    .mf-public-profile-v6 .mf-public-cover-v6::after,
    .mf-public-profile-v6 .mf-public-auto-cover-v6::after{
        background:linear-gradient(180deg,rgba(3,13,26,.45) 0%,rgba(3,13,26,.76) 48%,rgba(3,13,26,.96) 100%)!important;
    }
    .mf-public-profile-v6 .mf-public-hero-content-v6{
        min-height:0!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        gap:12px!important;
        padding:25px 15px 58px!important;
        text-align:center!important;
    }
    .mf-public-profile-v6 .mf-public-avatar-ring-v6,
    .mf-public-profile-v6 button.mf-public-avatar-ring-v6{
        width:96px!important;
        height:96px!important;
        min-width:96px!important;
        min-height:96px!important;
        max-width:96px!important;
        max-height:96px!important;
    }
    .mf-public-profile-v6 .mf-public-identity-v6{
        width:100%!important;
        align-items:center!important;
    }
    .mf-public-profile-v6 .mf-public-identity-v6 h1{
        justify-content:center!important;
        margin-top:8px!important;
        font-size:31px!important;
        letter-spacing:-.7px!important;
    }
    .mf-public-profile-v6 .mf-public-label-v6{
        min-height:27px!important;
        font-size:10px!important;
    }
    .mf-public-profile-v6 .mf-public-welcome-v7,
    .mf-public-profile-v6 .mf-public-status-v6{
        font-size:14px!important;
    }
    .mf-public-profile-v6 .mf-public-line-v6{
        justify-content:center!important;
        gap:5px!important;
    }
    .mf-public-profile-v6 .mf-public-line-v6 span{
        min-height:28px!important;
        padding:0 8px!important;
        font-size:12px!important;
    }
    .mf-public-profile-v6 .mf-public-actions-v6{
        width:100%!important;
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:7px!important;
        margin-top:16px!important;
    }
    .mf-public-profile-v6 .mf-public-actions-v6>*{
        width:100%!important;
        min-height:42px!important;
        padding:0 8px!important;
        font-size:12px!important;
    }
    .mf-public-profile-v6 .mf-public-xp-v6{
        width:100%!important;
        min-height:0!important;
        display:grid!important;
        grid-template-columns:auto 1fr auto!important;
        gap:8px!important;
        padding:12px!important;
        text-align:right!important;
    }
    .mf-public-profile-v6 .mf-public-xp-v6>strong{font-size:24px!important;}
    .mf-public-profile-v6 .mf-public-xp-v6>small{font-size:11px!important;}
    .mf-public-profile-v6 .mf-public-stats-v6{
        width:calc(100% - 14px)!important;
        margin:-36px auto 12px!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
    .mf-public-profile-v6 .mf-public-stats-v6 a{
        min-height:68px!important;
        padding:0 3px!important;
    }
    .mf-public-profile-v6 .mf-public-stats-v6 strong{font-size:21px!important;}
    .mf-public-profile-v6 .mf-public-stats-v6 span,
    .mf-public-profile-v6 .mf-public-stats-v6 small{font-size:10px!important;}
    .mf-public-profile-v6 .mf-public-tabs-clean{
        min-height:50px!important;
        margin:0 0 12px!important;
        padding:5px!important;
        overflow-x:auto!important;
        box-shadow:0 6px 16px rgba(20,49,84,.04)!important;
    }
    .mf-public-profile-v6 .mf-public-tabs-clean a{
        min-height:38px!important;
        padding:0 11px!important;
        font-size:12px!important;
        white-space:nowrap!important;
    }
    .mf-public-profile-v6 .mf-public-showcase-row{
        grid-template-columns:1fr!important;
        gap:9px!important;
        margin-bottom:12px!important;
    }
    .mf-public-profile-v6 .mf-public-showcase-card,
    .mf-public-profile-v6 .mf-public-now-playing-card{
        min-height:94px!important;
        padding:12px!important;
    }
    .mf-public-profile-v6 .mf-public-now-playing-card img{
        width:64px!important;
        height:64px!important;
        flex-basis:64px!important;
    }
    .mf-public-profile-v6 .mf-public-layout-v6{gap:12px!important;}
    .mf-public-profile-v6 .mf-public-card-v6{
        margin-bottom:12px!important;
        border-radius:3px!important;
        box-shadow:none!important;
    }
    .mf-public-profile-v6 .mf-public-card-head-v6{
        min-height:56px!important;
        padding:13px 15px!important;
    }
    .mf-public-profile-v6 .mf-public-card-head-v6::before{
        height:19px!important;
        margin-left:7px!important;
    }
    .mf-public-profile-v6 .mf-public-card-head-v6 h2{font-size:18px!important;}
    .mf-public-profile-v6 .mf-public-card-v6>.mf-public-bio-v6,
    .mf-public-profile-v6 .mf-public-card-v6>.mf-public-empty-text-v6,
    .mf-public-profile-v6 .mf-public-card-v6>.mf-profile-inline-about,
    .mf-public-profile-v6 .mf-public-card-v6>.mf-profile-inline-links{
        margin:15px!important;
    }
    .mf-public-profile-v6 .mf-profile-community-posts,
    .mf-public-profile-v6 .mf-public-wall-dedications,
    .mf-public-profile-v6 .mf-public-playlists-v6,
    .mf-public-profile-v6 .mf-public-dedications-mini,
    .mf-public-profile-v6 .mf-public-liked-v6,
    .mf-public-profile-v6 .mf-public-activity-v6,
    .mf-public-profile-v6 .mf-public-info-list-v6,
    .mf-public-profile-v6 .mf-public-socials-v6{
        padding:12px 15px 15px!important;
    }
    .mf-public-profile-v6 .mf-public-playlists-v6,
    .mf-public-profile-v6 .mf-public-liked-v6{
        grid-template-columns:1fr!important;
    }
    .mf-public-profile-v6 .mf-profile-community-post{
        display:block!important;
        min-height:0!important;
        padding:14px 0!important;
    }
    .mf-public-profile-v6 .mf-profile-community-post>em{
        display:block!important;
        margin-top:9px!important;
    }
    .mf-public-profile-v6 .mf-public-wall-card{
        grid-template-columns:42px minmax(0,1fr)!important;
        gap:10px!important;
        padding:13px 0!important;
    }
    .mf-public-profile-v6 .mf-public-wall-avatar{
        width:42px!important;
        height:42px!important;
    }
    .mf-public-profile-v6 .mf-public-wall-open{
        grid-column:2!important;
        justify-self:start!important;
    }
    .mf-public-profile-v6 .mf-public-liked-song-v6{
        min-height:86px!important;
        grid-template-columns:64px minmax(0,1fr) 30px!important;
        gap:11px!important;
        padding:10px!important;
    }
    .mf-public-profile-v6 .mf-public-liked-song-v6 img{
        width:64px!important;
        height:64px!important;
    }
    .mf-public-profile-v6 .mf-public-side-v6{
        display:block!important;
    }
    .mf-public-profile-v6 .mf-public-side-v6 .mf-public-card-v6{
        margin-bottom:12px!important;
    }
    .mf-public-profile-v6 #badges>.mf-public-rank-card-v6{
        margin:15px 15px 0!important;
    }
    .mf-public-profile-v6 #badges>.mf-public-badges-v6{
        padding:10px 15px 15px!important;
    }
}

@media(max-width:430px){
    .mf-public-profile-v6 .mf-public-stats-v6{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .mf-public-profile-v6 .mf-public-stats-v6 a{
        min-height:64px!important;
        border-bottom:1px solid #edf2f7!important;
    }
    .mf-public-profile-v6 .mf-public-stats-v6 a:nth-child(2n){border-left:0!important;}
    .mf-public-profile-v6 .mf-public-stats-v6 a:nth-last-child(-n/**/+2){border-bottom:0!important;}
    .mf-public-profile-v6 .mf-public-actions-v6{grid-template-columns:1fr!important;}
}


/* =========================================================
   MUSIC FM PROFILE — LIVE PRESENCE STATE
   online = green | offline = red | hidden = gray
========================================================= */
.mf-public-profile-v6 button.mf-public-avatar-ring-v6::after{
    transition:background-color .22s ease, box-shadow .22s ease, transform .22s ease!important;
}

.mf-public-profile-v6 button.mf-public-avatar-ring-v6.mf-presence-online::after{
    background:#34c759!important;
    box-shadow:0 2px 8px rgba(0,0,0,.20),0 0 0 2px rgba(52,199,89,.12)!important;
}

.mf-public-profile-v6 button.mf-public-avatar-ring-v6.mf-presence-offline::after{
    background:#ff3b30!important;
    box-shadow:0 2px 8px rgba(0,0,0,.20),0 0 0 2px rgba(255,59,48,.10)!important;
}

.mf-public-profile-v6 button.mf-public-avatar-ring-v6.mf-presence-hidden::after{
    background:#9aa5b1!important;
    box-shadow:0 2px 8px rgba(0,0,0,.18),0 0 0 2px rgba(154,165,177,.10)!important;
}

/* =========================================================
   MUSIC FM PROFILE — INITIALS AVATAR FALLBACK
   The fallback uses the EXACT SAME outer frame as a real
   profile photo. Only the inner circle changes to initials.
========================================================= */
.mf-public-profile-v6 button.mf-public-avatar-ring-v6{
    isolation:isolate!important;
}

.mf-public-profile-v6 .mf-public-avatar-initials-v6{
    position:absolute;
    inset:3px;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    overflow:hidden;
    background:var(--mf-avatar-bg,#e9f3ff);
    color:var(--mf-avatar-fg,#147cff);
    border:1px solid rgba(7,21,38,.08);
    font-family:"Heebo",Arial,sans-serif;
    font-size:42px;
    line-height:1;
    font-weight:900;
    letter-spacing:-1.5px;
    text-align:center;
    user-select:none;
}

.mf-public-profile-v6 button.mf-public-avatar-ring-v6>img{
    z-index:2!important;
}

.mf-public-profile-v6 button.mf-public-avatar-ring-v6.mf-avatar-has-photo .mf-public-avatar-initials-v6{
    visibility:hidden;
}

/* Keep the same white ring + halo + depth used by real photos. */
.mf-public-profile-v6 button.mf-public-avatar-ring-v6.mf-avatar-fallback{
    background:#fff!important;
    border:1px solid rgba(255,255,255,.92)!important;
    box-shadow:
        0 0 0 5px rgba(255,255,255,.08),
        0 0 18px rgba(89,199,255,.16),
        0 18px 40px rgba(0,0,0,.27)!important;
}

.mf-public-profile-v6 button.mf-public-avatar-ring-v6.mf-avatar-fallback:hover{
    box-shadow:
        0 0 0 5px rgba(255,255,255,.11),
        0 0 24px rgba(89,199,255,.22),
        0 20px 44px rgba(0,0,0,.29)!important;
}

.mf-public-profile-v6 button.mf-public-avatar-ring-v6 .mf-profile-avatar-edit-badge{
    z-index:8!important;
}

@media(max-width:780px){
    .mf-public-profile-v6 .mf-public-avatar-initials-v6{
        inset:2px;
        font-size:34px;
        letter-spacing:-1px;
    }
}

@media(max-width:520px){
    .mf-public-profile-v6 .mf-public-avatar-initials-v6{
        font-size:30px;
    }
}