@font-face{
  font-family: 'PC Reference';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:url('/fonts/pc/ca2b9eabacfab99d.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family: 'PC Reference';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:url('/fonts/pc/543c03fff71d1b39.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family: 'PC Reference';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src:url('/fonts/pc/ca47ccb548e4ed2b.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family: 'PC Reference';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src:url('/fonts/pc/eaf782735cb43684.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family: 'PC Reference';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src:url('/fonts/pc/b7afcd7367b91f6f.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family: 'PC Reference';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src:url('/fonts/pc/ab74f0c2d7ec37e4.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* Reference desktop skin. Every rule is gated away from both mobile layouts. */
#pcReferenceRail,.pc-directory-search{display:none}
@media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){
 html.pc-reference{--pc-accent:var(--md-00866c);--pc-head:var(--md-006653);--pc-soft:var(--md-e1f2e9);--pc-line:#e4ebe8;--pc-ink:var(--md-102933);--pc-muted:var(--md-74867e)}
 html.pc-reference body{margin:0;background:#edf0ee!important}
 html.pc-reference body #app#app{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;height:100dvh!important;min-height:0!important;margin:0!important;border:1px solid var(--md-d1ded8)!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;color:var(--pc-ink)!important;font-family:'Segoe UI',Arial,sans-serif!important}
 html.pc-reference body #app#app.hidden{display:none!important}
 html.pc-reference body #app#app>.titlebar{display:flex!important;align-items:center!important;flex:0 0 82px!important;height:82px!important;min-height:82px!important;padding:10px 24px!important;gap:20px!important;background:linear-gradient(105deg,var(--md-006050),var(--md-006d58) 64%,var(--md-006653))!important;color:white!important;border:0!important}
 html.pc-reference body #app#app .brand{width:auto!important;min-width:230px!important;display:flex!important;align-items:center!important;gap:12px!important}
 html.pc-reference body #app#app .brand img{width:62px!important;height:62px!important;object-fit:contain!important;filter:none!important}
 html.pc-reference body #app#app .brand strong{font:700 30px/1.1 'Segoe UI',Arial!important;color:white!important}
 html.pc-reference body #app#app .brand small{font:400 15px/1.5 'Segoe UI',Arial!important;color:var(--md-d1e7df)!important}
 html.pc-reference body #app#app :is(.desktop-menu,.title-slogan,.mobile-back,.mobile-nav,#modernDemoTabs,.standard-tabs-shell,#referenceTopicBar,.layout>.sidebar,#rightPanel,.bottom-bar,.statusbar,#modernChatBack,#modernRoomButton){display:none!important}
 html.pc-reference body #app#app>.layout{display:grid!important;grid-template-columns:clamp(175px,19.5vw,270px) clamp(245px,29vw,390px) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;flex:1 1 0!important;min-height:0!important;height:auto!important;width:100%!important;gap:0!important;padding:0!important;background:#fff!important;overflow:hidden!important}
 html.pc-reference body #pcReferenceRail{display:flex!important;flex-direction:column;min-height:0;overflow:auto;background:linear-gradient(110deg,#fafcfd,#f8fbfc);border-right:1px solid var(--pc-line);grid-column:1;grid-row:1;padding:0 10px 20px}
 html.pc-reference body .pc-self{display:flex;align-items:center;gap:12px;padding:24px 10px;min-width:0;cursor:pointer}
 html.pc-reference body .pc-self>.avatar{width:58px;height:58px;flex:0 0 58px;border-radius:50%;overflow:hidden}
 html.pc-reference body .pc-self .social-avatar,html.pc-reference body .pc-self img{width:58px;height:58px;border-radius:50%}
 html.pc-reference body .pc-self .profile-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
 html.pc-reference body .pc-self strong{font-size:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 html.pc-reference body .pc-self small{color:var(--pc-muted);font-size:13px}
 html.pc-reference body .pc-self .online{color:var(--md-5c7d70);font-size:12px}
 html.pc-reference body .pc-navigation{display:flex;flex-direction:column;gap:4px}
 html.pc-reference body .pc-navigation button{display:flex;align-items:center;gap:14px;width:100%;height:54px;border:0;border-radius:11px;padding:8px 14px;background:transparent;color:var(--md-26473a);font:500 18px 'Segoe UI',Arial;text-align:left;cursor:pointer}
 html.pc-reference body .pc-navigation button.active{background:var(--pc-soft);color:var(--md-006050);font-weight:700}
 html.pc-reference body .pc-navigation button:hover{background:var(--md-edf6f1)}
 html.pc-reference body .pc-navigation svg{width:27px;height:27px;flex:none}
 html.pc-reference body .pc-navigation span{flex:1;white-space:nowrap}
 html.pc-reference body .pc-navigation b{border-radius:15px;background:var(--md-74867e);color:white;padding:2px 7px;font-size:12px}
 html.pc-reference body .pc-quick{margin-top:20px;border-top:1px solid var(--pc-line);padding-top:15px;display:grid;gap:5px}
 html.pc-reference body .pc-quick button{padding:13px 14px;text-align:left;background:none;border:0;color:var(--md-61776f);font:16px 'Segoe UI',Arial;cursor:pointer}
 html.pc-reference body #app#app #mobileSection{display:flex!important;flex-direction:column!important;position:relative!important;inset:auto!important;transform:none!important;visibility:visible!important;opacity:1!important;grid-column:2!important;grid-row:1!important;min-width:0!important;width:auto!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important;border:0!important;border-right:1px solid var(--pc-line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;z-index:2!important;overflow:hidden!important;padding:0!important}
 html.pc-reference body #app#app #mobileSection>.mobile-section-head{display:flex!important;align-items:center!important;flex:0 0 68px!important;min-height:68px!important;padding:15px 20px!important;background:#fff!important;color:var(--md-102933)!important;border:0!important}
 html.pc-reference body #mobileSectionTitle{font:700 25px 'Segoe UI',Arial!important;margin:0!important;color:var(--md-102933)!important}
 html.pc-reference body :is(#mobileSectionSub,#mobileSectionClose){display:none!important}
 html.pc-reference body .pc-directory-search{display:block!important;flex:0 0 39px;width:calc(100% - 32px);margin:0 16px 12px;padding:8px 12px;background:#f6f9f8;border:1px solid #e5ece8;border-radius:10px;color:var(--md-46534d);font:15px 'Segoe UI',Arial;box-sizing:border-box}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail){flex:1!important;min-height:0!important;overflow:auto!important;padding:0 10px 65px!important;background:white!important;scrollbar-width:thin}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-channel{display:flex!important;align-items:center!important;position:relative;gap:13px;width:100%;min-height:76px;padding:10px 8px;border:0;border-bottom:1px solid #edf0ef;border-radius:0;background:#fff;color:var(--md-102933);text-align:left;font-family:'Segoe UI',Arial;cursor:pointer;box-sizing:border-box}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-channel:hover{background:var(--pc-soft);border-radius:11px}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-channel>img,html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-channel>.social-avatar{width:50px!important;height:50px!important;flex:0 0 50px;border-radius:50%;object-fit:cover}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-channel>span:not(.social-avatar){flex:1;min-width:0}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-channel>span>b{display:block;font-size:18px;line-height:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-channel small{display:block;font-size:14px;color:var(--md-74867e);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-channel em{display:flex;align-items:center;flex-direction:column;gap:4px;font-style:normal;flex:none}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-channel em>b{background:var(--md-74867e);color:white;border-radius:15px;padding:2px 7px;font-size:12px}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) :is(.md-join,.md-private-toggle){position:absolute;right:16px;bottom:16px;border:0;border-radius:18px;background:var(--pc-accent);color:white;min-width:48px;min-height:46px;padding:10px 15px;box-shadow:0 3px 10px color-mix(in srgb,var(--md-006050) 16%,transparent);cursor:pointer}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-join{font-size:28px}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-private-toggle small{display:block}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-friend-group{border:1px solid #e4ebe8;border-radius:10px;margin:8px 0;overflow:hidden}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) summary{display:flex;gap:8px;justify-content:space-between;padding:12px;background:var(--md-e8f4ed);cursor:pointer;font-weight:600}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-friend{display:flex;align-items:center;gap:5px}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-friend>.md-channel{flex:1;min-width:0}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-card{border:1px solid var(--md-e0ebe5);border-radius:12px;padding:12px;margin-bottom:10px;background:#fff}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-card h3{font-size:15px;color:var(--md-46534d);margin:4px 0 10px}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-option{display:flex;align-items:center;gap:9px;width:100%;padding:12px 4px;background:none;border:0;border-bottom:1px solid #edf2ef;text-align:left;color:var(--md-183d33)}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-option span{flex:1;min-width:0}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-option :is(strong,small){display:block}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-option small{font-size:12px;color:var(--md-74867e)}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-identity{display:flex;gap:8px;align-items:center}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-profile-name{flex:1;min-width:0;border:0;background:none;text-align:left}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-profile-name b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-profile-name small{font-size:12px}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-profile-photo{border:0;background:none;padding:0}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-profile-photo .social-avatar{width:44px;height:44px}
 html.pc-reference body #app#app .chat-panel{grid-column:3!important;grid-row:1!important;display:flex!important;flex-direction:column!important;position:relative!important;min-width:0!important;min-height:0!important;height:100%!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:var(--md-e4ece7)!important;padding:0!important}
 html.pc-reference body #app#app .channel-head{display:flex!important;align-items:center!important;position:relative!important;flex:0 0 75px!important;height:75px!important;min-height:75px!important;gap:12px!important;padding:10px 18px!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--pc-line)!important;overflow:visible!important}
 html.pc-reference body #app#app .channel-icon{display:block!important;order:0;flex:0 0 50px!important;width:50px!important;height:50px!important;background:none!important;border:0!important;border-radius:50%!important;overflow:hidden!important}
 html.pc-reference body #app#app .channel-icon :is(img,.social-avatar){width:50px!important;height:50px!important;border-radius:50%!important}
 html.pc-reference body #app#app :is(.md-original-identity,.channel-head>.channel-head-toggle,.channel-head>.private-call-shortcuts){display:none!important}
 html.pc-reference body #modernIdentity{display:flex!important;flex-direction:column;flex:1 1 0!important;min-width:0!important;order:1;gap:3px}
 html.pc-reference body #modernIdentity strong{font:700 22px/1.2 'Segoe UI',Arial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--md-102933)}
 html.pc-reference body #modernIdentity small{font:14px 'Segoe UI',Arial;color:var(--md-74867e)}
 html.pc-reference body #modernIdentity[data-status="online"] small::before{content:'● ';color:var(--md-288b73)}
 html.pc-reference body #modernIdentity[data-status="busy"] small::before{content:'● ';color:var(--md-74867e)}
 html.pc-reference body #modernIdentity[data-status="offline"] small::before{content:'● ';color:var(--md-899c94)}
 html.pc-reference body #app#app :is(#modernHeaderMedia,#modernCallActions){display:flex!important;align-items:center;gap:8px;order:2;flex:none}
 html.pc-reference body #app#app .layout:not(.private-chat) #modernCallActions{display:none!important}
 html.pc-reference body #app#app .layout.private-chat #modernHeaderMedia{display:none!important}
 html.pc-reference body #app#app :is(#modernHeaderMedia,#modernCallActions) button,html.pc-reference body #app#app #modernChatMenu{width:30px;height:35px;border:0;background:transparent;color:var(--md-61776f);padding:3px;cursor:pointer}
 html.pc-reference body #app#app :is(#modernHeaderMedia,#modernCallActions) svg,html.pc-reference body #app#app #modernChatMenu svg{width:24px;height:24px}
 html.pc-reference body #app#app #modernChatMenu{display:block!important;order:4;flex:none}
 html.pc-reference body #app#app #mobileMembersButton{display:flex!important;position:static!important;order:3;width:38px!important;height:40px!important;min-width:38px!important;border:0!important;background:none!important;color:var(--md-5c7d70)!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;margin:0!important;padding:0!important;transform:none!important;font-size:10px!important}
 html.pc-reference body #app#app #mobileMembersButton img{width:23px!important;height:23px!important}
 html.pc-reference body #app#app #mobileMembersButton[hidden]{display:none!important}
 html.pc-reference body #modernTopic{display:flex;align-items:flex-start;flex:none;gap:8px;padding:7px 14px;background:#f7faf8;color:var(--md-667b73);font:13px/20px 'Segoe UI',Arial}
 html.pc-reference body #modernTopic>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html.pc-reference body #modernTopic.expanded>span{white-space:normal;overflow-wrap:anywhere}
 html.pc-reference body #modernTopic button{position:static!important;flex:0 0 22px;width:22px!important;height:22px!important;border:0;background:none;color:var(--md-5c7d70)}
 html.pc-reference body #modernTopic button::before{content:'⌄';font-size:18px}
 html.pc-reference body #app#app #messages{display:block!important;flex:1 1 0!important;height:auto!important;min-height:0!important;width:100%!important;overflow:auto!important;padding:20px 22px!important;background:var(--md-e4ece7) url('/images/modern-demo/pattern.webp') center/420px!important;box-sizing:border-box!important}
 html.pc-reference body #app#app #messages .message:not(.system-message){display:flex!important;align-items:flex-start!important;gap:10px!important;margin:0 0 16px!important;padding:0!important;background:transparent!important;border:0!important;max-width:100%!important}
 html.pc-reference body #app#app #messages .message-avatar{flex:0 0 42px!important;width:42px!important;height:42px!important;margin:0!important}
 html.pc-reference body #app#app #messages .message-avatar :is(img,.social-avatar){width:42px!important;height:42px!important;border-radius:50%!important}
 html.pc-reference body #app#app #messages .message-body{position:relative!important;flex:0 1 auto!important;min-width:0!important;max-width:82%!important;min-height:64px!important;padding:9px 13px 23px!important;border-radius:0 14px 14px 14px!important;background:#fff!important;box-shadow:0 1px 3px color-mix(in srgb,var(--md-61776f) 9%,transparent)!important;color:var(--md-15372d)!important;overflow:visible!important}
 html.pc-reference body #app#app #messages .message-body::before{content:'';position:absolute;left:-7px;top:0;border-top:9px solid #fff;border-left:8px solid transparent}
 html.pc-reference body #app#app #messages .message.self{justify-content:flex-end!important}
 html.pc-reference body #app#app #messages .message.self .message-body{background:var(--md-e0ffd1)!important;border-radius:14px 0 14px 14px!important}
 html.pc-reference body #app#app #messages .message.self .message-body::before{left:auto;right:-7px;border-left:0;border-right:8px solid transparent;border-top-color:var(--md-e0ffd1)}
 html.pc-reference body #app#app #messages .message.self .message-avatar{order:2}
 html.pc-reference body #app#app #messages .message-meta{display:flex!important;align-items:center!important;background:transparent!important;margin-bottom:4px!important;padding:0!important}
 html.pc-reference body #app#app #messages .message-name{background:transparent!important;font-weight:700!important}
 html.pc-reference body #app#app #messages .message-text{background:transparent!important;line-height:1.5!important;white-space:pre-wrap;overflow-wrap:anywhere}
 html.pc-reference body #app#app #messages .message-time{display:none!important}
 html.pc-reference body #app#app #messages .classic-end-time{display:block!important;position:absolute!important;right:10px!important;bottom:5px!important;font:11px Arial!important;color:var(--md-899c94)!important}
 html.pc-reference body #app#app #messages .classic-like{display:none!important}
 html.pc-reference body #app#app .composer{position:relative!important;flex:0 0 auto!important;min-height:74px!important;height:auto!important;padding:9px 12px 14px!important;background:var(--md-e4ece7)!important;border:0!important;border-radius:0!important;display:block!important}
 html.pc-reference body #app#app .composer-tools{display:none!important}
 html.pc-reference body #app#app .composer-row{display:flex!important;align-items:center!important;gap:8px!important;min-height:52px!important;padding:0!important;border:0!important;background:transparent!important;position:relative!important}
 html.pc-reference body #app#app .message-input-wrap{display:flex!important;align-items:center!important;gap:6px!important;position:relative!important;flex:1 1 0!important;min-width:0!important;border-radius:24px!important;min-height:52px!important;padding:4px 12px!important;background:#fff!important;border:0!important;box-shadow:0 1px 5px color-mix(in srgb,var(--md-46534d) 8%,transparent)!important}
 html.pc-reference body #app#app #messageInput{position:static!important;flex:1 1 0!important;min-width:0!important;width:100%!important;min-height:36px!important;height:36px!important;max-height:100px!important;padding:8px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:16px!important;color:var(--md-37443f)!important;resize:none!important;order:2}
 html.pc-reference body #app#app #emojiButton{order:0}
 html.pc-reference body #app#app #modernAttach{order:1}
 html.pc-reference body #app#app #imageButton{display:none!important}
 html.pc-reference body #app#app :is(#emojiButton,#modernAttach){display:grid!important;place-items:center!important;width:30px!important;height:36px!important;flex:0 0 30px!important;padding:3px!important;border:0!important;background:none!important;color:var(--md-74867e)!important;position:static!important;font-size:0!important}
 html.pc-reference body #app#app :is(#emojiButton,#voiceButton,#sendButton)>:not(.md-control-icon){display:none!important}
 html.pc-reference body #app#app .md-control-icon,html.pc-reference body #app#app #modernAttach>svg{display:block!important;width:25px!important;height:25px!important}
 html.pc-reference body #app#app .md-control-icon svg{width:100%;height:100%}
 html.pc-reference body #app#app :is(#voiceButton,#sendButton){display:grid!important;place-items:center!important;flex:0 0 48px!important;width:48px!important;height:48px!important;padding:10px!important;border:0!important;border-radius:50%!important;background:var(--pc-accent)!important;color:white!important;position:static!important;font-size:0!important;box-shadow:none!important}
 html.pc-reference body #app#app .composer-row:not(.md-has-text):not(.md-no-voice) #sendButton{display:none!important}
 html.pc-reference body #app#app .composer-row.md-has-text #voiceButton,html.pc-reference body #app#app .composer-row.md-no-voice #voiceButton{display:none!important}
 html.pc-reference body #app#app #nickTabButton{display:block!important;position:static!important;order:5!important;flex:0 0 42px!important;width:42px!important;height:28px!important;padding:0!important;background:#fff!important;color:var(--md-5c7d70)!important;border:1px solid var(--md-d9e8e0)!important;border-radius:7px!important}
 html.pc-reference body #app#app #nickTabButton>:not(.md-tab-caption){display:none!important}
 html.pc-reference body #app#app .md-tab-caption{display:block;font:12px Arial}
 html.pc-reference body #app#app .desktop-composer-toolbar{display:none!important;position:absolute!important;bottom:78px!important;left:20px!important;right:auto!important;width:max-content!important;max-width:calc(100% - 40px)!important;padding:12px!important;gap:9px!important;background:#fff!important;box-shadow:0 5px 25px color-mix(in srgb,var(--md-183d33) 13%,transparent)!important;border:1px solid var(--md-dae6df)!important;border-radius:13px!important;z-index:30!important;flex-wrap:wrap!important}
 html.pc-reference body #app#app.md-tools-open .desktop-composer-toolbar{display:flex!important}
 html.pc-reference body #app#app .desktop-composer-toolbar :is(button,select){position:static!important;max-width:100px;height:31px!important;min-width:28px!important;border:1px solid var(--md-d9e8e0)!important;border-radius:6px!important;background:#f6faf8!important;color:var(--md-46534d)!important}
 html.pc-reference body #app#app .desktop-composer-toolbar .md-control-icon img{width:23px;height:23px}
 html.pc-reference body #app#app .layout:not(.private-chat) #nudgeButton{display:none!important}
 html.pc-reference body #app#app #modernHeaderRadio{display:flex!important;margin-left:auto;align-items:center}
 html.pc-reference body #app#app #radioPanel{display:flex!important;align-items:center!important;gap:8px!important;position:static!important;width:auto!important;max-width:320px!important;height:52px!important;padding:7px 10px!important;background:#ffffff18!important;border:1px solid #ffffff30!important;border-radius:12px!important;box-shadow:none!important;color:white!important}
 html.pc-reference body #app#app #radioPanel button{background:transparent!important;color:white!important;border:0!important;width:28px!important;height:28px!important;flex:0 0 28px!important;padding:3px!important;box-shadow:none!important}
 html.pc-reference body #app#app #radioPanel .radio-info{width:108px!important;min-width:0!important;color:white!important}
 html.pc-reference body #app#app #radioTitle{color:#fff!important;font-size:12px!important}
 html.pc-reference body #app#app #radioStatus{color:var(--md-d1e7df)!important;font-size:10px!important}
 html.pc-reference body #app#app #radioVolume{width:48px!important;min-width:48px!important;max-width:48px!important;accent-color:var(--md-dcefe4)!important}
 html.pc-reference body #app#app #modernProfileMenu{display:block!important;background:none;border:0;color:#fff;width:28px;height:35px;padding:3px}
 html.pc-reference body #app#app #modernProfileMenu svg{width:24px;height:24px}
 html.pc-reference body #modernNavigationMenu{position:fixed;top:78px;right:18px;z-index:500;background:#fff;border:1px solid var(--md-dae6df);border-radius:12px;box-shadow:0 6px 30px color-mix(in srgb,var(--md-183d33) 17%,transparent);padding:8px;min-width:200px}
 html.pc-reference body #modernNavigationMenu button{display:flex;align-items:center;gap:9px;width:100%;padding:12px;border:0;background:#fff;color:var(--md-254b3d);text-align:left;border-radius:7px;cursor:pointer}
 html.pc-reference body #modernNavigationMenu svg{width:20px;height:20px}
 html.pc-reference body #mobileDrawer{display:flex!important;flex-direction:column!important;position:fixed!important;top:82px!important;right:0!important;bottom:0!important;width:280px!important;max-width:35vw!important;min-height:0!important;background:#f6fcf8!important;border-left:1px solid var(--md-d9e8e0)!important;border-radius:16px 0 0 16px!important;transform:translateX(100%)!important;z-index:400!important;box-shadow:-5px 0 25px color-mix(in srgb,var(--md-10382e) 13%,transparent)!important}
 html.pc-reference body #mobileDrawer.open{transform:translateX(0)!important}
 html.pc-reference body #mobileDrawer .drawer-head{padding:20px 15px!important;background:var(--md-eaf5ef)!important;color:var(--md-285e48)!important}
 html.pc-reference body #mobileDrawer #mobileMemberList{flex:1;min-height:0;overflow:auto;padding:10px}
 html.pc-reference body #mobileDrawer #mobileMemberSearch{border:0;border-radius:18px;background:var(--md-e5f3ed);padding:10px;width:calc(100% - 24px);margin:12px;color:var(--md-31574c)}
 html.pc-reference body #mobileDrawer .member-group-heading{display:flex!important;align-items:center;gap:5px;width:100%;padding:6px!important;min-height:28px!important;border:0;border-radius:10px;background:color-mix(in srgb,var(--group-color) 12%,white);color:var(--group-color)}
 html.pc-reference body #mobileDrawer .member-group-heading>svg{width:18px!important;height:18px!important;flex:0 0 18px!important}
 html.pc-reference body #mobileDrawer .member-group-heading>.roster-demo-icon{display:none!important}
 html.pc-reference body #mobileDrawer .member-row{display:flex!important;align-items:center;gap:8px;min-height:35px;padding:5px;color:var(--group-color)}
 html.pc-reference body #mobileDrawer .member-row>div:not(.roster-profile-avatar){display:flex;gap:3px;min-width:0;flex:1}
 html.pc-reference body #mobileDrawer .member-row .member-nick{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html.pc-reference body #mobileDrawer :is(.roster-profile-avatar,.roster-profile-avatar .social-avatar,.roster-profile-avatar img){width:26px!important;height:26px!important;border-radius:50%}
 html.pc-reference body #mobileDrawer .member-row.group-collapsed,html.pc-reference body #mobileDrawer [hidden]{display:none!important}
 html.pc-reference body #drawerShade.open{display:block!important;position:fixed!important;inset:82px 0 0!important;background:color-mix(in srgb,var(--md-183d33) 15%,transparent)!important;z-index:399!important}
 html.pc-reference body #app#app [hidden]{display:none!important}
}
@media(min-width:761px) and (max-width:1050px) and (hover:hover),(min-width:761px) and (max-width:1050px) and (pointer:fine){
 html.pc-reference body #app#app>.layout{grid-template-columns:165px 225px minmax(0,1fr)!important}
 html.pc-reference body .pc-navigation button{font-size:15px;gap:9px;padding:8px}
 html.pc-reference body #app#app .channel-head{gap:7px!important;padding:8px!important}
 html.pc-reference body #modernIdentity strong{font-size:18px}
 html.pc-reference body #app#app #messages{padding:15px 12px!important}
 html.pc-reference body #app#app #messages .message-body{max-width:calc(100% - 45px)!important}
}

@media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){
 html.pc-reference body #app#app :is(.desktop-composer-hint,#privateComposerBlock,.reference-private-shell){display:none!important}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .mobile-setting-row{display:flex;align-items:center;gap:9px;background:white;color:var(--md-254b3d);border:0;border-bottom:1px solid #edf2ef;width:100%;padding:12px 4px;text-align:left}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .mobile-setting-row span{flex:1;min-width:0}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .mobile-setting-row :is(b,small){display:block}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .mobile-setting-row small{font-size:12px;color:var(--md-74867e)}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-channel[aria-current="page"]{background:var(--md-e1f2e9);border-radius:12px}
 html.pc-reference body :is(#mobileSectionContent,#pcReferenceRail) .md-empty{padding:20px 10px;color:var(--md-74867e);font-size:14px}
 html.pc-reference body #app#app #messages .message-body.has-reactions{margin-bottom:15px!important}
 html.pc-reference body #app#app #messages .reaction-counts{justify-content:flex-end!important}
 html.pc-reference body #app#app :is(.status-add-button,.status-show-more){background:var(--pc-accent);color:#fff;border-radius:12px}
}
.pc-global-search{display:none}
@media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){
 html.pc-reference body .pc-global-search{display:block;min-width:100px;width:clamp(120px,20vw,310px);height:40px;flex:1 1 140px;max-width:310px;padding:10px 16px;background:#ffffff15;border:1px solid #ffffff14;border-radius:10px;color:var(--md-f0fbf8);font:16px 'Segoe UI',Arial}
 html.pc-reference body .pc-global-search::placeholder{color:var(--md-b9d7cd)}
 html.pc-reference body #app#app :is(.desktop-private-portraits,.chat-head-actions,.private-floating-close,.private-floating-clear,.welcome-banner){display:none!important}
 html.pc-reference body #app#app #messages,html.pc-reference body #app#app .composer{margin:0!important;border:0!important;border-radius:0!important}
 html.pc-reference body #app#app.md-microphone-hidden .composer-row #voiceButton{display:none!important}
 html.pc-reference body #app#app.md-microphone-hidden .composer-row #sendButton{display:grid!important}
 html.pc-reference body #app#app #modernIdentity{order:1!important}
 html.pc-reference body #app#app .channel-head{flex-wrap:nowrap!important}
 html.pc-reference body #app#app .desktop-composer-toolbar::after{content:'';position:absolute;left:48px;bottom:-7px;border-top:8px solid white;border-left:8px solid transparent;border-right:8px solid transparent}
 html.pc-reference body #mobileDrawer .member-group-heading[hidden]{display:none!important}
}
/* Revised PC workspace: channels | members | conversation. */
.pc-navigation,.pc-top-profile{display:none}
@media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){
 html.pc-reference body #app#app>.titlebar{gap:14px!important;padding:10px 20px!important;height:78px!important;min-height:78px!important;flex:0 0 78px!important}
 html.pc-reference body #app#app .brand{min-width:200px!important}
 html.pc-reference body #app#app .brand strong{font-size:25px!important}
 html.pc-reference body #app#app .brand img{width:48px!important;height:48px!important}
 html.pc-reference body #app#app .brand small{font-size:12px!important}
 html.pc-reference body #app#app .pc-navigation{display:flex!important;flex-direction:row;align-items:center;gap:5px;order:1;min-width:0}
 html.pc-reference body #app#app .pc-navigation button{width:auto;height:40px;padding:8px 12px;gap:8px;color:var(--md-ecfaf6);font-size:14px;white-space:nowrap;position:relative}
 html.pc-reference body #app#app .pc-navigation button.active{background:#ffffff24;color:#fff}
 html.pc-reference body #app#app .pc-navigation button:hover{background:#ffffff18}
 html.pc-reference body #app#app .pc-navigation svg{width:21px;height:21px}
 html.pc-reference body #app#app .pc-navigation b{font:11px Arial;padding:2px 5px}
 html.pc-reference body #app#app #modernHeaderRadio{order:2;margin-left:auto!important;flex:none}
 html.pc-reference body #app#app .pc-top-profile{display:flex!important;align-items:center;gap:8px;order:3;flex:0 1 190px;min-width:100px;max-width:190px;height:46px;padding:4px 10px;border:0;border-left:1px solid #ffffff30;border-radius:0;background:transparent;color:white;text-align:left;cursor:pointer}
 html.pc-reference body #app#app .pc-top-profile>span:nth-child(2){min-width:0;flex:1}
 html.pc-reference body #app#app .pc-top-profile strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 14px 'Segoe UI',Arial}
 html.pc-reference body #app#app .pc-top-profile small{display:block;font:11px 'Segoe UI',Arial;color:var(--md-d1e7df);white-space:nowrap;margin-top:3px}
 html.pc-reference body #app#app .pc-top-avatar,html.pc-reference body #app#app .pc-top-avatar :is(.social-avatar,img){display:block;width:36px!important;height:36px!important;border-radius:50%;flex:none;object-fit:cover}
 html.pc-reference body #app#app #modernProfileMenu{order:4;flex:none}
 html.pc-reference body #app#app>.layout{grid-template-columns:clamp(210px,21vw,310px) clamp(180px,17vw,250px) minmax(0,1fr)!important}
 html.pc-reference body #pcReferenceRail{padding:0!important;overflow:hidden!important;min-width:0!important;display:flex!important}
 html.pc-reference body #pcReferenceRail>header{display:flex;align-items:center;justify-content:space-between;padding:18px 15px 12px;flex:none}
 html.pc-reference body #pcReferenceRail h2{font:650 21px 'Segoe UI',Arial;margin:0}
 html.pc-reference body #pcReferenceRail>header .md-join{position:static!important;min-width:32px!important;min-height:32px!important;width:32px!important;height:32px!important;padding:0!important;border-radius:10px!important;font-size:24px!important;box-shadow:none!important}
 html.pc-reference body .pc-channel-search{margin:0 12px 10px;width:calc(100% - 24px);min-width:0;height:37px;padding:8px 10px;border:1px solid var(--md-e0ebe5);border-radius:10px;background:#f5f9f7;font:14px 'Segoe UI',Arial;box-sizing:border-box;flex:none}
 html.pc-reference body .pc-channel-items{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;padding:0 7px 12px;scrollbar-width:thin;scrollbar-color:var(--md-bed9cb) transparent}
 html.pc-reference body #pcReferenceRail .md-channel{min-height:68px!important;gap:10px!important;padding:9px 6px!important;max-width:100%!important;overflow:hidden!important}
 html.pc-reference body #pcReferenceRail .md-channel>img{width:40px!important;height:40px!important;flex-basis:40px!important}
 html.pc-reference body #pcReferenceRail .md-channel>span>b{font-size:15px!important;line-height:23px!important}
 html.pc-reference body #pcReferenceRail .md-channel small{font-size:12px!important;line-height:18px!important}
 html.pc-reference body #app#app #rightPanel{display:flex!important;flex-direction:column!important;grid-column:2!important;grid-row:1!important;min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;border:0!important;border-right:1px solid var(--md-e0ebe5)!important;background:#f9fcfa!important;overflow:hidden!important}
 html.pc-reference body #app#app #rightPanel>.info-card{display:none!important}
 html.pc-reference body #app#app #rightPanel .member-card{display:flex!important;flex-direction:column!important;min-height:0!important;flex:1!important;width:100%!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;overflow:hidden!important}
 html.pc-reference body #app#app #rightPanel .member-card>h3{font:600 15px 'Segoe UI',Arial!important;min-height:45px!important;display:flex!important;align-items:center!important;margin:0!important;padding:14px 12px!important;color:var(--md-31574c)!important}
 html.pc-reference body #app#app .desktop-member-search{display:block!important;padding:0 10px 10px!important;flex:none!important;background:none!important}
 html.pc-reference body #app#app #memberSearch{width:100%!important;min-width:0!important;padding:8px!important;height:34px!important;border-radius:8px!important;background:#edf5f0!important;color:var(--md-46534d)!important;font:13px Arial!important;box-sizing:border-box!important}
 html.pc-reference body #app#app #memberList{min-height:0!important;min-width:0!important;flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;padding:5px 9px 15px!important;scrollbar-width:thin;scrollbar-color:var(--md-bed9cb) transparent}
 html.pc-reference body #app#app #memberList .member-row{min-height:32px!important;border:0!important;padding:5px!important;background:transparent!important;display:flex!important;gap:5px!important;align-items:center!important}
 html.pc-reference body #app#app #memberList .member-row.group-collapsed,html.pc-reference body #app#app #memberList .member-row[hidden]{display:none!important}
 html.pc-reference body #app#app #memberList .member-row>div:not(.roster-profile-avatar){min-width:0!important;flex:1!important;display:flex!important;gap:3px!important}
 html.pc-reference body #app#app #memberList .member-nick{white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;font:13px Arial!important}
 html.pc-reference body #app#app #memberList button.member-group-heading{margin-top:8px!important;border:0!important;border-radius:8px!important;background:color-mix(in srgb,var(--group-color) 11%,white)!important;color:var(--group-color)!important;box-shadow:none!important}
 html.pc-reference body #app#app #memberList button.member-group-heading>span{font-size:11px!important}
 html.pc-reference body #app#app #mobileMembersButton{display:none!important}
 html.pc-reference body #app#app .layout[data-pc-view="channels"] #mobileSection{display:none!important}
 html.pc-reference body #app#app .layout:not([data-pc-view="channels"]) #rightPanel{display:none!important}
 html.pc-reference body #app#app .layout[data-pc-view="chats"] #mobileSection,html.pc-reference body #app#app .layout[data-pc-view="statuses"] #mobileSection{grid-column:2 / -1!important}
 html.pc-reference body #app#app .layout:is([data-pc-view="chats"],[data-pc-view="statuses"]) .chat-panel{display:none!important}
 html.pc-reference body #app#app .layout:is([data-pc-view="chats"],[data-pc-view="statuses"]) .pc-directory-search{display:none!important}
 html.pc-reference body #app#app .layout[data-pc-view="chats"] #mobileSectionContent{background:#f5faf8!important;padding:10px 22px 25px!important}
 html.pc-reference body #app#app .md-profile{max-width:1100px;margin:0 auto}
 html.pc-reference body #app#app #mobileSectionContent .md-card{border-radius:13px;padding:15px!important;margin-bottom:12px!important;box-shadow:0 1px 5px color-mix(in srgb,var(--md-31574c) 2%,transparent)}
 html.pc-reference body #app#app #mobileSectionContent .md-card h3{font:600 14px 'Segoe UI',Arial!important;color:var(--md-006d58)!important}
 html.pc-reference body #app#app #mobileSectionContent .md-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 html.pc-reference body #app#app #mobileSectionContent .md-option{min-width:0!important;min-height:61px;border:1px solid var(--md-e4ece7)!important;border-radius:10px;padding:10px!important;gap:12px!important;background:#fbfefc!important}
 html.pc-reference body #app#app #mobileSectionContent .md-option[aria-pressed="true"]{background:var(--md-e1f2e9)!important;border-color:var(--md-bbd8ca)!important}
 html.pc-reference body #app#app #mobileSectionContent .md-option i{font-style:normal;font-size:26px;flex:none}
 html.pc-reference body #app#app #mobileSectionContent .md-option strong{font:600 14px 'Segoe UI',Arial}
 html.pc-reference body #app#app #mobileSectionContent .md-option small{font:12px/1.5 'Segoe UI',Arial;white-space:normal}
 html.pc-reference body #app#app #mobileSectionContent .md-identity{gap:18px;padding:2px 0}
 html.pc-reference body #app#app #mobileSectionContent .md-profile-photo{position:relative;flex:none}
 html.pc-reference body #app#app #mobileSectionContent .md-profile-photo .social-avatar{width:68px!important;height:68px!important;border-radius:50%!important;background:var(--md-dff2e8)}
 html.pc-reference body #app#app #mobileSectionContent .md-profile-photo img{width:68px!important;height:68px!important;border-radius:50%!important}
 html.pc-reference body #app#app #mobileSectionContent .md-profile-photo i{position:absolute;right:0;bottom:0;background:var(--md-00866c);color:white;border-radius:50%;font-style:normal;padding:4px;font-size:14px}
 html.pc-reference body #app#app #mobileSectionContent .md-profile-name b{font:700 23px 'Segoe UI',Arial;color:var(--md-183d33)}
 html.pc-reference body #app#app #mobileSectionContent .md-profile-name small{display:block;margin-top:7px;color:var(--md-74867e);font:14px 'Segoe UI',Arial}
 html.pc-reference body #app#app #mobileSectionContent .md-edit-nick{border:1px solid var(--md-d1e7df);border-radius:8px;padding:8px 12px;background:#f6faf8;color:var(--md-46534d);font-size:20px}
 html.pc-reference body #app#app #mobileSectionContent .mobile-setting-row{gap:12px;padding:11px!important}
 html.pc-reference body #app#app #mobileSectionContent .mobile-setting-row span{display:flex;align-items:center;gap:20px}
 html.pc-reference body #app#app #mobileSectionContent .mobile-setting-row b{min-width:150px;font-weight:500}
 html.pc-reference body #app#app .composer-row{height:54px!important;min-height:54px!important;align-items:center!important}
 html.pc-reference body #app#app .message-input-wrap{height:52px!important;min-height:52px!important;padding:5px 12px!important;box-sizing:border-box!important}
 html.pc-reference body #app#app #messageInput{height:38px!important;min-height:38px!important;padding:9px 0!important;line-height:20px!important;overflow-y:auto!important;scrollbar-width:none!important;box-sizing:border-box!important}
 html.pc-reference body #app#app :is(#emojiButton,#modernAttach){align-self:center!important;margin:0!important;top:auto!important;bottom:auto!important;transform:none!important}
 html.pc-reference body #app#app #emojiButton .md-control-icon{position:static!important;display:grid!important;place-items:center!important}
 html.pc-reference body #app#app #nickTabButton{align-self:center!important;height:30px!important;width:48px!important;flex:0 0 48px!important}
 html.pc-reference body #app#app #nickTabButton .md-tab-caption{font:12px Arial!important;white-space:nowrap!important}
 html.pc-reference body #app#app #nickTabButton .md-tab-caption::before,html.pc-reference body #app#app #nickTabButton .md-tab-caption::after{content:none!important}
 html.pc-reference body #app#app #nickTabButton::before,html.pc-reference body #app#app #nickTabButton::after{content:none!important}
 html.pc-reference body #app#app .titlebar>button:not(#modernProfileMenu):not(.pc-top-profile){display:none!important}
 html.pc-reference body #app#app #radioPanel :is(button,input){align-self:center!important;margin:0!important;position:static!important;transform:none!important}
}
@media(min-width:761px) and (max-width:1250px) and (hover:hover),(min-width:761px) and (max-width:1250px) and (pointer:fine){
 html.pc-reference body #app#app>.titlebar{flex-wrap:wrap!important;height:118px!important;min-height:118px!important;flex-basis:118px!important;padding:8px 15px!important;gap:6px 12px!important}
 html.pc-reference body #app#app .pc-navigation{order:5;flex-basis:100%;justify-content:center}
 html.pc-reference body #app#app .pc-navigation button{height:34px!important}
 html.pc-reference body #app#app>.layout{grid-template-columns:210px 180px minmax(0,1fr)!important}
 html.pc-reference body #app#app #mobileSectionContent .md-options{grid-template-columns:1fr!important}
 html.pc-reference body #app#app #mobileSectionContent .mobile-setting-row span{display:block}
}
@media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){
 html.pc-reference body #app#app #modernHeaderRadio{gap:7px!important}
 html.pc-reference body #app#app #modernHeaderRadioRefresh{display:grid!important;place-items:center;width:29px!important;height:29px!important;flex:0 0 29px!important;align-self:center!important;padding:0!important;margin:0!important;border:1px solid #ffffff30!important;border-radius:8px!important;background:#ffffff15!important;color:white!important;font:20px Arial!important;cursor:pointer}
 html.pc-reference body #app#app #mobileSectionContent .md-profile{font-family:'Segoe UI',Arial!important}
 html.pc-reference body #app#app #memberList .roster-profile-avatar{flex:0 0 24px!important;width:24px!important;height:24px!important}
 html.pc-reference body #app#app #memberList .roster-profile-avatar :is(img,.social-avatar){width:24px!important;height:24px!important;border-radius:50%!important}
 html.pc-reference body #app#app :is(.pc-top-profile,.pc-navigation button):focus-visible{outline:2px solid white;outline-offset:2px}
}

@media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){
html.pc-reference body #app#app #rightPanel .drawer-head{padding:14px 12px 0 14px!important;min-height:36px!important;gap:6px!important;background:transparent!important;border:0!important;}
html.pc-reference body #app#app #rightPanel .drawer-head strong{font:700 14px/1.2 RosterRoboto,Arial!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--md-006653)!important;}
html.pc-reference body #app#app #rightPanel #closeDrawer{width:29px!important;height:29px!important;min-width:29px!important;padding:0!important;border-radius:7px!important;font-size:23px!important;line-height:1!important;background:linear-gradient(130deg,var(--md-00866c),var(--md-006653))!important;color:white!important;}
html.pc-reference body #app#app #rightPanel #drawerMemberSummary{display:flex!important;justify-content:flex-start!important;gap:14px!important;padding:6px 14px!important;font-size:12px!important;color:var(--md-006653)!important;background:transparent!important;}
html.pc-reference body #app#app #rightPanel #memberSearch{width:calc(100% - 22px)!important;height:34px!important;min-height:34px!important;margin:5px 11px 9px!important;padding:0 12px!important;border:1px solid var(--md-cadcd5)!important;border-radius:18px!important;background:var(--md-e5f3ed)!important;font:16px RosterRoboto,Arial!important;color:#335b53!important;}
html.pc-reference body #app#app #rightPanel #memberList{padding:0 10px 12px!important;overflow-x:hidden!important;scrollbar-width:none!important;background:transparent!important;}
html.pc-reference body #app#app #rightPanel :is([data-group="owner"],[data-member-group="owner"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;}
html.pc-reference body #app#app #rightPanel :is([data-group="root"],[data-member-group="root"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--rgb:244,69,131!important;--accent:#ff3852!important;--ink:#a50846!important;--badge-top:#ff006a!important;--badge-bottom:#bd003c!important;--head-start:#ffd9e8!important;--head-end:#ffdee9!important;--row:#fff0f6!important;--count-top:#e66196!important;--count-bottom:#b53069!important;}
html.pc-reference body #app#app #rightPanel :is([data-group="services"],[data-member-group="services"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--ink:#007f8c!important;--accent:#007f8c!important;--head-start:color-mix(in srgb,#007f8c 20%,white)!important;--head-end:color-mix(in srgb,#007f8c 12%,white)!important;--row:color-mix(in srgb,#007f8c 7%,white)!important;--badge-top:#007f8c!important;--badge-bottom:#007f8c!important;--count-top:#007f8c!important;--count-bottom:#007f8c!important;}
html.pc-reference body #app#app #rightPanel :is([data-group="coadmin"],[data-member-group="coadmin"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--ink:#b34f8a!important;--accent:#b34f8a!important;--head-start:color-mix(in srgb,#b34f8a 20%,white)!important;--head-end:color-mix(in srgb,#b34f8a 12%,white)!important;--row:color-mix(in srgb,#b34f8a 7%,white)!important;--badge-top:#b34f8a!important;--badge-bottom:#b34f8a!important;--count-top:#b34f8a!important;--count-bottom:#b34f8a!important;}
html.pc-reference body #app#app #rightPanel :is([data-group="technical"],[data-member-group="technical"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--ink:#4666a6!important;--accent:#4666a6!important;--head-start:color-mix(in srgb,#4666a6 20%,white)!important;--head-end:color-mix(in srgb,#4666a6 12%,white)!important;--row:color-mix(in srgb,#4666a6 7%,white)!important;--badge-top:#4666a6!important;--badge-bottom:#4666a6!important;--count-top:#4666a6!important;--count-bottom:#4666a6!important;}
html.pc-reference body #app#app #rightPanel :is([data-group="staff"],[data-member-group="staff"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--ink:#b35b09!important;--accent:#b35b09!important;--head-start:color-mix(in srgb,#b35b09 20%,white)!important;--head-end:color-mix(in srgb,#b35b09 12%,white)!important;--row:color-mix(in srgb,#b35b09 7%,white)!important;--badge-top:#b35b09!important;--badge-bottom:#b35b09!important;--count-top:#b35b09!important;--count-bottom:#b35b09!important;}
html.pc-reference body #app#app #rightPanel :is([data-group="q"],[data-member-group="q"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;}
html.pc-reference body #app#app #rightPanel :is([data-group="a"],[data-member-group="a"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--ink:#ec252b!important;--accent:#ec252b!important;--head-start:color-mix(in srgb,#ec252b 20%,white)!important;--head-end:color-mix(in srgb,#ec252b 12%,white)!important;--row:color-mix(in srgb,#ec252b 7%,white)!important;--badge-top:#ec252b!important;--badge-bottom:#ec252b!important;--count-top:#ec252b!important;--count-bottom:#ec252b!important;}
html.pc-reference body #app#app #rightPanel :is([data-group="o"],[data-member-group="o"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--rgb:43,166,247!important;--accent:#11b9f1!important;--ink:#0757b3!important;--badge-top:#2d95ff!important;--badge-bottom:#0060dc!important;--head-start:#d1edff!important;--head-end:#def3ff!important;--row:#e9f8ff!important;--count-top:#5898d9!important;--count-bottom:#2664ac!important;}
html.pc-reference body #app#app #rightPanel :is([data-group="h"],[data-member-group="h"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--rgb:4,218,222!important;--accent:#00ede4!important;--ink:#08778f!important;--badge-top:#00e4dc!important;--badge-bottom:#008eae!important;--head-start:#c9f6f7!important;--head-end:#d3fbf6!important;--row:#eafcfb!important;--count-top:#55adba!important;--count-bottom:#218390!important;}
html.pc-reference body #app#app #rightPanel :is([data-group="v"],[data-member-group="v"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--rgb:36,224,74!important;--accent:#56ec78!important;--ink:#126b35!important;--badge-top:#35ed58!important;--badge-bottom:#00b63c!important;--head-start:#c8f8cf!important;--head-end:#dffce3!important;--row:#edfdf3!important;--count-top:#55c770!important;--count-bottom:#269647!important;}
html.pc-reference body #app#app #rightPanel :is([data-group="vip"],[data-member-group="vip"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--ink:#ab7e00!important;--accent:#ab7e00!important;--head-start:color-mix(in srgb,#ab7e00 20%,white)!important;--head-end:color-mix(in srgb,#ab7e00 12%,white)!important;--row:color-mix(in srgb,#ab7e00 7%,white)!important;--badge-top:#ab7e00!important;--badge-bottom:#ab7e00!important;--count-top:#ab7e00!important;--count-bottom:#ab7e00!important;}
html.pc-reference body #app#app #rightPanel :is([data-group="bot"],[data-member-group="bot"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--ink:#49449d!important;--accent:#49449d!important;--head-start:color-mix(in srgb,#49449d 20%,white)!important;--head-end:color-mix(in srgb,#49449d 12%,white)!important;--row:color-mix(in srgb,#49449d 7%,white)!important;--badge-top:#49449d!important;--badge-bottom:#49449d!important;--count-top:#49449d!important;--count-bottom:#49449d!important;}
html.pc-reference body #app#app #rightPanel :is([data-group="gamebot"],[data-member-group="gamebot"]){--rgb:194,65,12!important;--ink:#c2410c!important;--accent:#c2410c!important;--head-start:color-mix(in srgb,#c2410c 20%,white)!important;--head-end:color-mix(in srgb,#c2410c 12%,white)!important;--row:color-mix(in srgb,#c2410c 7%,white)!important;--badge-top:#c2410c!important;--badge-bottom:#c2410c!important;--count-top:#c2410c!important;--count-bottom:#c2410c!important;}
html.pc-reference body #app#app #rightPanel :is([data-group="normal"],[data-member-group="normal"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--ink:#476687!important;--accent:#476687!important;--head-start:color-mix(in srgb,#476687 20%,white)!important;--head-end:color-mix(in srgb,#476687 12%,white)!important;--row:color-mix(in srgb,#476687 7%,white)!important;--badge-top:#476687!important;--badge-bottom:#476687!important;--count-top:#476687!important;--count-bottom:#476687!important;}
html.pc-reference body #app#app #rightPanel .member-group-heading{display:flex!important;align-items:center!important;gap:7px!important;width:100%!important;height:34px!important;min-height:34px!important;margin:8px 0 3px!important;padding:2px 8px 2px 5px!important;border:2px solid #fffdfd!important;border-radius:16px!important;background:linear-gradient(100deg,var(--head-start),var(--head-end))!important;color:var(--ink)!important;box-shadow:0 0 8px rgba(var(--rgb),.23),inset 0 0 6px #ffffffc9!important;font:700 12px RosterRoboto,Arial!important;}
html.pc-reference body #app#app #rightPanel .member-group-heading>svg{display:block!important;width:29px!important;height:25px!important;flex:0 0 29px!important;padding:4px!important;box-sizing:border-box!important;border-radius:10px!important;background:linear-gradient(140deg,var(--badge-top),var(--badge-bottom))!important;color:#fff7aa!important;}
html.pc-reference body #app#app #rightPanel .member-group-heading>span{flex:1!important;min-width:0!important;white-space:nowrap!important;font:700 12px RosterRoboto,Arial!important;color:var(--ink)!important;}
html.pc-reference body #app#app #rightPanel .member-group-heading .roster-design-count{display:grid!important;place-items:center!important;height:18px!important;min-width:22px!important;padding:0 5px!important;border-radius:12px!important;background:linear-gradient(var(--count-top),var(--count-bottom))!important;color:white!important;font-size:11px!important;}
html.pc-reference body #app#app #rightPanel .member-group-heading::before{display:none!important;}
html.pc-reference body #app#app #rightPanel .member-group-heading::after{content:"⌄"!important;position:static!important;display:block!important;background:none!important;border:0!important;transform:none!important;color:var(--ink)!important;font-size:16px!important;}
html.pc-reference body #app#app #rightPanel .member-group-heading[aria-expanded="false"]::after{transform:rotate(-90deg)!important;}
html.pc-reference body #app#app #rightPanel .member-row.grouped-member{position:relative!important;display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;height:39px!important;min-height:39px!important;margin:2px 0!important;padding:2px 11px 2px 8px!important;box-sizing:border-box!important;border:1px solid #ffffffed!important;border-radius:16px!important;background:linear-gradient(95deg,var(--row),color-mix(in srgb,var(--row),white 16%))!important;color:var(--ink)!important;box-shadow:0 3px 8px rgba(var(--rgb),.15),inset 2px 0 2px #ffffffda!important;overflow:hidden!important;}
html.pc-reference body #app#app #rightPanel .member-row.grouped-member::before{content:""!important;position:absolute!important;top:4px!important;bottom:4px!important;left:0!important;width:2px!important;background:var(--accent)!important;border:0!important;border-radius:50%!important;}
html.pc-reference body #app#app #rightPanel .member-row.grouped-member::after{content:"›"!important;position:static!important;margin-left:auto!important;color:var(--ink)!important;font-size:20px!important;background:none!important;border:0!important;}
html.pc-reference body #app#app #rightPanel .member-row.grouped-member>.member-group-icon{display:block!important;position:absolute!important;right:34px!important;top:50%!important;transform:translateY(-50%)!important;width:33px!important;height:33px!important;opacity:.08!important;color:var(--ink)!important;pointer-events:none!important;}
html.pc-reference body #app#app #rightPanel .member-row.grouped-member>.roster-profile-avatar{display:block!important;position:relative!important;flex:0 0 31px!important;width:31px!important;height:31px!important;border:1px solid #95c9be!important;border-radius:50%!important;overflow:visible!important;margin:0!important;background:var(--md-e5f3ed)!important;}
html.pc-reference body #app#app #rightPanel .roster-profile-avatar .social-avatar{width:100%!important;height:100%!important;border-radius:50%!important;overflow:hidden!important;}
html.pc-reference body #app#app #rightPanel .roster-profile-avatar img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important;}
html.pc-reference body #app#app #rightPanel .member-row.grouped-member>div:last-child{display:flex!important;align-items:center!important;min-width:0!important;flex:1!important;gap:3px!important;white-space:nowrap!important;}
html.pc-reference body #app#app #rightPanel .member-row.grouped-member :is(.member-nick,.member-prefix){font:500 14px/1.2 RosterRoboto,Arial!important;color:var(--ink)!important;white-space:nowrap!important;}
html.pc-reference body #app#app #rightPanel .member-row.grouped-member .member-nick{overflow:hidden!important;text-overflow:ellipsis!important;}
html.pc-reference body #app#app #rightPanel .member-row.group-collapsed{display:none!important;}
html.pc-reference body #app#app #rightPanel [hidden]{display:none!important;}
html.pc-reference body #app#app #rightPanel .member-group-heading::after{display:none!important;content:none!important}
html.pc-reference body #app#app #rightPanel .member-group-heading{flex-wrap:nowrap!important;overflow:hidden!important;cursor:pointer!important}
html.pc-reference body #app#app #rightPanel .member-group-heading>.roster-design-arrow{display:flex!important;position:static!important;align-items:center!important;justify-content:center!important;flex:0 0 24px!important;width:24px!important;min-width:24px!important;height:28px!important;margin:0!important;padding:0!important;color:var(--ink)!important;pointer-events:auto!important}
html.pc-reference body #app#app #rightPanel .roster-design-arrow svg{display:block!important;width:18px!important;height:18px!important;transition:transform .15s}
html.pc-reference body #app#app #rightPanel .member-group-heading[aria-expanded="false"] .roster-design-arrow svg{transform:rotate(-90deg)}
html.pc-reference body #app#app #rightPanel :is(.member-group-heading,.member-row):has(>.roster-demo-icon)>.member-group-icon:not(.roster-demo-icon){display:none!important}
html.pc-reference body #app#app #rightPanel .member-group-heading>.roster-demo-icon{display:block!important;stroke:none!important}
html.pc-reference body #app#app #rightPanel .member-row>.roster-demo-icon{display:block!important;stroke:none!important}
}
@media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){
 html.pc-reference{--pc-accent:var(--md-00866c);--pc-head:var(--md-006653);--pc-soft:var(--md-e5f3ed);--pc-line:var(--md-cadcd5)}
 html.pc-reference body #app#app>.titlebar{background:var(--md-006653)!important}
 html.pc-reference body #app#app>.layout{grid-template-columns:clamp(185px,17vw,260px) clamp(200px,19vw,280px) minmax(0,1fr)!important}
 html.pc-reference body #app#app #rightPanel>.my-profile,html.pc-reference body #app#app #rightPanel .member-card>h3{display:none!important}
 html.pc-reference body #app#app #rightPanel{background:linear-gradient(110deg,var(--md-f3fbf9),var(--md-e5f3ed))!important;padding-top:10px!important}
 html.pc-reference body #app#app #rightPanel .member-row [data-block-nick]{display:none!important}
 html.pc-reference body #app#app #rightPanel button.member-group-heading>.roster-demo-icon{display:block!important}
 html.pc-reference body #app#app #rightPanel button.member-group-heading:has(>.roster-demo-icon)>.member-group-icon:not(.roster-demo-icon){display:none!important}
 html.pc-reference body #app#app #rightPanel .member-row.grouped-member>.member-group-icon{position:static!important;transform:none!important;opacity:1!important;flex:0 0 24px!important;width:24px!important;height:24px!important}
 html.pc-reference body #app#app #rightPanel .member-row.grouped-member>.roster-profile-avatar{flex:0 0 29px!important;width:29px!important;height:29px!important}
 html.pc-reference body #app#app #rightPanel .roster-profile-avatar :is(img,.social-avatar){width:100%!important;height:100%!important}
 html.pc-reference body #app#app #nickTabButton{display:none!important}
 html.pc-reference body #app#app .composer-row{width:100%!important;gap:8px!important;padding:0!important}
 html.pc-reference body #app#app :is(#sendButton,#voiceButton){background:var(--md-00866c)!important;color:#fff!important;border-radius:50%!important;width:48px!important;height:48px!important;flex:0 0 48px!important;align-self:center!important;padding:11px!important;margin:0!important;font-size:0!important;line-height:0!important}
 html.pc-reference body #app#app :is(#sendButton,#voiceButton)::before,html.pc-reference body #app#app :is(#sendButton,#voiceButton)::after{content:none!important;display:none!important}
 html.pc-reference body #app#app :is(#sendButton,#voiceButton) .md-control-icon{position:static!important;display:block!important;width:26px!important;height:26px!important;transform:none!important;margin:0!important}
 html.pc-reference body #app#app :is(#sendButton,#voiceButton) .md-control-icon svg{display:block!important;width:26px!important;height:26px!important;stroke:currentColor!important}
 html.pc-reference body #app#app .social-avatar{background:var(--md-e5f3ed)!important;border-color:var(--md-cadcd5)!important}
 html.pc-reference body #app#app .social-avatar img{filter:none!important}
 html.pc-reference body #app#app :is(#radioPlay,#radioMute,#modernHeaderRadioRefresh){color:white!important}
 html.pc-reference body #app#app :is(.md-edit-nick,.show-more,.social-friend-button){background:var(--md-e5f3ed)!important;color:var(--md-006653)!important;border-color:var(--md-cadcd5)!important}
 html.pc-reference body #app#app #mobileSectionContent .md-profile{width:100%;max-width:1000px;box-sizing:border-box}
 html.pc-reference body #app#app #mobileSectionContent .md-card{box-sizing:border-box;overflow:hidden;min-width:0}
 html.pc-reference body #app#app #mobileSectionContent .md-card h3{color:var(--md-006653)!important}
 html.pc-reference body #app#app #mobileSectionContent .md-option{display:flex!important;align-items:center!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}
 html.pc-reference body #app#app #mobileSectionContent .md-option i{width:34px;flex:0 0 34px;text-align:center}
 html.pc-reference body #app#app #mobileSectionContent .md-option span{min-width:0!important;flex:1!important}
 html.pc-reference body #app#app #mobileSectionContent .md-option[aria-pressed="true"]{background:var(--md-e5f3ed)!important;border-color:var(--md-00866c)!important}
 html.pc-reference body #app#app #mobileSectionContent .md-profile-name{min-width:0!important;max-width:100%!important;padding:0!important}
 html.pc-reference body #app#app #mobileSectionContent .mobile-setting-row{min-width:0;box-sizing:border-box;align-items:center}
 html.pc-reference body #app#app #mobileSectionContent .mobile-setting-row span{display:block!important;min-width:0!important}
 html.pc-reference body #app#app #mobileSectionContent .mobile-setting-row :is(b,small){white-space:normal!important;overflow-wrap:anywhere}
 html.pc-reference body #app#app #messages{background-color:var(--md-f3fbf9)!important}
 html.pc-reference[data-chat-background="modern-blue"] body #app#app #messages{background-image:url('/images/modern-demo/pattern-blue.webp')!important}
 html.pc-reference[data-chat-background="pink"] body #app#app #messages{background-image:url('/images/modern-demo/pattern-pink.webp')!important}
 html.pc-reference[data-chat-background="purple"] body #app#app #messages{background-image:url('/images/modern-demo/pattern-purple.webp')!important}
 html.pc-reference[data-chat-background="black"] body #app#app #messages{background-image:url('/images/modern-demo/pattern-black.webp')!important}
 html.pc-reference body #app#app .composer{background:var(--md-f3fbf9)!important}
 html.pc-reference body #app#app #messages .message.self .message-body{background:var(--md-e5f3ed)!important}
 html.pc-reference body #app#app #messages .message.self .message-body::before{border-top-color:var(--md-e5f3ed)!important}
 html.pc-reference body :is(#socialDialog,#userCard){background:var(--md-f3fbf9)!important;color:var(--md-102933)!important;border-color:var(--md-cadcd5)!important}
 html.pc-reference body :is(#socialDialog,#userCard) button{border-color:var(--md-cadcd5);accent-color:var(--md-00866c)}
}

/* PC refinements: preserve the established wallpaper and native controls. */
@media(min-width:761px) and (hover:hover),(min-width:761px) and (pointer:fine),(min-width:1401px){
html.pc-reference body #app#app #messages{background-color:#eee9e2!important}
html.pc-reference[data-chat-background="modern-blue"] body #app#app #messages{background-color:#e9f0f7!important}
html.pc-reference[data-chat-background="pink"] body #app#app #messages{background-color:#f5e9ee!important}
html.pc-reference[data-chat-background="purple"] body #app#app #messages{background-color:#eeebf5!important}
html.pc-reference[data-chat-background="black"] body #app#app #messages{background-color:#252a2d!important}
html.pc-reference body #app#app :is(#modernChatMenu,#modernProfileMenu,#modernChatBack){display:none!important}
html.pc-reference body #app#app #pcReferenceRail>.desktop-profile-panel{display:flex!important;flex-direction:column!important;flex:none!important;position:static!important;order:-1!important;width:100%!important;box-sizing:border-box!important;padding:12px!important;margin:0 0 10px!important;border:0!important;border-bottom:1px solid var(--md-cadcd5)!important;background:var(--md-f3fbf9)!important;color:var(--md-102933)!important}
html.pc-reference body #app#app #pcReferenceRail .my-profile{display:block!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important}
html.pc-reference body #app#app #pcReferenceRail .social-avatar{width:64px!important;height:64px!important;border-radius:50%!important}
html.pc-reference body #app#app #pcReferenceRail :is(.social-own-controls,.private-preference){background:transparent!important;color:var(--md-102933)!important}
html.pc-reference body #app#app #pcReferenceRail #desktopPrivatePreference{order:-1;width:100%;margin-bottom:10px}
html.pc-reference body #app#app #pcReferenceRail .social-own-controls input{min-width:0;max-width:100%;box-sizing:border-box}
html.pc-reference body #app#app #rightPanel :is(.member-group-heading,.member-row){--head-start:var(--md-e5f3ed);--head-end:var(--md-f3fbf9);--row:var(--md-f3fbf9);--ink:var(--md-31574c);--accent:var(--md-00866c);--badge-top:var(--md-00866c);--badge-bottom:var(--md-006653);--count-top:var(--md-00866c);--count-bottom:var(--md-006653);box-shadow:none!important;border-color:var(--md-cadcd5)!important}
html.pc-reference body #app#app #modernTopic:not([hidden]){display:block!important;position:relative!important;padding:6px 42px 6px 12px!important;background:var(--md-e5f3ed)!important;border-bottom:1px solid var(--md-cadcd5)!important;color:var(--md-31574c)!important}
html.pc-reference body #app#app #modernTopic>span{display:block!important}
html.pc-reference body #app#app #modernTopic>.channel-head-toggle{display:block!important;position:absolute!important;inset:4px 5px auto auto!important;width:28px!important;height:24px!important;padding:0!important;border:0!important;transform:none!important;background:transparent url('/images/simgeler/baslik-ac.png') center/20px 20px no-repeat!important}
html.pc-reference body #app#app #modernTopic>.channel-head-toggle[aria-expanded="true"]{background-image:url('/images/simgeler/baslik-kapat.png')!important}
html.pc-reference body #app#app #modernTopic button::before,html.pc-reference body #app#app #modernTopic button::after{content:none!important}
html.pc-reference body #app#app.md-tools-open .desktop-composer-toolbar :is(#youtubeButton,.admin-clear-channel):not([hidden]){display:flex!important;position:static!important;align-items:center!important;justify-content:center!important;width:34px!important;height:32px!important;padding:4px!important;font-size:0!important;visibility:visible!important;opacity:1!important;background:var(--md-e5f3ed)!important}
html.pc-reference body #app#app .desktop-composer-toolbar .admin-clear-channel .md-control-icon{display:flex!important;position:static!important;width:23px!important;height:23px!important}
html.pc-reference body #app#app .desktop-composer-toolbar #youtubeButton svg{display:block!important;width:25px!important;height:20px!important}
html.pc-reference body #app#app .desktop-composer-toolbar{background:var(--md-f3fbf9)!important}
html.pc-reference body #app#app .desktop-composer-toolbar::after{border-top-color:var(--md-f3fbf9)!important}
html.pc-reference body #app#app [data-mobile-private][aria-current="page"]{animation:none!important;transition:none!important;background:var(--md-e5f3ed)!important}
}

/* Yeni yönetim grupları (Root Admin, Genel Sorumlu …) başlık renkleri */
html.pc-reference body #app#app #rightPanel :is([data-group="rootadmin"],[data-member-group="rootadmin"]){--ink:#8e1b1b!important;--accent:#8e1b1b!important;--head-start:color-mix(in srgb,#8e1b1b 20%,white)!important;--head-end:color-mix(in srgb,#8e1b1b 12%,white)!important;--row:color-mix(in srgb,#8e1b1b 7%,white)!important;--badge-top:#8e1b1b!important;--badge-bottom:#8e1b1b!important;--count-top:#8e1b1b!important;--count-bottom:#8e1b1b!important;}
html.pc-reference body #app#app #rightPanel :is([data-group="gensor"],[data-member-group="gensor"]){--ink:#0f5fa8!important;--accent:#0f5fa8!important;--head-start:color-mix(in srgb,#0f5fa8 20%,white)!important;--head-end:color-mix(in srgb,#0f5fa8 12%,white)!important;--row:color-mix(in srgb,#0f5fa8 7%,white)!important;--badge-top:#0f5fa8!important;--badge-bottom:#0f5fa8!important;--count-top:#0f5fa8!important;--count-bottom:#0f5fa8!important;}
html.pc-reference body #app#app #rightPanel :is([data-group="gensoryrd"],[data-member-group="gensoryrd"]){--ink:#2b7bbd!important;--accent:#2b7bbd!important;--head-start:color-mix(in srgb,#2b7bbd 20%,white)!important;--head-end:color-mix(in srgb,#2b7bbd 12%,white)!important;--row:color-mix(in srgb,#2b7bbd 7%,white)!important;--badge-top:#2b7bbd!important;--badge-bottom:#2b7bbd!important;--count-top:#2b7bbd!important;--count-bottom:#2b7bbd!important;}
html.pc-reference body #app#app #rightPanel :is([data-group="sales"],[data-member-group="sales"]){--ink:#1b8a5a!important;--accent:#1b8a5a!important;--head-start:color-mix(in srgb,#1b8a5a 20%,white)!important;--head-end:color-mix(in srgb,#1b8a5a 12%,white)!important;--row:color-mix(in srgb,#1b8a5a 7%,white)!important;--badge-top:#1b8a5a!important;--badge-bottom:#1b8a5a!important;--count-top:#1b8a5a!important;--count-bottom:#1b8a5a!important;}
html.pc-reference body #app#app #rightPanel :is([data-group="radio"],[data-member-group="radio"]){--ink:#c2185b!important;--accent:#c2185b!important;--head-start:color-mix(in srgb,#c2185b 20%,white)!important;--head-end:color-mix(in srgb,#c2185b 12%,white)!important;--row:color-mix(in srgb,#c2185b 7%,white)!important;--badge-top:#c2185b!important;--badge-bottom:#c2185b!important;--count-top:#c2185b!important;--count-bottom:#c2185b!important;}
html.pc-reference body #app#app #rightPanel :is([data-group="chanserv"],[data-member-group="chanserv"]){--ink:#5b3fa8!important;--accent:#5b3fa8!important;--head-start:color-mix(in srgb,#5b3fa8 20%,white)!important;--head-end:color-mix(in srgb,#5b3fa8 12%,white)!important;--row:color-mix(in srgb,#5b3fa8 7%,white)!important;--badge-top:#5b3fa8!important;--badge-bottom:#5b3fa8!important;--count-top:#5b3fa8!important;--count-bottom:#5b3fa8!important;}
html.pc-reference body #app#app #rightPanel :is([data-group="nickserv"],[data-member-group="nickserv"]){--ink:#00796b!important;--accent:#00796b!important;--head-start:color-mix(in srgb,#00796b 20%,white)!important;--head-end:color-mix(in srgb,#00796b 12%,white)!important;--row:color-mix(in srgb,#00796b 7%,white)!important;--badge-top:#00796b!important;--badge-bottom:#00796b!important;--count-top:#00796b!important;--count-bottom:#00796b!important;}
html.pc-reference body #app#app #rightPanel :is([data-group="help"],[data-member-group="help"]){--ink:#e07a00!important;--accent:#e07a00!important;--head-start:color-mix(in srgb,#e07a00 20%,white)!important;--head-end:color-mix(in srgb,#e07a00 12%,white)!important;--row:color-mix(in srgb,#e07a00 7%,white)!important;--badge-top:#e07a00!important;--badge-bottom:#e07a00!important;--count-top:#e07a00!important;--count-bottom:#e07a00!important;}