/*
 * GewoonChatten 0.56.00
 * CodyChat-herkenbare presentatie met de bestaande GewoonChatten-functies.
 * Deze laag wijzigt alleen indeling/presentatie; API en businesslogica blijven eigenaar van gedrag.
 */
body.gcCodyFamiliarV3{
  --gc55-top:56px;
  --gc55-rail:64px;
  --gc55-users:330px;
  --gc55-bg:#0a131e;
  --gc55-panel:#101b28;
  --gc55-panel2:#162333;
  --gc55-panel3:#1b2a3b;
  --gc55-line:#2b3e53;
  --gc55-line-soft:rgba(113,142,174,.18);
  --gc55-text:#eef4fb;
  --gc55-muted:#93a7bb;
  --gc55-accent:#e2b84e;
  --gc55-blue:#5a83bd;
  font-size:15px;
}

/* ===== Cody-shell ===== */
body.gcCodyFamiliarV3 .gcClassicTop{
  height:var(--gc55-top)!important;min-height:var(--gc55-top)!important;padding:0 9px!important;
  background:#172536!important;border-bottom:1px solid var(--gc55-line)!important;box-shadow:none!important;
}
body.gcCodyFamiliarV3 .gcClassicTop .gcLogoBrand img{max-height:36px!important}
body.gcCodyFamiliarV3 .gcClassicTop .gcTopIcon,
body.gcCodyFamiliarV3 .gcClassicTop .gcHamburger,
body.gcCodyFamiliarV3 .gcClassicTop .gcProfileTop{
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:7px!important;
  border:1px solid #2b4057!important;background:#1b2a3b!important;box-shadow:none!important;
}
body.gcCodyFamiliarV3 .gcClassicTop .gcTopRight{gap:6px!important}
body.gcCodyFamiliarV3 .gcClassicTop .gcTopText,
body.gcCodyFamiliarV3 .gcClassicTop .statusChip,
body.gcCodyFamiliarV3 .gcClassicTop .coinPill,
body.gcCodyFamiliarV3 .gcClassicTop .streakPill{min-height:34px!important;border-radius:7px!important;font-size:11px!important}
body.gcCodyFamiliarV3 .layout{
  height:calc(100dvh - var(--gc55-top))!important;grid-template-columns:var(--gc55-rail) minmax(0,1fr) var(--gc55-users)!important;background:var(--gc55-bg)!important;
}

/* ===== smalle Cody-linkerrail ===== */
body.gcCodyFamiliarV3 .quickbar{
  width:var(--gc55-rail)!important;min-width:var(--gc55-rail)!important;padding:7px 5px!important;gap:4px!important;
  background:#111d2a!important;border-right:1px solid var(--gc55-line)!important;overflow:visible!important;
}
body.gcCodyFamiliarV3 .quickbar button{
  width:52px!important;height:49px!important;min-height:49px!important;padding:0!important;margin:0 auto!important;
  display:grid!important;grid-template-rows:1fr!important;place-items:center!important;border-radius:7px!important;border:1px solid transparent!important;
}
body.gcCodyFamiliarV3 .quickbar button i{width:34px!important;height:34px!important;display:grid!important;place-items:center!important}
body.gcCodyFamiliarV3 .quickbar button i svg{width:24px!important;height:24px!important}
body.gcCodyFamiliarV3 .quickbar button>span{display:none!important}
body.gcCodyFamiliarV3 .quickbar button:hover,
body.gcCodyFamiliarV3 .quickbar button.active{background:#1d3044!important;border-color:#35506d!important;box-shadow:inset 3px 0 var(--gc55-accent)!important}
/* Cody houdt de hoofdbalk beperkt; Steun ons blijft bewust als eigen hart zichtbaar. */
body.gcCodyFamiliarV3 .quickbar [data-quick="friends"],
body.gcCodyFamiliarV3 .quickbar [data-quick="suggestion"],
body.gcCodyFamiliarV3 .quickbar [data-quick="apply"],
body.gcCodyFamiliarV3 .quickbar [data-quick="favorites"],
body.gcCodyFamiliarV3 .quickbar [data-quick="profile"],
body.gcCodyFamiliarV3 .quickbar [data-quick="badges"],
body.gcCodyFamiliarV3 .quickbar [data-quick="birthdays"]{display:none!important}
body.gcCodyFamiliarV3 .quickbar [data-quick="donate"]{display:grid!important}
body.gcCodyFamiliarV3 #gcCodyExtraLaunch{margin-top:auto!important;display:grid!important}
body.gcCodyFamiliarV3 #gcCodyExtraLaunch i{font-style:normal!important;color:#d7e3f1!important}
body.gcCodyFamiliarV3 #gcCodyExtraLaunch i svg{width:25px!important;height:25px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.gcCodyExtraMenu{position:fixed;inset:0;z-index:3600}.gcCodyExtraMenu.hidden{display:none}
.gcCodyExtraBackdrop{position:absolute;inset:0;background:rgba(2,8,15,.42)}
.gcCodyExtraCard{position:absolute;left:70px;bottom:12px;width:350px;max-height:min(590px,calc(100dvh - 90px));overflow:auto;border:1px solid #3b5068;border-radius:8px;background:#152231;box-shadow:0 20px 55px rgba(0,0,0,.5)}
.gcCodyExtraCard>header{min-height:54px;padding:8px 9px 8px 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30445a;background:#1a2939}
.gcCodyExtraCard>header b{display:block;font-size:14px}.gcCodyExtraCard>header small{display:block;color:#899eb4;font-size:10px;margin-top:2px}.gcCodyExtraCard>header button{width:34px;height:34px;border:0;border-radius:6px;background:#26394e;color:#fff;font-size:20px}
.gcCodyExtraGrid{padding:7px;display:grid;gap:2px}
.gcCodyExtraGrid>button{min-height:50px;display:flex;align-items:center;gap:11px;padding:7px 10px;border:1px solid transparent;border-radius:5px;background:transparent;color:#e9eff6;text-align:left}
.gcCodyExtraGrid>button:hover{background:#203349;border-color:#334e6b}.gcCodyExtraGrid svg,.gcCodyExtraGrid>button>i{width:29px;height:29px;flex:0 0 29px}.gcCodyExtraGrid>button>span{font-size:13px;font-weight:800}

/* ===== kamers als klassieke Cody-zijbox ===== */
body.gcCodyFamiliarV3 .rooms{
  left:var(--gc55-rail)!important;top:var(--gc55-top)!important;width:325px!important;max-width:calc(100vw - var(--gc55-rail) - 16px)!important;
  border-radius:0!important;border-right:1px solid var(--gc55-line)!important;background:#142130!important;box-shadow:10px 0 30px rgba(0,0,0,.34)!important;
}
body.gcCodyFamiliarV3 .rooms .roomAsideHead{min-height:60px!important;padding:9px 11px!important;background:#1a293a!important;border-bottom:1px solid #30445b!important}
body.gcCodyFamiliarV3 .rooms .roomAsideHead small,body.gcCodyFamiliarV3 .rooms .roomAsideHead p{display:none!important}
body.gcCodyFamiliarV3 .rooms .roomAsideHead h3{font-size:16px!important;margin:0!important}
body.gcCodyFamiliarV3 .rooms #rooms{height:calc(100% - 60px)!important;padding:7px!important}
body.gcCodyFamiliarV3 .rooms .roomShell{border-radius:6px!important;margin-bottom:4px!important;background:#111d2a!important;border-color:#293d53!important}
body.gcCodyFamiliarV3 .rooms .roomShell.active{background:#1b2c40!important;border-color:#48688c!important;box-shadow:inset 3px 0 var(--gc55-accent)!important}
body.gcCodyFamiliarV3 .rooms .roomShell .room.roomSelect{min-height:59px!important;padding:7px!important;grid-template-columns:39px minmax(0,1fr) auto!important;gap:8px!important}
body.gcCodyFamiliarV3 .rooms .roomIcon{width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;border-radius:7px!important}
body.gcCodyFamiliarV3 .rooms .roomCopy strong{font-size:13px!important}.gcCodyFamiliarV3 .rooms .roomCopy span{font-size:10px!important}.gcCodyFamiliarV3 .rooms .roomEyebrow{font-size:9px!important}

/* ===== hoofdchat ===== */
body.gcCodyFamiliarV3 .chat{background:#0b151f!important}
body.gcCodyFamiliarV3 .chathead{min-height:53px!important;height:53px!important;padding:7px 13px!important;background:#152334!important;border-bottom:1px solid var(--gc55-line)!important}
body.gcCodyFamiliarV3 .chathead h2{font-size:17px!important}.gcCodyFamiliarV3 .chathead p{font-size:10px!important;margin-top:2px!important}.gcCodyFamiliarV3 .chathead .connection{font-size:9px!important}
body.gcCodyFamiliarV3 .messages{padding:8px 11px 11px!important;background:#0a141e!important}
body.gcCodyFamiliarV3 .messages>.msg:not(.gcPresenceEvent):not(.gcCommunityEvent){
  margin:0!important;padding:8px 6px!important;border:0!important;border-bottom:1px solid rgba(75,98,123,.09)!important;border-radius:0!important;background:transparent!important;grid-template-columns:41px minmax(0,1fr)!important;gap:9px!important;
}
body.gcCodyFamiliarV3 .messages>.msg:not(.gcPresenceEvent):not(.gcCommunityEvent):hover{background:rgba(61,88,119,.08)!important}
body.gcCodyFamiliarV3 .messages .messageAvatar,body.gcCodyFamiliarV3 .messages .messageAvatar img{width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;border-radius:50%!important}
body.gcCodyFamiliarV3 .messages .meta{gap:6px!important}.gcCodyFamiliarV3 .messages .meta .name{font-size:13px!important}.gcCodyFamiliarV3 .messages .meta .time{margin-left:auto!important;font-size:9px!important;opacity:.72}
body.gcCodyFamiliarV3 .messages .body{font-size:15px!important;line-height:1.43!important}
body.gcCodyFamiliarV3 .messages .msgActions{opacity:0!important}.gcCodyFamiliarV3 .messages .msg:hover .msgActions,.gcCodyFamiliarV3 .messages .msg:focus-within .msgActions{opacity:1!important}
body.gcCodyFamiliarV3 .gcPresenceEvent,body.gcCodyFamiliarV3 .gcCommunityEvent{margin:4px 5px!important;padding:5px 8px!important;min-height:30px!important;border-radius:6px!important;font-size:11px!important}

/* invoer zoals Cody, GC-functies blijven aanwezig */
body.gcCodyFamiliarV3 .composer{min-height:56px!important;padding:6px 7px!important;gap:6px!important;background:#111d2a!important;border-top:1px solid var(--gc55-line)!important}
body.gcCodyFamiliarV3 .composerPlus,body.gcCodyFamiliarV3 #emoji,body.gcCodyFamiliarV3 .composerVoice{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:7px!important}
body.gcCodyFamiliarV3 .composerSend{width:46px!important;height:40px!important;min-width:46px!important;min-height:40px!important;border-radius:7px!important}
body.gcCodyFamiliarV3 .composer textarea{min-height:40px!important;max-height:116px!important;padding:9px 11px!important;border-radius:7px!important;background:#0c1722!important;border:1px solid #30445a!important;font-size:15px!important}

/* ===== rechter userlist ===== */
body.gcCodyFamiliarV3 .gcRightPanel{width:var(--gc55-users)!important;min-width:var(--gc55-users)!important;background:#111d2a!important;border-left:1px solid var(--gc55-line)!important}
body.gcCodyFamiliarV3 .gcRightTabs{min-height:47px!important;padding:5px!important;gap:3px!important;background:#172536!important;border-bottom:1px solid #2f4359!important}
body.gcCodyFamiliarV3 .gcRightTabs button{height:37px!important;min-height:37px!important;border-radius:6px!important}.gcCodyFamiliarV3 .gcRightTabs button.active{background:#24384e!important;box-shadow:inset 0 -2px var(--gc55-accent)!important}
body.gcCodyFamiliarV3 .gcRightTabLabel{font-size:10px!important}.gcCodyFamiliarV3 .gcRightTitle{min-height:38px!important;padding:7px 10px!important;background:#101b28!important;border-bottom:1px solid #293c52!important}.gcCodyFamiliarV3 .gcRightTitle strong{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.04em!important}
body.gcCodyFamiliarV3 .gcUserScroll{padding:6px!important}
body.gcCodyFamiliarV3 .userCard{min-height:56px!important;padding:6px 7px!important;border-radius:7px!important}
body.gcCodyFamiliarV3 .userCard .uAvatar,body.gcCodyFamiliarV3 .userCard .uAvatar img{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
body.gcCodyFamiliarV3 .userCard .uName strong{font-size:12.5px!important}.gcCodyFamiliarV3 .userCard .uBody>small{font-size:10px!important;line-height:1.25!important}.gcCodyFamiliarV3 .userCard .uMood{font-size:9px!important}
body.gcCodyFamiliarV3 .userCard .uMeta{font-size:11px!important;gap:3px!important}
body.gcCodyFamiliarV3 .gcUserRankGroup{margin-bottom:6px!important}.gcCodyFamiliarV3 .gcUserRankHeader{min-height:30px!important;padding:5px 8px!important;border-radius:5px!important;font-size:10px!important}
body.gcCodyFamiliarV3 .gcCodyStatsToggle{display:block;width:calc(100% - 12px);height:32px;margin:6px;border:1px solid #2b4056;border-radius:6px;background:#172536;color:#98aac0;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
body.gcCodyFamiliarV3 .gcCodyStatsToggle.active{color:#fff;background:#22374d}.gcCodyFamiliarV3 #liveStats.gcCodyStatsCollapsed{display:none!important}
body.gcCodyFamiliarV3 #liveStats{margin:0 6px 6px!important;padding:6px!important;border-radius:6px!important;background:#0f1a27!important}

/* ===== chatter aanklikken ===== */
body.gcCodyFamiliarV3 .gcUserMenuOverlay{background:rgba(2,8,15,.48)!important;backdrop-filter:none!important}
body.gcCodyFamiliarV3 .gcUserMenu{width:min(420px,calc(100vw - 18px))!important;max-height:min(720px,calc(100dvh - 18px))!important;border-radius:8px!important;border:1px solid #3b5068!important;background:#142130!important;box-shadow:0 18px 50px rgba(0,0,0,.52)!important}
body.gcCodyFamiliarV3 .gcUserMenu>header{min-height:66px!important;padding:9px 45px 9px 11px!important;background:#1a293a!important;border-bottom:1px solid #30445b!important}
body.gcCodyFamiliarV3 .gcUserMenu>header .uAvatar,body.gcCodyFamiliarV3 .gcUserMenu>header .uAvatar img{width:47px!important;height:47px!important;border-radius:50%!important}.gcCodyFamiliarV3 .gcUserMenu>header b{font-size:16px!important}.gcCodyFamiliarV3 .gcUserMenu>header small{font-size:10px!important}
body.gcCodyFamiliarV3 .gcUserMenuTabs{padding:0 9px!important;background:#101b28!important;border-bottom:1px solid #2e4258!important}.gcCodyFamiliarV3 .gcUserMenuTabs button{min-height:43px!important;border-radius:0!important;background:none!important;font-size:11px!important}.gcCodyFamiliarV3 .gcUserMenuTabs button.active{color:#fff!important;box-shadow:inset 0 -2px var(--gc55-accent)!important}
body.gcCodyFamiliarV3 .gcUserMenuBody{padding:8px!important}.gcCodyFamiliarV3 .gcUserMenuSectionLabel{margin:7px 4px 5px!important;font-size:9.5px!important;letter-spacing:.08em!important;color:#91a5bb!important}
body.gcCodyFamiliarV3 .gcUserMenuGrid,body.gcCodyFamiliarV3 .gcUserMenuModeration{gap:5px!important}
body.gcCodyFamiliarV3 .gcUserMenuGrid>button,body.gcCodyFamiliarV3 .gcUserMenuModeration button{min-height:50px!important;padding:7px 9px!important;border:1px solid #2d435b!important;border-radius:7px!important;background:#101d2a!important;text-align:left!important;grid-template-columns:34px minmax(0,1fr)!important}
body.gcCodyFamiliarV3 .gcUserMenuGrid>button:hover,body.gcCodyFamiliarV3 .gcUserMenuModeration button:hover{background:#203349!important;border-color:#446384!important}.gcCodyFamiliarV3 .gcUserMenuGrid b,.gcCodyFamiliarV3 .gcUserMenuModeration b{font-size:12px!important}.gcCodyFamiliarV3 .gcUserMenuGrid small,.gcCodyFamiliarV3 .gcUserMenuModeration small{font-size:9.5px!important;line-height:1.25!important}
body.gcCodyFamiliarV3 .gcUserMenuModerationPair{gap:5px!important}.gcCodyFamiliarV3 .gcUserMenuClose{top:9px!important;right:9px!important;width:34px!important;height:34px!important;border-radius:6px!important}

/* ===== publiek profiel: Cody-verhoudingen ===== */
body.gcCodyFamiliarV3 .profileModalCard{width:min(620px,calc(100vw - 20px))!important;padding:0!important;border-radius:10px!important;overflow:hidden!important;background:#142130!important}
body.gcCodyFamiliarV3 .profileModalCard>.modalClose{z-index:20;top:9px!important;right:9px!important;background:rgba(13,24,36,.80)!important}
body.gcCodyFamiliarV3 .gcProfile.gcCodyProfileView{display:block!important;background:#142130!important}
body.gcCodyFamiliarV3 .gcCodyProfileView .gcProfileHero{min-height:230px!important;border-radius:0!important;padding:73px 16px 15px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;background-color:#1b2a3b!important;background-size:cover!important;background-position:center!important}
body.gcCodyFamiliarV3 .gcCodyProfileView .gcProfileAvatar{margin:0 auto 7px!important}.gcCodyFamiliarV3 .gcCodyProfileView .gcProfileAvatar,.gcCodyFamiliarV3 .gcCodyProfileView .gcProfileAvatar img{width:100px!important;height:100px!important;border-radius:50%!important}.gcCodyFamiliarV3 .gcCodyProfileView .gcProfileAvatar{border:4px solid #142130!important;box-shadow:0 4px 16px rgba(0,0,0,.45)!important}
body.gcCodyFamiliarV3 .gcCodyProfileView .gcProfileIdentity{align-items:center!important;text-align:center!important}.gcCodyFamiliarV3 .gcCodyProfileView .gcProfileNameLine{justify-content:center!important}.gcCodyFamiliarV3 .gcCodyProfileView .gcProfileNameLine h2{font-size:25px!important;line-height:1.08!important}.gcCodyFamiliarV3 .gcCodyProfileView .gcProfileIdentity>p{font-size:12px!important}.gcCodyFamiliarV3 .gcCodyProfileView .gcProfileRankBadge{font-size:11px!important}.gcCodyFamiliarV3 .gcCodyProfileView .gcProfileCounters{top:10px!important;left:11px!important;right:auto!important}
body.gcCodyFamiliarV3 .gcCodyProfileView .gcProfileStatusRow,body.gcCodyFamiliarV3 .gcCodyProfileView .gcProfileMoodLabel{font-size:11px!important}
body.gcCodyFamiliarV3 .gcCodyProfileView .gcProfileTabs{display:flex!important;justify-content:center!important;gap:0!important;padding:0 10px!important;background:#172536!important;border-top:1px solid #30445b!important;border-bottom:1px solid #30445b!important;overflow-x:auto!important}.gcCodyFamiliarV3 .gcCodyProfileView .gcProfileTabs button{min-height:47px!important;padding:0 14px!important;border-radius:0!important;background:transparent!important;font-size:13px!important;white-space:nowrap!important}.gcCodyFamiliarV3 .gcCodyProfileView .gcProfileTabs button.active{box-shadow:inset 0 -2px var(--gc55-accent)!important;color:#fff!important}
body.gcCodyFamiliarV3 .gcCodyProfileView .gcProfilePane{padding:10px 16px 16px!important}.gcCodyFamiliarV3 .gcCodyProfileView .profileInfoRow{min-height:50px!important;padding:10px 7px!important;border:0!important;border-bottom:1px solid #2b3f55!important;border-radius:0!important;background:transparent!important}.gcCodyFamiliarV3 .gcCodyProfileView .profileInfoRow span,.gcCodyFamiliarV3 .gcCodyProfileView .profileInfoRow strong{font-size:12px!important}.gcCodyFamiliarV3 .gcCodyProfileView .profileBio{font-size:13px!important;line-height:1.5!important}
body.gcCodyFamiliarV3 .gcCodyProfileView .profileActions button{min-height:40px!important;font-size:11px!important;border-radius:6px!important}

/* ===== profiel bewerken: Cody Account / Meer als startpunt ===== */
body.gcCodyFamiliarV3 #editProfileModal .profileStudioCard{width:min(640px,calc(100vw - 18px))!important;max-height:calc(100dvh - 18px)!important;padding:0!important;border-radius:10px!important;overflow:auto!important;background:#142130!important}
/* Cody opent direct het profiel zelf; geen extra dashboard-header erboven. */
body.gcCodyFamiliarV3 #editProfileModal .profileStudioHeader{display:none!important}
body.gcCodyFamiliarV3 #editProfileModal>.modalCard>.modalClose{z-index:40;top:10px!important;right:10px!important;background:rgba(13,24,36,.82)!important}
body.gcCodyFamiliarV3 #editProfileModal .profileStudioLayout{display:block!important;padding:0!important}
body.gcCodyFamiliarV3 #editProfileModal .gcCodyProfileEditorHidden,body.gcCodyFamiliarV3 #editProfileModal .gcCodyProfileLiveHidden{display:none!important}
.gcCodyProfileHub{display:block}.gcCodyProfileHub.hidden{display:none!important}
.gcCodyProfileHero{position:relative;min-height:230px;background:#1b2b3d;overflow:hidden}.gcCodyProfileCover{position:absolute;inset:0;background:linear-gradient(145deg,#27425e,#172333);background-size:cover;background-position:center}.gcCodyProfileCover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,16,25,.07),rgba(8,16,25,.82))}
.gcCodyCoverButton{position:absolute;right:12px;top:12px;z-index:3;width:38px;height:38px;border:1px solid rgba(255,255,255,.25);border-radius:7px;background:rgba(14,25,37,.74);color:#fff;font-size:17px}
.gcCodyProfileAvatarWrap{position:absolute;z-index:3;left:50%;top:48px;transform:translateX(-50%);width:100px;height:100px}.gcCodyProfileAvatarWrap>img{width:100px;height:100px;object-fit:cover;border-radius:50%;border:4px solid #142130;background:#0c1621;box-shadow:0 5px 18px rgba(0,0,0,.46)}.gcCodyProfileAvatarWrap>button{position:absolute;right:-4px;bottom:2px;width:34px;height:34px;border:2px solid #142130;border-radius:50%;background:#294665;color:#fff;font-size:15px}
.gcCodyProfileIdentity{position:absolute;z-index:3;left:12px;right:12px;bottom:13px;text-align:center;color:#fff}.gcCodyProfileIdentity small{display:inline-block;padding:3px 8px;border-radius:4px;background:#d7b13f;color:#19150b;font-size:10px;font-weight:950}.gcCodyProfileIdentity h2{margin:4px 0 5px;font-size:25px;line-height:1.08}.gcCodyProfileIdentity button{border:0;background:rgba(12,24,36,.68);color:#e5edf6;font-size:10px;padding:6px 9px;border-radius:5px}
.gcCodyProfileHubTabs{height:48px;display:flex;justify-content:center;background:#172536;border-top:1px solid #30445b;border-bottom:1px solid #30445b}.gcCodyProfileHubTabs button{height:47px;min-width:120px;padding:0 16px;border:0;background:transparent;color:#91a4b9;font-size:13px;font-weight:850}.gcCodyProfileHubTabs button.active{color:#fff;box-shadow:inset 0 -2px var(--gc55-accent)}
.gcCodyProfileHubPane{display:none;padding:8px 15px 16px}.gcCodyProfileHubPane.active{display:block}.gcCodyProfileHubPane>button{width:100%;min-height:55px;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:9px;padding:7px 8px;border:0;border-bottom:1px solid #2b3f55;border-radius:0;background:transparent;color:#eef4fb;text-align:left}.gcCodyProfileHubPane>button:hover{background:#1c2d40}.gcCodyProfileHubPane>button>i{width:34px;height:34px;display:grid;place-items:center;border-radius:6px;background:#20344a;color:#d5e4f3;font-style:normal;font-size:15px}.gcCodyProfileHubPane>button b{display:block;font-size:13px}.gcCodyProfileHubPane>button small{display:block;margin-top:2px;color:#899eb4;font-size:9.5px;line-height:1.3}.gcCodyProfileHubPane>button em{font-style:normal;color:#7790aa;font-size:20px;text-align:center}
body.gcCodyFamiliarV3 #editProfileModal .gcCodyProfileFormMode .profileStudioLayout{padding:0!important}
body.gcCodyFamiliarV3 #editProfileModal .profileStudioEditor{padding:0 14px 14px!important}.gcCodyFamiliarV3 #editProfileModal .gcCodyProfileBack{margin:9px 0 6px!important;padding:9px 10px!important;border:1px solid #30465e!important;border-radius:6px!important;background:#1b2c3f!important;color:#dce8f4!important;font-size:11px!important}.gcCodyFamiliarV3 #editProfileModal .gcCodyProfileBack.hidden{display:none!important}
body.gcCodyFamiliarV3 #editProfileModal .profileEditorTabs{position:sticky!important;top:0!important;z-index:6!important;display:flex!important;gap:0!important;margin:0 -14px 10px!important;padding:0 8px!important;background:#172536!important;border-top:1px solid #2f4359!important;border-bottom:1px solid #2f4359!important;overflow-x:auto!important}.gcCodyFamiliarV3 #editProfileModal .profileEditorTabs button{min-height:43px!important;padding:0 11px!important;border-radius:0!important;background:transparent!important;font-size:11px!important;white-space:nowrap!important}.gcCodyFamiliarV3 #editProfileModal .profileEditorTabs button.active{box-shadow:inset 0 -2px var(--gc55-accent)!important;color:#fff!important}
body.gcCodyFamiliarV3 #editProfileModal .profileTabPane{padding:0!important}.gcCodyFamiliarV3 #editProfileModal .profileSectionHead{padding:10px 4px!important;border-bottom:1px solid #2d4056!important}.gcCodyFamiliarV3 #editProfileModal .profileSectionHead b{font-size:14px!important}.gcCodyFamiliarV3 #editProfileModal .profileSectionHead small{font-size:10px!important}
body.gcCodyFamiliarV3 #editProfileModal .profileFieldsGrid{display:grid!important;grid-template-columns:1fr!important;gap:0!important}.gcCodyFamiliarV3 #editProfileModal .profileFieldsGrid>label{display:grid!important;grid-template-columns:185px minmax(0,1fr)!important;align-items:center!important;gap:11px!important;min-height:54px!important;margin:0!important;padding:8px 4px!important;border-bottom:1px solid #293d52!important;font-size:11px!important}.gcCodyFamiliarV3 #editProfileModal .profileFieldsGrid>label.wide{grid-template-columns:185px minmax(0,1fr)!important}.gcCodyFamiliarV3 #editProfileModal .profileFieldsGrid input,.gcCodyFamiliarV3 #editProfileModal .profileFieldsGrid select,.gcCodyFamiliarV3 #editProfileModal .profileFieldsGrid textarea{width:100%!important;min-width:0!important;margin:0!important;border-radius:5px!important;background:#0e1925!important;border:1px solid #30465d!important;font-size:13px!important}.gcCodyFamiliarV3 #editProfileModal .profileFieldsGrid textarea{min-height:98px!important}
body.gcCodyFamiliarV3 #editProfileModal .profileUploadHero,body.gcCodyFamiliarV3 #editProfileModal .profileBannerUpload,body.gcCodyFamiliarV3 #editProfileModal .profileStyleLauncher,body.gcCodyFamiliarV3 #editProfileModal .userlistStyleStudio,body.gcCodyFamiliarV3 #editProfileModal .profileMusicStudio,body.gcCodyFamiliarV3 #editProfileModal .profileSocialStudio{border-radius:6px!important;background:#111d2a!important;border-color:#2d4259!important;font-size:12px!important}
body.gcCodyFamiliarV3 #editProfileModal .profileEditorActions{position:sticky!important;bottom:0!important;z-index:7;margin:11px -14px -14px!important;padding:9px 14px!important;background:#172536!important;border-top:1px solid #30445b!important}.gcCodyFamiliarV3 #editProfileModal .profileEditorActions button{border-radius:6px!important;font-size:11px!important}
body.gcCodyFamiliarV3 #editProfileModal .profileLivePanel{margin:0 14px 14px!important;border-radius:7px!important}

/* ===== chatopties / radio / dialogs ===== */
body.gcCodyFamiliarV3 .modal>.modalCard:not(.profileStudioCard):not(.profileModalCard){border-radius:8px!important;background:#142130!important;border-color:#384e67!important;box-shadow:0 20px 60px rgba(0,0,0,.5)!important}
body.gcCodyFamiliarV3 .modalTitle{padding:9px 43px 10px 3px!important;margin:0 0 8px!important;border-bottom:1px solid #2d4157!important}.gcCodyFamiliarV3 .modalTitle small{font-size:9px!important}.gcCodyFamiliarV3 .modalTitle h3{font-size:18px!important;margin:2px 0!important}.gcCodyFamiliarV3 .modalTitle p{font-size:10px!important;margin:0!important}
body.gcCodyFamiliarV3 .chatOptionsTabs,body.gcCodyFamiliarV3 .legalTabs,body.gcCodyFamiliarV3 .gcMediaTabs{border-radius:6px!important;background:#101b28!important;border-color:#2e4259!important}.gcCodyFamiliarV3 .chatOptionsTabs button,.gcCodyFamiliarV3 .legalTabs button,.gcCodyFamiliarV3 .gcMediaTabs button{border-radius:5px!important;font-size:11px!important}.gcCodyFamiliarV3 .chatOptionsTabs button.active,.gcCodyFamiliarV3 .gcMediaTabs button.active{box-shadow:inset 0 -2px var(--gc55-accent)!important}
body.gcCodyFamiliarV3 .chatOptionToggle,body.gcCodyFamiliarV3 .chatOptionField{min-height:52px!important;border-radius:6px!important;background:#111d2a!important;border-color:#2c4056!important;font-size:12px!important}

/* ===== privéchat ===== */
body.gcCodyFamiliarV3 .gcPmOverlay{padding:12px!important}.gcCodyFamiliarV3 .gcPmCard{width:min(570px,calc(100vw - 20px))!important;height:min(700px,calc(100dvh - 20px))!important;border-radius:8px!important;border-color:#3a5068!important;background:#111d2a!important}.gcCodyFamiliarV3 .gcPmCard .pmHead{min-height:56px!important;padding:7px 9px!important;background:#192839!important}.gcCodyFamiliarV3 .gcPmCard .pmHeadIdentity img{width:42px!important;height:42px!important;border-radius:50%!important}.gcCodyFamiliarV3 .gcPmCard .pmHeadIdentity b{font-size:13px!important}.gcCodyFamiliarV3 .gcPmCard .pmMessages{background:#0a141e!important;padding:8px!important;font-size:14px!important}.gcCodyFamiliarV3 .gcPmCard .pmBottom{padding:6px!important;background:#111d2a!important}.gcCodyFamiliarV3 .gcPmCard .pmComposer textarea{border-radius:6px!important;font-size:14px!important}

/* ===== profielmenu rechtsboven ===== */
body.gcCodyFamiliarV3 #gcProfileMenu{width:min(375px,calc(100vw - 14px))!important;border-radius:8px!important;background:#142130!important;border-color:#3b5068!important}.gcCodyFamiliarV3 #gcProfileMenu .gcProfileDrawerHead{background:#192839!important;border-bottom:1px solid #30445b!important}.gcCodyFamiliarV3 #gcProfileMenu .gcProfileDrawerHead strong{font-size:15px!important}.gcCodyFamiliarV3 #gcProfileMenu .gcProfileDrawerHead small{font-size:10px!important}.gcCodyFamiliarV3 #gcProfileMenu .gcProfileQuickActions{grid-template-columns:repeat(3,1fr)!important}.gcCodyFamiliarV3 #gcProfileMenu .gcProfileQuickActions button{min-height:62px!important;font-size:11px!important}.gcCodyFamiliarV3 #gcProfileMenu .gcProfileMenuGroup{padding:5px 8px!important}.gcCodyFamiliarV3 #gcProfileMenu .gcProfileMenuLabel{font-size:9px!important;margin:7px 5px 5px!important}.gcCodyFamiliarV3 #gcProfileMenu section>a,.gcCodyFamiliarV3 #gcProfileMenu section>button{min-height:50px!important;border-radius:5px!important}.gcCodyFamiliarV3 #gcProfileMenu .gcProfileMenuIcon{width:34px!important;height:34px!important}.gcCodyFamiliarV3 #gcProfileMenu .gcProfileMenuCopy b{font-size:12px!important}.gcCodyFamiliarV3 #gcProfileMenu .gcProfileMenuCopy small{font-size:9px!important;line-height:1.3!important}

/* ===== tablet/mobiel ===== */
@media(max-width:900px){
  body.gcCodyFamiliarV3{--gc55-top:54px;font-size:15px}
  body.gcCodyFamiliarV3 .gcClassicTop{height:calc(var(--gc55-top) + env(safe-area-inset-top))!important;min-height:calc(var(--gc55-top) + env(safe-area-inset-top))!important;padding-top:env(safe-area-inset-top)!important}
  body.gcCodyFamiliarV3 .layout{height:calc(100dvh - var(--gc55-top) - env(safe-area-inset-top))!important;display:block!important}
  body.gcCodyFamiliarV3 .quickbar{display:none!important}.gcCodyExtraMenu{display:none!important}
  body.gcCodyFamiliarV3 .chat{height:100%!important;padding-bottom:calc(56px + env(safe-area-inset-bottom))!important}
  body.gcCodyFamiliarV3 .chathead{height:48px!important;min-height:48px!important;padding:6px 10px!important}.gcCodyFamiliarV3 .chathead h2{font-size:16px!important}
  body.gcCodyFamiliarV3 .messages{padding:6px 7px 10px!important}.gcCodyFamiliarV3 .messages>.msg:not(.gcPresenceEvent):not(.gcCommunityEvent){grid-template-columns:38px minmax(0,1fr)!important;padding:7px 3px!important}.gcCodyFamiliarV3 .messages .messageAvatar,.gcCodyFamiliarV3 .messages .messageAvatar img{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}.gcCodyFamiliarV3 .messages .body{font-size:14px!important}.gcCodyFamiliarV3 .messages .msgActions{opacity:1!important}
  body.gcCodyFamiliarV3 .rooms{left:0!important;top:calc(var(--gc55-top) + env(safe-area-inset-top))!important;bottom:calc(56px + env(safe-area-inset-bottom))!important;width:min(360px,94vw)!important;max-width:94vw!important;border-radius:0 8px 8px 0!important}
  body.gcCodyFamiliarV3 .gcRightPanel{position:fixed!important;top:calc(var(--gc55-top) + env(safe-area-inset-top))!important;bottom:calc(56px + env(safe-area-inset-bottom))!important;right:0!important;width:min(360px,94vw)!important;min-width:0!important;max-width:94vw!important;border-radius:8px 0 0 8px!important;box-shadow:-15px 0 40px rgba(0,0,0,.45)!important}
  body.gcCodyFamiliarV3 .composer{padding-bottom:max(6px,env(safe-area-inset-bottom))!important}.gcCodyFamiliarV3 .composer textarea{font-size:16px!important}
  body.gcCodyFamiliarV3 #gcProfileMenu{position:fixed!important;inset:auto 5px calc(58px + env(safe-area-inset-bottom)) 5px!important;width:auto!important;max-height:calc(100dvh - 76px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;border-radius:9px!important}
  body.gcCodyFamiliarV3 .gcUserMenu{width:min(440px,100vw)!important;max-width:100vw!important;max-height:84dvh!important;border-radius:10px 10px 0 0!important}
  body.gcCodyFamiliarV3 #editProfileModal{padding:0!important;align-items:flex-end!important}.gcCodyFamiliarV3 #editProfileModal .profileStudioCard{width:100%!important;max-width:100%!important;max-height:calc(100dvh - env(safe-area-inset-top))!important;border-radius:10px 10px 0 0!important;padding-bottom:env(safe-area-inset-bottom)!important}
  .gcCodyProfileHero{min-height:230px}.gcCodyProfileHubPane{padding:8px 10px 15px}
  body.gcCodyFamiliarV3 #editProfileModal .profileFieldsGrid>label,body.gcCodyFamiliarV3 #editProfileModal .profileFieldsGrid>label.wide{grid-template-columns:1fr!important;gap:6px!important;padding:9px 3px!important;font-size:12px!important}
  body.gcCodyFamiliarV3 .gcPmOverlay{padding:0!important;align-items:flex-end!important}.gcCodyFamiliarV3 .gcPmCard{width:100%!important;max-width:100%!important;height:calc(100dvh - env(safe-area-inset-top))!important;max-height:calc(100dvh - env(safe-area-inset-top))!important;border-radius:10px 10px 0 0!important;padding-bottom:env(safe-area-inset-bottom)!important}
}
@media(max-width:430px){
  body.gcCodyFamiliarV3 .gcClassicTop .coinPill,body.gcCodyFamiliarV3 .gcClassicTop .streakPill,body.gcCodyFamiliarV3 .gcClassicTop .statusChip{display:none!important}
  body.gcCodyFamiliarV3 .gcClassicTop .gcLogoBrand img{max-width:190px!important}
  .gcCodyProfileAvatarWrap{top:48px}.gcCodyProfileIdentity h2{font-size:23px}.gcCodyProfileHubPane>button{min-height:55px}.gcCodyProfileHubPane>button b{font-size:12px}.gcCodyProfileHubPane>button small{font-size:9px}
  body.gcCodyFamiliarV3 .gcCodyProfileView .gcProfileNameLine h2{font-size:22px!important}
}