/* Followers/following modal polish. Separate file avoids stale CDN profile.css cache. */
.followers-box, .following-box {
    overflow: hidden;border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 24px 80px rgba(0,0,0,0.55);
}
.followers-box a, .following-box a {color: var(--c-white);text-decoration: none;}
.fbox-top {letter-spacing: 0.03em;}
.f-list {
    width: calc(100% - 3vh);padding: 1.5vh;overflow: auto;display:flex;
    flex-direction: column;gap: 0.75vh;height: 62vh;
}
.follow-user-row {
    display:flex !important;align-items:center;gap: 1.1vh;padding: 0.85vh 1vh !important;
    background: rgba(255,255,255,0.035);border: 1px solid rgba(255,255,255,0.06);
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}
.follow-user-row:hover {
    background: rgba(76,131,226,0.16);border-color: rgba(76,131,226,0.45);
    transform: translateX(3px);
}
.follow-user-avatar {
    position:relative;width: 4.4vh;height: 4.4vh;min-width: 4.4vh;overflow:hidden;
    background: var(--c-bg);border: 2px solid rgba(255,255,255,0.08);
}
.follow-user-avatar img {
    width:100%;height:100%;display:block;object-fit:cover;image-rendering: pixelated;
}
.follow-user-copy {display:block;min-width:0;}
.follow-user-name-line {display:flex;align-items:center;gap:0.6vh;min-width:0;}
.follow-user-name {display:block;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.follow-user-sub {display:block;margin-top:0.35vh;color: rgba(255,255,255,0.62);font-size:0.82em;line-height:1;}
.follow-role-chip {
    display:inline-block;padding:0.22vh 0.55vh;font-size:0.58em;line-height:1;
    color:var(--c-white);border-radius:3px;letter-spacing:0.04em;white-space:nowrap;
}
.follow-avatar-badge {
    position:absolute;right:-2px;bottom:-2px;min-width:1.5vh;height:1.5vh;padding:0 0.18vh;
    display:flex;align-items:center;justify-content:center;font-size:0.55em;line-height:1;
    color:var(--c-white);border:1px solid rgba(0,0,0,0.45);box-sizing:border-box;
}
.follow-role-creator {background:#AF6AE9;}
.follow-role-plus {background:#ffe136;color:var(--c-dgray);}
.follow-role-moderator {background:#55a5ff;}
.follow-role-manager {background:#5ecf7b;}
.follow-role-developer {background:#ed8e3c;}
.follow-role-admin {background:#e34d4d;}
.follow-user-avatar-creator {border-color:#AF6AE9;}
.follow-user-avatar-plus {border-color:#ffe136;}
.follow-user-avatar-moderator {border-color:#55a5ff;}
.follow-user-avatar-manager {border-color:#5ecf7b;}
.follow-user-avatar-developer {border-color:#ed8e3c;}
.follow-user-avatar-admin {border-color:#e34d4d;}
.f-list-empty {padding: 1vh;color: var(--c-gray);}

/* Keep profile pack cards and the create-pack tile from collapsing before placeholder images load. */
.profile-feed .grid-banner-wrap {aspect-ratio:25 / 14;}
.profile-feed .grid-banner-wrap .aspect {display:block;width:100%;}

/* Profile page notification dropdown reset. Keeps the menu solid above profile content. */
.notif-drop .menu-drop {
    background-color:#2B2B2B !important;
    overflow:hidden;
    z-index:1200;
}
.notif-drop .menu-drop::before {background-color:#2B2B2B !important;}
.notif-drop .notification-in {
    background:transparent !important;
    align-items:center;
}
.notif-drop .notification-in:hover {background-color:rgba(0,0,0,0.5) !important;}
.notif-drop .guide-notif-promo {
    background:transparent !important;
    border-left:0 !important;
    box-sizing:border-box;
}
.notif-drop .guide-notif-promo:hover {background-color:rgba(0,0,0,0.5) !important;}