/* 0.51.73 — news editor uses its own submission lock and mobile scroll surface. */
#newsComposeModal .gcNewsComposeCard{display:block!important;min-height:0!important;max-height:calc(var(--gc-cody-vv-height,100dvh) - 24px)!important;overflow-y:auto!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch}
#newsComposeForm button[type="submit"]{min-height:44px;padding:12px 18px}
/* 0.51.72 — one scroll surface for the entire help window on every screen size. */
#helpCenterModal{touch-action:pan-y!important}
#helpCenterModal .gcHelpCenterCard{position:relative!important;display:block!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 24px)!important;max-height:calc(var(--gc-cody-vv-height,100dvh) - 24px)!important;overflow-y:auto!important;overflow-x:hidden!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}
#helpCenterModal .gcHelpLayout,#helpCenterModal .gcHelpLayout main{display:block!important;flex:none!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;touch-action:pan-y!important}
#helpCenterModal .gcHelpFooter{position:static!important;flex:none!important;height:auto!important}
#helpCenterModal .gcHelpHero{padding-right:56px!important}
.modal .modalCard{position:relative;min-height:0;touch-action:pan-y}
.modal .modalClose{left:auto!important;right:12px!important;top:12px!important;bottom:auto!important;margin:0!important;z-index:45!important}
#gcOlderMessages{display:block;width:calc(100% - 24px);margin:10px 12px;padding:12px;min-height:42px;border:1px solid #3a4b62;border-radius:10px;background:#19283a;color:#dce8f5;cursor:pointer}
#gcSoundOptions{padding:14px;border:1px solid #35445a;border-radius:12px;margin:0 0 16px}
#gcSoundOptions h4{margin:0 0 7px}#gcSoundOptions p,#gcSoundOptions small{font-size:12px;color:#a9b8ca;line-height:1.5;display:block}
#gcSoundOptions label{display:flex;align-items:center;gap:10px;min-height:42px}#gcSoundOptions input{width:18px;height:18px}
#gcTestSound{margin:8px 0;padding:10px 15px}
.gcGuestBenefitsCard{width:min(540px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;padding:26px 22px!important;line-height:1.55}
.gcGuestBenefitsCard h2{padding-right:35px;margin:10px 0;font-size:24px}.gcGuestBenefitsCard small{color:#e5bd57;letter-spacing:.1em;font-size:10px;font-weight:800}.gcGuestBenefitsCard ul{padding-left:22px}.gcGuestBenefitsCard li{margin:7px 0}.gcGuestBenefitsCard>button:not(.modalClose){width:100%;min-height:44px;margin:6px 0}.gcGuestBenefitsCard .muted{color:#9bacbf;font-size:12px}
#gcGuestVipPitch:not(:empty){padding:13px;background:#d6ad4c12;border:1px solid #d6ad4c55;border-radius:12px}
#gcGuestVipPitch h3{color:#e5bd57;margin:0}#gcGuestVipPitch p{margin:8px 0 0}
#gcCompactPlayer .gcMusicInfo{min-width:0!important;overflow:hidden!important}
#gcCompactPlayer #radioNowPlaying,#gcCompactPlayer #musicNowDetail,#gcCompactPlayer #musicStationLabel{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;text-overflow:clip!important;scrollbar-width:none;scroll-behavior:auto!important}
#gcCompactPlayer .gcMusicInfo>*::-webkit-scrollbar{display:none}
@media(prefers-reduced-motion:reduce){#gcCompactPlayer #radioNowPlaying,#gcCompactPlayer #musicNowDetail,#gcCompactPlayer #musicStationLabel{white-space:normal!important;overflow-wrap:anywhere!important}}

/* 0.51.76 — tags, betrouwbare vriendenstatus, nette meldingen en volledig zichtbare profielfoto's. */
#toast.toast{
  position:fixed!important;left:50%!important;right:auto!important;top:78px!important;bottom:auto!important;
  transform:translateX(-50%)!important;width:min(470px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;
  min-height:52px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;
  padding:9px 13px!important;border:1px solid rgba(130,157,190,.42)!important;border-radius:14px!important;
  background:linear-gradient(145deg,rgba(22,34,49,.98),rgba(13,23,35,.98))!important;color:#f4f8fc!important;
  box-shadow:0 16px 46px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.04)!important;
  font-size:13px!important;font-weight:750!important;line-height:1.35!important;overflow:hidden!important;
  text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;
}
#toast.toast.hidden{display:none!important}
#toast .gcToastIcon{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:rgba(94,145,198,.14)!important;border:1px solid rgba(113,170,224,.28)!important;color:#a9d8ff!important;font-size:17px!important;font-weight:950!important}
#toast .gcToastText{display:block!important;min-width:0!important}
#toast.gcToastSuccess{border-color:rgba(91,208,145,.45)!important}
#toast.gcToastSuccess .gcToastIcon{background:rgba(61,185,118,.14)!important;border-color:rgba(86,215,149,.32)!important;color:#82e7ae!important}
#toast.gcToastError{border-color:rgba(255,113,124,.5)!important}
#toast.gcToastError .gcToastIcon{background:rgba(218,72,88,.16)!important;border-color:rgba(255,113,124,.34)!important;color:#ff9aa3!important}

/* Klik op de naam = @tag. De avatar blijft de snelle ingang naar het profiel. */
.msg .name[data-profile]{cursor:text!important;text-decoration:none!important}
.msg .name[data-profile]:hover{text-decoration:underline!important;text-decoration-style:dotted!important;text-underline-offset:3px!important}
.msg .messageAvatar.gcMessageProfileLink{cursor:pointer!important;outline:none!important}
.msg .messageAvatar.gcMessageProfileLink:focus-visible{outline:2px solid var(--gold,#dcb85f)!important;outline-offset:2px!important}

/* Profielfoto/cover niet meer hard afsnijden. De hele afbeelding blijft zichtbaar op ieder scherm. */
#profileModal .gcProfileHero{
  background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;
  background-color:#0b1520!important;
}
#profileModal .gcProfileAvatar{background:#0b1520!important;border-radius:50%!important}
#profileModal .gcProfileAvatar img{
  object-fit:contain!important;object-position:center center!important;background:#0b1520!important;padding:1px!important;
}
#profileModal .profileFriendAvatar img{object-fit:contain!important;object-position:center!important;background:#0b1520!important}

/* Vriendenstatus duidelijk online/offline, zonder een opgeslagen 'Online'-tekst als aanwezigheid te behandelen. */
.profileFriendCard .profileFriendCopy em{display:inline-flex!important;align-items:center!important;gap:5px!important}
.profileFriendCard .profileFriendAvatar i:not(.online){background:#647181!important;box-shadow:none!important}
.profileFriendCard .profileFriendAvatar i.online{background:#31d67c!important;box-shadow:0 0 0 2px rgba(49,214,124,.10),0 0 8px rgba(49,214,124,.30)!important}

@media(max-width:900px){
  #toast.toast{top:max(62px,calc(env(safe-area-inset-top) + 54px))!important;width:calc(100vw - 18px)!important;max-width:520px!important;min-height:50px!important;padding:8px 10px!important;border-radius:13px!important;font-size:12px!important}
  #toast .gcToastIcon{width:30px!important;height:30px!important;border-radius:9px!important;font-size:15px!important}
  #profileModal .gcProfileHero{background-size:contain!important;background-position:center!important}
  #profileModal .gcProfileAvatar img{object-fit:contain!important}
  .profileFriendsGrid{grid-template-columns:1fr!important}
  .profileFriendCard{grid-template-columns:48px minmax(0,1fr) auto!important}
}
@media(max-width:430px){
  #toast.toast{left:9px!important;right:9px!important;top:max(58px,calc(env(safe-area-inset-top) + 51px))!important;transform:none!important;width:auto!important;max-width:none!important;grid-template-columns:30px minmax(0,1fr)!important;gap:8px!important}
  .profileFriendCard{grid-template-columns:44px minmax(0,1fr)!important;min-height:68px!important}
  .profileFriendAvatar,.profileFriendAvatar img{width:42px!important;height:42px!important}
  .profileFriendOpen{display:none!important}
}

/* 0.51.77 — rustig, gegroepeerd profielmenu als responsive rechter zijpaneel. */
#gcProfileMenu.gcProfileDrawer{
  position:fixed!important;z-index:10040!important;top:10px!important;right:10px!important;bottom:10px!important;left:auto!important;
  width:min(390px,calc(100vw - 20px))!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;
  display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important;
  border:1px solid rgba(112,140,177,.48)!important;border-radius:20px!important;
  background:linear-gradient(165deg,rgba(24,37,54,.995),rgba(13,23,36,.995))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.05)!important;
  color:#f5f8fc!important;transform-origin:top right!important;
}
#gcProfileMenu.gcProfileDrawer.hidden{display:none!important}
#gcProfileMenu .gcProfileDrawerHead{position:relative!important;padding:18px 18px 14px!important;border-bottom:1px solid rgba(106,132,163,.28)!important;background:linear-gradient(180deg,rgba(32,48,69,.98),rgba(21,34,50,.96))!important}
#gcProfileMenu .gcProfileDrawerClose{position:absolute!important;right:12px!important;top:12px!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border:1px solid rgba(122,151,187,.42)!important;border-radius:12px!important;background:rgba(9,19,31,.58)!important;color:#edf4ff!important;font-size:25px!important;font-weight:500!important;line-height:1!important;cursor:pointer!important}
#gcProfileMenu .gcProfileDrawerClose:hover{background:rgba(62,83,109,.48)!important;border-color:rgba(169,194,225,.56)!important}
#gcProfileMenu .profileMenuIdentity{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;padding:2px 48px 12px 0!important;margin:0!important;border:0!important;background:none!important}
#gcProfileMenu .profileMenuIdentity>img{width:58px!important;height:58px!important;display:block!important;border-radius:50%!important;object-fit:contain!important;object-position:center!important;background:#0b1520!important;border:2px solid rgba(226,189,91,.82)!important;box-shadow:0 0 0 4px rgba(226,189,91,.08)!important}
#gcProfileMenu .gcProfileIdentityCopy{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important}
#gcProfileMenu .gcProfileIdentityCopy small{display:inline-flex!important;width:auto!important;margin:0!important;padding:2px 7px!important;border:1px solid rgba(226,189,91,.35)!important;border-radius:999px!important;background:rgba(226,189,91,.1)!important;color:#f1cc72!important;font-size:10px!important;font-weight:900!important;letter-spacing:.04em!important;line-height:1.3!important}
#gcProfileMenu .gcProfileIdentityCopy b{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;font-size:18px!important;line-height:1.25!important}
#gcProfileMenu .gcProfileIdentityCopy>span{display:flex!important;align-items:center!important;gap:5px!important;color:#9dafc3!important;font-size:11px!important;font-weight:650!important}
#gcProfileMenu .gcProfileOnlineDot{color:#39db84!important;font-style:normal!important;font-size:10px!important}
#gcProfileMenu .gcProfileQuickActions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0!important;padding:0!important}
#gcProfileMenu .gcProfileQuickActions>button{min-width:0!important;min-height:58px!important;margin:0!important;padding:8px 5px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;border:1px solid rgba(111,139,174,.38)!important;border-radius:13px!important;background:rgba(10,21,34,.62)!important;color:#eaf2fb!important;cursor:pointer!important}
#gcProfileMenu .gcProfileQuickActions>button:hover{background:rgba(50,73,99,.56)!important;border-color:rgba(197,159,64,.55)!important}
#gcProfileMenu .gcProfileQuickActions>button>span{font-size:17px!important;line-height:1!important}
#gcProfileMenu .gcProfileQuickActions>button>b{font-size:11px!important;line-height:1.2!important;white-space:nowrap!important}
#gcProfileMenu .gcProfileDrawerScroll{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:12px 12px 8px!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;scrollbar-color:#667b94 transparent!important}
#gcProfileMenu .gcProfileMenuGroup{display:block!important;margin:0 0 12px!important;padding:6px!important;border:1px solid rgba(94,120,150,.24)!important;border-radius:15px!important;background:rgba(8,18,30,.30)!important}
#gcProfileMenu .gcProfileMenuGroup.hidden{display:none!important}
#gcProfileMenu .gcProfileMenuLabel{padding:5px 8px 7px!important;color:#d4ad50!important;font-size:10px!important;font-weight:900!important;letter-spacing:.095em!important;text-transform:uppercase!important}
#gcProfileMenu .gcProfileMenuGroup>button,#gcProfileMenu .gcProfileMenuGroup>a{
  width:100%!important;min-height:54px!important;margin:0!important;padding:8px!important;display:grid!important;grid-template-columns:36px minmax(0,1fr) 20px!important;gap:8px!important;align-items:center!important;
  border:0!important;border-radius:10px!important;background:transparent!important;color:#eef5fc!important;text-decoration:none!important;text-align:left!important;box-shadow:none!important;cursor:pointer!important;
}
#gcProfileMenu .gcProfileMenuGroup>button+button,#gcProfileMenu .gcProfileMenuGroup>a+a,#gcProfileMenu .gcProfileMenuGroup>button+a,#gcProfileMenu .gcProfileMenuGroup>a+button{border-top:1px solid rgba(93,117,145,.18)!important;border-top-left-radius:0!important;border-top-right-radius:0!important}
#gcProfileMenu .gcProfileMenuGroup>button:hover,#gcProfileMenu .gcProfileMenuGroup>a:hover{background:rgba(61,83,108,.35)!important}
#gcProfileMenu .gcProfileMenuGroup>button.hidden,#gcProfileMenu .gcProfileMenuGroup>a.hidden{display:none!important}
#gcProfileMenu .gcProfileMenuIcon{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border:1px solid rgba(111,145,183,.30)!important;border-radius:10px!important;background:rgba(44,66,91,.34)!important;font-size:15px!important}
#gcProfileMenu .gcProfileMenuCopy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}
#gcProfileMenu .gcProfileMenuCopy b{display:block!important;min-width:0!important;color:#f6f9fc!important;font-size:12px!important;font-weight:800!important;line-height:1.25!important}
#gcProfileMenu .gcProfileMenuCopy small{display:block!important;min-width:0!important;color:#8fa2b8!important;font-size:10px!important;font-weight:550!important;line-height:1.3!important;white-space:normal!important}
#gcProfileMenu .gcProfileMenuGroup>button>i,#gcProfileMenu .gcProfileMenuGroup>a>i{font-style:normal!important;color:#a9b9ca!important;font-size:19px!important;text-align:center!important}
#gcProfileMenu .gcProfileDrawerFooter{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px 12px max(10px,env(safe-area-inset-bottom))!important;border-top:1px solid rgba(106,132,163,.26)!important;background:rgba(10,20,32,.96)!important}
#gcProfileMenu .gcProfileDrawerFooter>button{min-height:44px!important;margin:0!important;padding:9px 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid rgba(102,130,164,.36)!important;border-radius:11px!important;background:rgba(31,49,69,.62)!important;color:#e7eef7!important;font-size:11px!important;font-weight:800!important;cursor:pointer!important}
#gcProfileMenu .gcProfileDrawerFooter>button:hover{background:rgba(51,74,100,.72)!important}
#gcProfileMenu .gcProfileDrawerFooter .gcProfileLogout{border-color:rgba(218,88,98,.28)!important;background:rgba(120,35,45,.16)!important;color:#ffbdc2!important}
#gcProfileMenu .gcProfileDrawerFooter .gcProfileLogout:hover{background:rgba(142,40,52,.28)!important}

@media(max-width:700px){
  #gcProfileMenu.gcProfileDrawer{top:max(6px,env(safe-area-inset-top))!important;right:6px!important;bottom:max(6px,env(safe-area-inset-bottom))!important;left:6px!important;width:auto!important;max-width:none!important;border-radius:18px!important}
  #gcProfileMenu .gcProfileDrawerHead{padding:14px 14px 12px!important}
  #gcProfileMenu .profileMenuIdentity{grid-template-columns:52px minmax(0,1fr)!important;padding-right:44px!important}
  #gcProfileMenu .profileMenuIdentity>img{width:52px!important;height:52px!important}
  #gcProfileMenu .gcProfileIdentityCopy b{font-size:16px!important}
  #gcProfileMenu .gcProfileQuickActions>button{min-height:54px!important}
  #gcProfileMenu .gcProfileDrawerScroll{padding:10px 9px 6px!important}
  #gcProfileMenu .gcProfileMenuGroup{margin-bottom:9px!important}
  #gcProfileMenu .gcProfileMenuGroup>button,#gcProfileMenu .gcProfileMenuGroup>a{min-height:51px!important;grid-template-columns:34px minmax(0,1fr) 18px!important;padding:7px!important}
  #gcProfileMenu .gcProfileMenuIcon{width:32px!important;height:32px!important;border-radius:9px!important}
  #gcProfileMenu .gcProfileMenuCopy b{font-size:12px!important}
  #gcProfileMenu .gcProfileMenuCopy small{font-size:9.5px!important}
}
@media(max-width:390px){
  #gcProfileMenu .gcProfileMenuCopy small{display:none!important}
  #gcProfileMenu .gcProfileMenuGroup>button,#gcProfileMenu .gcProfileMenuGroup>a{min-height:47px!important}
  #gcProfileMenu .gcProfileMenuGroup{padding:5px!important}
  #gcProfileMenu .gcProfileDrawerFooter>button{min-height:42px!important;font-size:10px!important}
}


/* 0.51.78 — gebruiksgemak, privacybeheer en responsieve hulp. */
.gcPrivacyQuickLinks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:0 0 14px!important}
.gcPrivacyQuickLinks>button{min-height:48px!important;margin:0!important;white-space:normal!important;line-height:1.25!important}
.gcPrivacyManagerCard{width:min(720px,calc(100vw - 24px))!important;max-height:min(88vh,820px)!important;overflow:auto!important;padding-bottom:max(18px,env(safe-area-inset-bottom))!important}
.gcPrivacyExplain{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:12px 0 18px!important}
.gcPrivacyExplain>div{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:3px 9px!important;align-items:center!important;padding:11px!important;border:1px solid rgba(104,137,176,.3)!important;border-radius:13px!important;background:rgba(11,24,39,.48)!important}
.gcPrivacyExplain>div>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(79,105,139,.25)}
.gcPrivacyExplain b{font-size:13px!important;color:#f7f9fc!important}.gcPrivacyExplain small{font-size:10.5px!important;line-height:1.35!important;color:#9fb0c4!important}
.gcPrivacyPeopleList{display:grid!important;gap:8px!important;margin:8px 0 18px!important}
.gcPrivacyPersonRow{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;padding:9px!important;border:1px solid rgba(100,132,169,.28)!important;border-radius:12px!important;background:rgba(10,21,34,.38)!important}
.gcPrivacyPersonIcon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(51,74,101,.34)}
.gcPrivacyPersonRow>div{min-width:0}.gcPrivacyPersonRow b{display:block;font-size:12px;color:#f7f9fc}.gcPrivacyPersonRow small{display:block;margin-top:2px;font-size:10px;line-height:1.35;color:#91a4ba}.gcPrivacyPersonRow>button{margin:0!important;min-height:38px!important}
.gcPrivacyEmpty{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;padding:11px!important;border:1px dashed rgba(106,139,176,.28)!important;border-radius:12px!important;color:#9fb0c4!important}.gcPrivacyEmpty>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:rgba(57,219,132,.1);color:#60e09a}.gcPrivacyEmpty b{display:block;color:#dfe8f2;font-size:12px}.gcPrivacyEmpty small{font-size:10px;line-height:1.35}
.gcPrivacyManagerActions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:8px!important}.gcPrivacyManagerActions>button{margin:0!important;min-height:44px!important}
.gcProfileSafetyTitle{flex:1 0 100%!important;display:block!important;margin:10px 0 2px!important;padding:8px 2px 5px!important;border-top:1px solid rgba(102,132,167,.24)!important;color:#d8b45e!important;font-size:11px!important;font-weight:900!important;letter-spacing:.04em!important}
.gcProfileMusicHint{margin:8px 0 0!important;color:#90a5bb!important;font-size:10.5px!important;line-height:1.4!important}
#profileMusicHelpBtn{border-color:rgba(100,142,190,.34)!important}
#helpCenterModal .gcHelpArticleBody li{line-height:1.48!important}
#helpCenterModal .gcHelpArticleBody p{line-height:1.5!important}
@media(max-width:700px){
  .gcPrivacyQuickLinks,.gcPrivacyExplain,.gcPrivacyManagerActions{grid-template-columns:1fr!important}
  .gcPrivacyManagerCard{width:calc(100vw - 12px)!important;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)))!important;border-radius:17px!important}
  .gcPrivacyPersonRow{grid-template-columns:36px minmax(0,1fr)!important}.gcPrivacyPersonRow>button{grid-column:1/-1!important;width:100%!important}
  .profileMusicActions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.profileMusicActions>button{width:100%!important;margin:0!important;min-height:46px!important}
}
@media(max-width:390px){.gcPrivacyManagerCard{width:calc(100vw - 8px)!important}.gcPrivacyExplain small,.gcPrivacyPersonRow small{font-size:9.5px!important}}

/* 0.51.79 — overzichtelijkere kamerindeling */
.gcRoomGroup{display:grid;gap:8px;margin:0 0 14px}.gcRoomGroupTitle{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 2px;color:var(--muted,#8f9bad);font-size:11px;font-weight:800;letter-spacing:.08em}.gcRoomGroupTitle b{min-width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:999px;font-size:11px;letter-spacing:0;background:rgba(255,255,255,.04)}@media(max-width:900px){.gcRoomGroup{margin-bottom:12px}.gcRoomGroupTitle{padding-inline:10px;font-size:10px}}
\n\n/* 0.51.80 — compacter profielmenu + live kamerbezetting */\n.roomSelect{position:relative!important;grid-template-columns:auto minmax(0,1fr) auto auto!important}\n.roomPeopleCount{align-self:center!important;display:inline-flex!important;align-items:center!important;gap:4px!important;min-width:43px!important;height:26px!important;justify-content:center!important;padding:0 7px!important;border:1px solid rgba(112,145,183,.28)!important;border-radius:999px!important;background:rgba(16,31,49,.62)!important;color:#cbd9e8!important;font-size:10px!important;white-space:nowrap!important}\n.roomPeopleCount>b{font-size:10.5px!important;color:#eef5fc!important}.gcRoomGroupTitle b{width:auto!important;min-width:42px!important;padding:0 7px!important;display:inline-flex!important;gap:4px!important;justify-content:center!important}\n#gcProfileMenu.gcProfileDrawer{width:min(356px,calc(100vw - 18px))!important}\n#gcProfileMenu .gcProfileDrawerHead{padding:12px 13px 10px!important}\n#gcProfileMenu .profileMenuIdentity{grid-template-columns:46px minmax(0,1fr)!important;gap:10px!important;padding:0 42px 9px 0!important}\n#gcProfileMenu .profileMenuIdentity>img{width:46px!important;height:46px!important}\n#gcProfileMenu .gcProfileIdentityCopy b{font-size:15px!important}\n#gcProfileMenu .gcProfileIdentityCopy small{font-size:9px!important;padding:1px 6px!important}\n#gcProfileMenu .gcProfileIdentityCopy>span{font-size:10px!important}\n#gcProfileMenu .gcProfileDrawerClose{width:34px!important;height:34px!important;right:10px!important;top:10px!important;border-radius:10px!important;font-size:21px!important}\n#gcProfileMenu .gcProfileQuickActions{gap:6px!important}\n#gcProfileMenu .gcProfileQuickActions>button{min-height:46px!important;padding:6px 4px!important;border-radius:10px!important;gap:2px!important}\n#gcProfileMenu .gcProfileQuickActions>button>span{font-size:15px!important}\n#gcProfileMenu .gcProfileQuickActions>button>b{font-size:10px!important}\n#gcProfileMenu .gcProfileDrawerScroll{padding:8px 8px 5px!important}\n#gcProfileMenu .gcProfileMenuGroup{margin:0 0 7px!important;padding:4px!important;border-radius:12px!important}\n#gcProfileMenu .gcProfileMenuLabel{padding:4px 6px 5px!important;font-size:9px!important}\n#gcProfileMenu .gcProfileMenuGroup>button,#gcProfileMenu .gcProfileMenuGroup>a{min-height:43px!important;grid-template-columns:29px minmax(0,1fr) 15px!important;gap:6px!important;padding:5px 6px!important;border-radius:8px!important}\n#gcProfileMenu .gcProfileMenuIcon{width:28px!important;height:28px!important;border-radius:8px!important;font-size:13px!important}\n#gcProfileMenu .gcProfileMenuCopy{gap:0!important}\n#gcProfileMenu .gcProfileMenuCopy b{font-size:11px!important;line-height:1.15!important}\n#gcProfileMenu .gcProfileMenuCopy small{font-size:9px!important;line-height:1.2!important;margin-top:2px!important}\n#gcProfileMenu .gcProfileMenuGroup>button>i,#gcProfileMenu .gcProfileMenuGroup>a>i{font-size:15px!important}\n#gcProfileMenu .gcProfileDrawerFooter{gap:6px!important;padding:7px 8px max(7px,env(safe-area-inset-bottom))!important}\n#gcProfileMenu .gcProfileDrawerFooter>button{min-height:38px!important;padding:7px 8px!important;border-radius:9px!important;font-size:10px!important}\n@media(max-width:700px){\n  #gcProfileMenu.gcProfileDrawer{top:max(4px,env(safe-area-inset-top))!important;right:4px!important;bottom:max(4px,env(safe-area-inset-bottom))!important;left:4px!important;width:auto!important;border-radius:15px!important}\n  #gcProfileMenu .gcProfileDrawerHead{padding:10px 11px 9px!important}\n  #gcProfileMenu .profileMenuIdentity{grid-template-columns:44px minmax(0,1fr)!important;padding-right:40px!important}\n  #gcProfileMenu .profileMenuIdentity>img{width:44px!important;height:44px!important}\n  #gcProfileMenu .gcProfileDrawerScroll{padding:7px 7px 4px!important}\n  #gcProfileMenu .gcProfileMenuGroup{margin-bottom:6px!important}\n  #gcProfileMenu .gcProfileMenuGroup>button,#gcProfileMenu .gcProfileMenuGroup>a{min-height:42px!important;grid-template-columns:28px minmax(0,1fr) 14px!important;padding:5px!important}\n  #gcProfileMenu .gcProfileMenuIcon{width:27px!important;height:27px!important}\n  .roomPeopleCount{height:24px!important;min-width:40px!important;padding:0 6px!important}\n}\n@media(max-width:390px){\n  #gcProfileMenu .gcProfileMenuCopy small{display:none!important}\n  #gcProfileMenu .gcProfileMenuGroup>button,#gcProfileMenu .gcProfileMenuGroup>a{min-height:38px!important}\n  #gcProfileMenu .gcProfileMenuLabel{padding-bottom:3px!important}\n  .roomPeopleCount span{display:none!important}.roomPeopleCount{min-width:30px!important}\n}\n

/* 0.51.82 — cross-browser UX polish, echte presence en compact staffmenu */
.gcProfilePresenceLabel{display:inline-flex!important;align-items:center!important;gap:6px!important;width:max-content!important;max-width:100%!important;margin:5px auto 0!important;padding:4px 9px!important;border:1px solid rgba(130,155,184,.25)!important;border-radius:999px!important;background:rgba(5,14,26,.52)!important;color:#dce8f5!important;font-size:11px!important;font-weight:800!important;line-height:1!important}
.gcProfilePresenceLabel>i{width:7px!important;height:7px!important;border-radius:50%!important;background:#6d7887!important;box-shadow:0 0 0 3px rgba(109,120,135,.12)!important}
.gcProfilePresenceLabel.gcPresence-online>i{background:#37d982!important;box-shadow:0 0 0 3px rgba(55,217,130,.14)!important}.gcProfilePresenceLabel.gcPresence-away>i{background:#f0c250!important}.gcProfilePresenceLabel.gcPresence-busy>i{background:#ff6578!important}.gcProfilePresenceLabel.gcPresence-offline{color:#9da9b7!important}.gcProfileMoodLabel{display:block!important;margin:5px auto 0!important;max-width:min(360px,90%)!important;color:#aebdd0!important;font-size:10px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.gcAdminUserFormGrid .gcAdminWide{grid-column:1/-1!important}.gcAdminUserFormGrid label>small{display:block!important;margin-top:4px!important;color:#8292a6!important;font-size:10px!important;line-height:1.25!important}.gcAdminUserFormGrid input:disabled,.gcAdminUserFormGrid select:disabled,.gcAdminUserFormGrid textarea:disabled{opacity:.58!important;cursor:not-allowed!important;background:#111b29!important}
/* Edge/Chromium: voorkom brede/nauwe scrollbars die kaarten afknippen. */
.gcUserMenu,.gcProfile,.gcProfileDrawer,.modalCard{scrollbar-width:thin;scrollbar-color:#6b7e94 transparent}.gcUserMenu::-webkit-scrollbar,.gcProfile::-webkit-scrollbar,.gcProfileDrawer::-webkit-scrollbar,.modalCard::-webkit-scrollbar{width:8px}.gcUserMenu::-webkit-scrollbar-thumb,.gcProfile::-webkit-scrollbar-thumb,.gcProfileDrawer::-webkit-scrollbar-thumb,.modalCard::-webkit-scrollbar-thumb{background:#667a91;border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.gcUserMenuPolished{width:min(420px,calc(100vw - 24px))!important;max-height:min(760px,calc(100dvh - 24px))!important;padding:14px!important;border-radius:18px!important;overflow:auto!important;overscroll-behavior:contain!important}.gcUserMenuPolished header{position:sticky!important;top:-14px!important;z-index:3!important;margin:-14px -14px 10px!important;padding:14px 48px 12px 14px!important;background:linear-gradient(180deg,#182433 86%,rgba(24,36,51,0))!important}.gcUserMenuPolished .gcUserMenuSectionLabel{margin:9px 2px 6px!important;font-size:9px!important;letter-spacing:.12em!important}.gcUserMenuPolished .gcUserMenuGrid{gap:7px!important}.gcUserMenuPolished .gcUserMenuGrid>button{min-height:52px!important;padding:8px 10px!important;border-radius:12px!important}.gcUserMenuPolished .gcActionIcon{font-size:15px!important}.gcUserMenuPolished .gcUserMenuGrid>button b{font-size:12px!important}.gcUserMenuPolished .gcUserMenuGrid>button small{font-size:9px!important;line-height:1.2!important}
@media (min-width:900px){.gcUserMenuPolished .gcUserMenuGrid:not(.gcUserMenuInvestigation){grid-template-columns:repeat(2,minmax(0,1fr))!important}.gcUserMenuPolished .gcUserMenuGrid>button[data-user-action="ban"]{grid-column:1/-1!important}}
@media(max-width:520px){.gcUserMenuPolished{inset:max(6px,env(safe-area-inset-top)) 6px max(6px,env(safe-area-inset-bottom)) 6px!important;width:auto!important;max-height:none!important;border-radius:16px!important}.gcUserMenuPolished .gcUserMenuGrid>button{min-height:48px!important;padding:7px 9px!important}.gcProfilePresenceLabel{font-size:10px!important}}