/* Native completion button must not wrap its arrow onto a second line. */
#app .desktop-composer-toolbar #nickTabButton{white-space:nowrap!important;line-height:1!important;width:40px!important;min-width:40px!important;flex:0 0 40px!important;align-items:center!important;justify-content:center!important;align-self:center!important;padding:0 3px!important}
#app .desktop-composer-toolbar #emojiButton,#app .desktop-composer-toolbar #imageButton,#app .desktop-composer-toolbar #voiceButton{margin-left:4px!important;margin-right:3px!important;align-self:center!important}
#app .desktop-composer-toolbar .admin-clear-channel{position:static!important;inset:auto!important;transform:none!important;flex:0 0 28px!important;width:28px!important;min-width:28px!important;height:29px!important;margin:0 3px!important;padding:2px!important;border:0!important;background-color:transparent!important;background-size:22px 22px!important;align-self:center!important}
#app .desktop-composer-toolbar .admin-clear-channel[hidden]{display:none!important}
@media(max-width:760px){
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .layout .desktop-composer-toolbar{align-items:center!important;row-gap:4px!important;padding:3px 2px!important}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .layout .desktop-composer-toolbar #emojiButton,html:is([data-message-style="modern"],[data-message-style="standard"]) #app .layout .desktop-composer-toolbar #imageButton,html:is([data-message-style="modern"],[data-message-style="standard"]) #app .layout .desktop-composer-toolbar #voiceButton{margin-left:4px!important;margin-right:3px!important}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .layout .desktop-composer-toolbar #nickTabButton{width:40px!important;min-width:40px!important;flex-basis:40px!important;white-space:nowrap!important;line-height:1!important;padding:0 3px!important;margin:0 2px!important}
}

/* Compact, regular nick typography in modern channel member lists. */
html:is([data-message-style="modern"],[data-message-style="standard"]) #memberList .member-nick,
html:is([data-message-style="modern"],[data-message-style="standard"]) #memberList .member-prefix,
html:is([data-message-style="modern"],[data-message-style="standard"]) #mobileMemberList .member-nick,
html:is([data-message-style="modern"],[data-message-style="standard"]) #mobileMemberList .member-prefix{
 font:400 13px/19px Arial,Helvetica,sans-serif!important;
 letter-spacing:normal!important;
}
/* Small presence indicator proportional to member avatars. */
html #memberList .social-avatar .social-dot,
html #mobileMemberList .social-avatar .social-dot{
 width:5px!important;height:5px!important;min-width:0!important;min-height:0!important;
 border:1px solid #fff!important;border-radius:50%!important;
 box-sizing:content-box!important;right:-1px!important;bottom:-1px!important;
}

/* Smaller composer in modern mobile channels and private chats. */
@media(max-width:760px){
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .layout:is(.msn-channel-chat,.msn-private-chat) .composer-row{padding:3px!important;}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .layout:is(.msn-channel-chat,.msn-private-chat) .composer-row #messageInput{height:52px!important;min-height:48px!important;max-height:76px!important;padding:3px!important;}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .layout:is(.msn-channel-chat,.msn-private-chat) .composer-row #sendButton{width:32px!important;min-width:32px!important;flex-basis:32px!important;height:34px!important;}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .layout:is(.msn-channel-chat,.msn-private-chat) .composer-row #sendButton::after{font-size:19px!important;}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .layout:is(.msn-channel-chat,.msn-private-chat) .desktop-composer-toolbar{min-height:26px!important;padding:1px 2px!important;row-gap:2px!important;}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .layout:is(.msn-channel-chat,.msn-private-chat) .desktop-composer-toolbar select{height:24px!important;}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .layout:is(.msn-channel-chat,.msn-private-chat) .desktop-composer-toolbar input[type=color]{height:23px!important;}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .layout:is(.msn-channel-chat,.msn-private-chat) .desktop-composer-toolbar button{height:25px!important;font-size:18px;}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .layout:is(.msn-channel-chat,.msn-private-chat) .desktop-composer-toolbar button:not(.admin-clear-channel):not(.private-floating-clear){background-size:20px 20px!important;}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .layout:is(.msn-channel-chat,.msn-private-chat) .desktop-composer-toolbar #nickTabButton{font-size:9px!important;}
}

html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-private-chat .private-portrait-camera{background-repeat:no-repeat!important;background-position:center!important;background-size:22px 22px!important;margin-right:5px}
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-private-chat .channel-head #audioCallButton{display:none!important}
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .desktop-composer-toolbar .private-floating-clear{position:static!important;inset:auto!important;transform:none!important;margin:0 3px!important}
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .channel-head.topic-expanded .channel-title-row{flex-wrap:wrap!important}
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .channel-head.topic-expanded #headerTopic{display:block!important;flex:1 0 100%;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-height:none!important;-webkit-line-clamp:unset!important;overflow-wrap:anywhere}
@media(max-width:760px){
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app>.layout.msn-channel-chat{--nick-column:var(--channel-roster-width)}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app>.layout.msn-channel-chat.modern-members-hidden{--nick-column:0px}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .chat-panel>#mobileMembersButton{right:var(--nick-column)!important;top:calc(50% - 25px)!important;bottom:auto!important;flex-direction:column!important;width:32px!important;min-width:32px!important;height:46px!important;gap:0!important;padding:2px!important;box-sizing:border-box}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat #mobileMembersButton img{width:23px!important;height:23px!important}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat #mobileMemberCount{display:block;line-height:15px}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat #scrollLockButton{position:absolute!important;right:var(--nick-column)!important;top:calc(50% + 25px)!important;bottom:auto!important;transform:none!important;width:32px!important;height:30px!important;z-index:10}
}

.private-call-shortcuts{display:none}
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-private-chat .private-call-shortcuts{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0;flex-shrink:0}
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-private-chat .private-call-shortcuts .private-portrait-camera{border:0!important;outline-offset:2px;box-shadow:none!important;border-radius:0!important;background-color:transparent!important;margin:0!important;width:32px;height:32px}


html:is([data-message-style="modern"],[data-message-style="standard"]) #app .desktop-composer-toolbar #nudgeButton{order:99!important;margin:0 6px!important;background-image:url('/images/simgeler/titresim.png')!important;background-position:center!important;background-repeat:no-repeat!important;background-size:22px 22px!important;font-size:0!important}
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-private-chat .channel-head .chat-head-actions{gap:14px!important}
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-private-chat .private-header-actions{gap:12px!important}
@media(max-width:760px){html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-private-chat .channel-head{gap:10px!important}}



.private-profile-actions{display:none}
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-private-chat .private-profile-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;flex-shrink:0;padding:3px 0}
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-private-chat .private-profile-actions button,
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-private-chat .private-call-shortcuts .favorite-button{position:static!important;width:30px!important;min-width:30px!important;height:30px!important;flex:0 0 30px;margin:0!important;padding:0!important;border:0!important;background-color:transparent!important;background-position:center!important;background-repeat:no-repeat!important;background-size:24px 24px!important;box-shadow:none!important;font-size:0!important}
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-private-chat .channel-head .private-floating-close{margin-left:auto!important;order:100!important}
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-private-chat .channel-head{padding-right:5px!important}
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-private-chat .chat-panel{position:relative}
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-private-chat #scrollLockButton{position:absolute!important;right:clamp(132px,14vw,190px)!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:32px!important;height:32px!important;z-index:10}
html body #app .layout .desktop-composer-toolbar #voiceButton,
html body #app .layout .desktop-composer-toolbar .admin-clear-channel{width:32px!important;min-width:32px!important;flex:0 0 32px!important;height:30px!important;background-size:28px 28px!important;padding:0!important}
html body #app .layout .desktop-composer-toolbar #voiceButton svg,
html body #app .layout .desktop-composer-toolbar .admin-clear-channel svg{width:28px!important;height:28px!important}
@media(max-width:760px){html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-private-chat #scrollLockButton{right:clamp(78px,24vw,112px)!important}}
html #app .private-profile-actions .friend-button{background-image:url(/images/simgeler/arkadas-ekle.png)!important}
html #app .private-profile-actions .friend-button.added{background-image:url(/images/simgeler/arkadas-cikar.png)!important}
html #app .private-profile-actions .block-button{background-image:url(/images/simgeler/engelle.png)!important}
html #app .private-profile-actions .block-button.blocked{background-image:url(/images/simgeler/engel-kaldir.png)!important}
html #app .private-call-shortcuts .favorite-button{background-image:url(/images/simgeler/favori.png)!important}
html #app .private-call-shortcuts .favorite-button.is-favorite{background-image:url(/images/simgeler/favori-aktif.png)!important}

/* Small profile actions inside the remote portrait frame. */
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-private-chat .private-portrait .private-profile-actions{gap:8px;padding:4px 0 1px;flex-wrap:nowrap}
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-private-chat .private-portrait .private-profile-actions button{width:23px!important;min-width:23px!important;height:23px!important;min-height:23px!important;flex:0 0 23px!important;background-size:20px 20px!important}
/* Keep Tab on the same line; allow scrolling on very narrow screens. */
html body #app .layout .desktop-composer-toolbar{flex-wrap:nowrap!important;align-items:center!important;overflow-x:auto;scrollbar-width:thin}
html body #app .layout .desktop-composer-toolbar>label{flex-shrink:0}
html body #app .layout .desktop-composer-toolbar #nickTabButton{align-self:center!important;position:static!important;transform:none!important;margin:0 2px!important;width:28px!important;min-width:28px!important;flex:0 0 28px!important;height:30px!important;padding:0!important}
@media(max-width:760px){
 html:is([data-message-style="modern"],[data-message-style="standard"]) body #app .layout .desktop-composer-toolbar select{width:58px}
 html:is([data-message-style="modern"],[data-message-style="standard"]) body #app .layout .desktop-composer-toolbar #emojiButton,
 html:is([data-message-style="modern"],[data-message-style="standard"]) body #app .layout .desktop-composer-toolbar #imageButton,
 html:is([data-message-style="modern"],[data-message-style="standard"]) body #app .layout .desktop-composer-toolbar #voiceButton,
 html:is([data-message-style="modern"],[data-message-style="standard"]) body #app .layout .desktop-composer-toolbar #nudgeButton{margin-left:2px!important;margin-right:2px!important;align-self:center!important}
}

/* Final private layout: portrait controls and native Tab. */
html #app .role-avatar .social-dot{display:none!important}
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-private-chat .channel-head,
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-private-chat .private-profile-actions,
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-private-chat .private-header-actions,
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-private-chat .private-call-shortcuts .favorite-button{display:none!important}
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-private-chat .desktop-private-portraits>.private-floating-close{position:static!important;inset:auto!important;transform:none!important;align-self:center!important;flex:0 0 27px!important;width:27px!important;height:27px!important;min-width:27px!important;margin:2px 0!important;padding:0!important;font:22px/1 Arial,sans-serif!important;order:0!important}
html body #app .layout .desktop-composer-toolbar #nickTabButton,
html body #app #nickTabButton{font:11px/1 Arial,sans-serif!important;background-image:none!important;order:100!important;white-space:nowrap!important}
html #app .profile-actions .favorite-button{font-size:23px}

/* Standard composer always starts with nickname completion. */
html[data-message-style="classic"] body #app #nickTabButton,
html[data-message-style="classic"] body #app .layout .desktop-composer-toolbar #nickTabButton{order:-100!important;flex-shrink:0!important;align-self:center!important;white-space:nowrap!important}

/* Close control belongs inside the remote portrait frame. */
html:is([data-message-style="modern"],[data-message-style="standard"]) body #app .msn-private-chat .private-portrait>.private-floating-close{
 position:static!important;inset:auto!important;transform:none!important;float:none!important;
 display:flex;align-items:center;justify-content:center;box-sizing:border-box;
 width:25px!important;min-width:25px!important;height:25px!important;min-height:25px!important;
 margin:5px auto 1px!important;padding:0!important;flex:none!important;
 appearance:none!important;border:1px solid var(--cz-bdd3e7,#bdd3e7)!important;border-radius:5px!important;
 background:var(--cz-f8fcff,#f8fcff)!important;color:var(--cz-1266b5,#1266b5)!important;
 font:20px/1 Arial,sans-serif!important;text-indent:0!important;box-shadow:none!important;cursor:pointer;
}
html:is([data-message-style="modern"],[data-message-style="standard"]) body #app .msn-private-chat .private-portrait>.private-floating-close[hidden]{display:none!important}

/* Admin form alignment and white authentication fields. */
html body .applet-admin-dialog form label{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:10px 0}
html body .applet-admin-dialog form label:has(input[type=checkbox]){display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box}
html body .applet-admin-dialog form label>input[type=checkbox]{order:2;appearance:auto!important;display:inline-block!important;flex:0 0 18px!important;width:18px!important;min-width:18px!important;height:18px!important;padding:0!important;margin:0!important;box-shadow:none!important;accent-color:var(--cz-0756b9,#0756b9)}
html body .applet-admin-dialog form select{box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:35px;margin:0;padding:5px 8px;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:7px;background:#fff;color:#222}
html body .applet-admin-dialog input:not([type=checkbox]):not([type=radio]):not([type=color]),
html body .nick-auth-dialog input:not([type=checkbox]):not([type=radio]),
html body #socialDialog input:not([type=checkbox]):not([type=radio]):not([type=file]),
html body #ircAccountForm input,
html body #loginNick,html body #loginPassword{
 background:#fff!important;color:#222!important;border:0!important;box-shadow:none!important;outline:0!important;border-radius:14px!important;padding:11px 13px!important;box-sizing:border-box;min-width:0;max-width:100%;
}
html body input[type=password]:focus,html body .nick-auth-dialog input:focus,
html body #ircAccountForm input:focus,html body #loginNick:focus,html body #loginPassword:focus{background:#fff!important;color:#222!important;border:0!important;box-shadow:none!important;outline:0!important}

/* Standard shares modern layout but uses unboxed, left-aligned messages. */
html[data-message-style="standard"] body #app #messages .message,
html[data-message-style="standard"] body #app #messages .message.self{justify-content:flex-start!important;align-items:flex-start!important}
html[data-message-style="standard"] body #app #messages .message .message-body{background:#fff!important;border:0!important;border-radius:14px!important;box-shadow:none!important;color:var(--chat-text-color,#111)!important;padding:10px 12px!important;max-width:100%!important}
html[data-message-style="standard"] body #app #messages .message.self .message-text{color:var(--chat-text-color,#111)!important}
html[data-message-style="standard"] body #app #messages .message.self .message-name{color:var(--cz-0756b9,#254a7b)!important}
html[data-message-style="standard"] body #app #messages .message.self .message-avatar{display:block!important}

/* Plain modern-app messages retain a white transcript and readable metadata. */
html[data-message-style="standard"] body #app #messages{color:#111!important}
html[data-message-style="standard"] body #app #messages .message{background:transparent!important;box-shadow:none!important}
html[data-message-style="standard"] body #app #messages .message .message-time,
html[data-message-style="standard"] body #app #messages .message.self .message-time{color:#64748b!important;opacity:1!important}
html[data-message-style="standard"] body #app #messages .message .message-body>div:first-child{justify-content:space-between!important;gap:14px!important}

/* Plain modern-app view: outgoing messages stay on the right. */
html[data-message-style="standard"] body #app #messages .message.self{justify-content:flex-end!important}
html[data-message-style="standard"] body #app #messages .message.self .message-body{background:var(--cz-d5eaff,#d5eaff)!important;border:1px solid var(--cz-bdd3e7,#bdd3e7)!important;border-radius:10px!important;max-width:min(85%,560px)!important;color:var(--chat-text-color,#111)!important}
html[data-message-style="standard"] body #app #messages .message.self .message-avatar{display:none!important}

/* Keep member typography independent of message font preferences in every layout. */
html body #app :is(#memberList,#mobileMemberList) :is(.member-row,.member-nick,.member-prefix){font:400 13px/19px Arial,Helvetica,sans-serif!important;letter-spacing:normal!important}
html[data-message-style="classic"] body #app #memberList .member-row{min-height:21px!important}
#mobileSection .mobile-list-row .mobile-home-count{display:inline-flex;flex:none;align-items:center;justify-content:center;min-width:24px;padding:3px 6px;border-radius:12px;background:var(--cz-d5eaff,#d5eaff);font:11px/1.2 Arial,sans-serif}
@media(max-width:760px){
 html.standard-input-focus body #app #messages .history-page[data-history-page="-1"]{display:none!important}
}

/* Channel list counters are optional; private badges and the member toggle remain visible. */
html[data-message-style="classic"] body #app #mobileMembersButton{display:flex;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;width:32px!important;min-width:32px!important;height:46px!important;padding:2px!important}
html[data-message-style="classic"] body #app #mobileMembersButton img{width:23px!important;height:23px!important}
html[data-message-style="classic"] body #app #mobileMembersButton[hidden]{display:none!important}

/* Only mobile Modern rank icons are frameless. */
@media(max-width:760px){
html:is([data-message-style="modern"],[data-message-style="standard"]) #app :is(.member-avatar,.mobile-list-avatar):has(.role-avatar),
html:is([data-message-style="modern"],[data-message-style="standard"]) #app .role-avatar{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;outline:0!important}
}
.user-card .user-card-avatar>.social-avatar{width:100%;height:100%;display:block}
.user-card .user-card-avatar>.social-avatar img{display:block;width:100%;height:100%;object-fit:cover;border:0;box-shadow:none;border-radius:inherit}
.user-card .user-card-avatar>.social-avatar .social-dot{display:none}

/* Classic private calls sit together in the header; close is always last. */
html[data-message-style="classic"] body #app .msn-private-chat .chat-head-actions{flex:0 0 auto!important;min-width:0!important;gap:7px!important;margin-left:auto!important}
html[data-message-style="classic"] body #app .msn-private-chat .classic-call-group{display:flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;order:-1}
html[data-message-style="classic"] body #app .msn-private-chat .private-header-actions{display:flex;align-items:center;gap:5px}
html[data-message-style="classic"] body #app .msn-private-chat .chat-head-actions>.private-floating-close{position:static!important;inset:auto!important;transform:none!important;order:100!important;flex:0 0 24px!important;width:24px!important;min-width:24px!important;height:26px!important;margin:0!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;appearance:none;border:1px solid var(--cz-c8dbee,#c8dbee)!important;border-radius:6px!important;background:var(--cz-f4f9ff,#f4f9ff)!important;color:var(--cz-236dbd,#236dbd)!important;font:20px/1 Arial,sans-serif!important;box-shadow:none!important}
html[data-message-style="classic"] body #app .msn-private-chat .chat-head-actions>.private-floating-close[hidden]{display:none!important}

/* One predictable profile-card size per viewport in both appearances. */
html body #userCard{box-sizing:border-box;width:min(340px,calc(100vw - 28px))!important;height:auto!important;max-height:calc(100dvh - 32px)!important;padding:20px!important;overflow-y:auto;border-radius:18px!important}
html body #userCard.open{left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important}
html body #userCard .user-card-avatar{box-sizing:border-box;width:68px!important;height:68px!important;margin:8px auto 12px!important;overflow:hidden}
html body #userCard .user-card-avatar :is(.social-avatar,img){width:100%!important;height:100%!important}
html body #userCard .user-card-info h2{font:600 20px/1.3 Arial,sans-serif!important;margin:8px 0!important}
html body #userCard .user-card-actions button{min-height:48px!important;padding:9px 10px!important;font-size:13px!important}
@media(max-width:760px){
 html body #userCard{width:min(300px,calc(100vw - 28px))!important;padding:16px!important}
 html body #userCard .user-card-avatar{width:58px!important;height:58px!important}
 html body #userCard .user-card-actions button{min-height:44px!important;padding:7px 10px!important}
}

.call-panel.call-expanded{position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(420px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px)!important;overflow:auto;z-index:10050}
.call-panel.call-expanded .call-videos{display:grid!important;gap:8px}
.call-panel.call-expanded .call-videos video{width:100%;height:min(25dvh,220px);object-fit:contain;background:#111c23;border-radius:10px}
.call-panel.call-expanded .call-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.private-video-slot.has-live-video{cursor:pointer}

@media(min-width:761px){
 #rightPanel .desktop-profile-panel{box-sizing:border-box;width:100%;padding:14px 12px;background:var(--cz-eff9ff,#eff9ff);border-bottom:1px solid var(--cz-bdd3e7,#bdd3e7)}
 #rightPanel .desktop-profile-panel .my-profile{display:block;padding:0 0 12px;border:0;background:transparent}
 #rightPanel .desktop-profile-panel .social-own-controls{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}
 #rightPanel .desktop-profile-panel .social-self{display:flex;flex-direction:column;align-items:center;gap:9px;width:100%;padding:0;background:transparent;border:0}
 #rightPanel .desktop-profile-panel .social-self .social-avatar{width:120px;height:120px;padding:5px;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:10px;background:white;box-sizing:border-box}
 #rightPanel .desktop-profile-panel .social-self .social-avatar img{border:0;box-shadow:none;border-radius:6px}
 #rightPanel .desktop-profile-panel .social-self b{font:600 16px/1.3 Arial,sans-serif}
 #rightPanel .desktop-profile-panel .searchbox{margin:8px 0;width:100%;box-sizing:border-box}
 #rightPanel .desktop-profile-panel .desktop-account-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}
 #rightPanel .desktop-profile-panel .desktop-account-actions button{font-size:11px;margin:0;padding:8px 2px;min-width:0}
 #rightPanel .info-card{padding:8px 14px}
 #rightPanel .info-card>summary,#rightPanel #infoChannel,#rightPanel #channelTopic,#rightPanel .channel-stats>span:not(.operator-total){display:none!important}
 #rightPanel .info-card .channel-stats{margin:0}
 #app .channel-head .header-channel-topic{white-space:normal;overflow-wrap:anywhere}
}

@media(min-width:761px){
 html body #app #memberList .member-row{min-width:0;max-width:100%;flex-wrap:nowrap!important}
 html body #app #memberList .member-row>div:nth-child(2){display:flex;align-items:center;flex:1 1 0%;min-width:0;overflow:hidden}
 html body #app #memberList .member-prefix{flex:0 0 auto}
 html body #app #memberList .member-nick{display:block;flex:1 1 0%;min-width:0;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:normal!important;word-break:normal!important}
 html body #app #memberList .member-avatar{flex-shrink:0}
}

.standard-tabs-shell{display:contents}
.standard-tabs-toggle{display:none}
@media(max-width:760px){
 html[data-message-style="classic"] .standard-tabs-shell{display:flex;align-items:stretch;flex:0 0 auto;min-width:0;background:var(--cz-f1f9ff,#f0f7ff)}
 html[data-message-style="classic"] #standardTabs{flex:1 1 0%!important;min-width:0;width:0}
 html[data-message-style="classic"] .standard-tabs-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 27px;width:27px;padding:0;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:3px;background:var(--cz-e2f1ff,#e2f1ff);color:var(--cz-1266b5,#1266b5);font:20px/1 Arial,sans-serif;cursor:pointer}
 html[data-message-style="classic"] #standardTabs.tabs-expanded{overflow-x:hidden!important;overflow-y:auto!important;max-height:45dvh!important;touch-action:pan-y!important}
 html[data-message-style="classic"] #standardTabs.tabs-expanded .standard-tab-row{flex-wrap:wrap!important;width:100%!important;min-width:0}
 html[data-message-style="classic"] #standardTabs.tabs-expanded .standard-tab{max-width:100%!important;min-width:0}
}

/* Account forms use the selected theme behind white entry fields. */
html body #socialDialog:has(#ircAccountForm),html body #socialDialog:has(#ircAccountForm) .social-dialog-content,html body .nick-auth-dialog,html body .applet-admin-dialog{background:var(--cz-e2f1ff,#e2f1ff)!important;color:var(--cz-17365d,#17365d)}
html body #ircAccountForm{background:transparent!important}
html body :is(#ircAccountForm,.nick-auth-dialog,.applet-admin-dialog) input:not([type=checkbox]):not([type=radio]):not([type=color]){background:#fff!important}
.voice-recording{display:flex;align-items:center;gap:10px}
.voice-recording[hidden]{display:none!important}
.voice-recording>span{flex:1;min-width:0}
html body .voice-recording button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;padding:7px;border:0!important;box-shadow:none!important;border-radius:50%;background:transparent!important;color:var(--cz-1266b5,#1266b5);cursor:pointer}
html body .voice-recording button[hidden]{display:none!important}
.voice-recording button svg{width:23px;height:23px;pointer-events:none}
html body .voice-recording [data-voice-stop],html body .voice-recording [data-voice-cancel]{color:#d13d54}
.media-browser-dialog{width:min(760px,calc(100vw - 24px))!important;max-height:90dvh;overflow:auto}
.media-browser-item{display:grid;grid-template-columns:160px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--cz-bdd3e7,#bdd3e7)}
.media-browser-item small{display:block;margin-top:6px;overflow-wrap:anywhere}
.media-browser-preview img{display:block;max-width:150px;max-height:100px;object-fit:contain;border-radius:7px}
.media-browser-preview audio{width:160px;max-width:100%}
@media(max-width:600px){.media-browser-item{grid-template-columns:minmax(0,1fr) auto}.media-browser-preview{grid-column:1/-1}}

/* Solid theme surface, without the former fade to white behind form fields. */
html body #socialDialog:has(#ircAccountForm),
html body #socialDialog:has(#ircAccountForm)>.social-dialog-content,
html body #socialDialog:has(#ircAccountForm) #ircAccountForm,
html body dialog.nick-auth-dialog,html body dialog.nick-auth-dialog form,
html body dialog.applet-admin-dialog,html body dialog.applet-admin-dialog>.admin-content{
 background-color:var(--cz-e2f1ff,#e2f1ff)!important;background-image:none!important;
}
html body #socialDialog:has(#ircAccountForm) input,
html body dialog.nick-auth-dialog input:not([type=checkbox]),
html body dialog.applet-admin-dialog input:not([type=checkbox]):not([type=radio]):not([type=color]){background:#fff!important}
.admin-media-entry{padding:10px!important;margin-bottom:12px!important}
.admin-media-entry>button{display:block;width:100%;text-align:left;font-weight:700;padding:12px!important}
.admin-media-entry>small{display:block;margin:5px 8px;font-size:11px}
.admin-build{font-size:10px;font-weight:400;opacity:.7}

.media-browser-preview .media-image-enlarge{display:block;padding:0;border:0;background:transparent;cursor:zoom-in}
.media-image-dialog{box-sizing:border-box;width:max-content;max-width:94vw;max-height:92dvh;padding:38px 12px 12px;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:12px;background:var(--cz-e2f1ff,#e2f1ff)}
.media-image-dialog::backdrop{background:#102030b3}
.media-image-dialog>img{display:block;max-width:calc(94vw - 26px);max-height:calc(92dvh - 52px);width:auto;height:auto;object-fit:contain}
.media-image-dialog>button{position:absolute;right:6px;top:4px;width:30px;height:30px;border:0;background:transparent;color:var(--cz-17365d,#17365d);font:25px/1 Arial;cursor:pointer}
.media-browser-preview .voice-player{box-sizing:border-box;width:100%;min-width:0;gap:6px}
.media-browser-preview .voice-wave{min-width:0;flex:1}
.media-browser-preview .voice-time{flex:none;font-size:10px}
.media-browser-preview .voice-play{flex:0 0 30px;width:30px;height:30px;padding:0}


html body #app #youtubeButton{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;min-width:30px;height:28px;padding:3px;border:0;background:transparent;box-shadow:none;cursor:pointer}
html body #app #youtubeButton svg{display:block;width:24px;height:18px;flex:none}
html body #app #youtubeButton[hidden]{display:none!important}
#youtubeSendForm label{display:flex;flex-direction:column;gap:8px}
#youtubeSendForm input{box-sizing:border-box;width:100%;padding:11px;border:0;border-radius:12px;background:#fff;color:#222}
@media(max-width:760px){html[data-message-style="classic"] #app .msn-private-chat .chat-head-actions{gap:4px!important}html[data-message-style="classic"] #app .msn-private-chat #youtubeButton{order:2}}

/* v49: themed forms, editable own nick and non-scrolling tools */
html body #socialDialog:has(form),html body #socialDialog:has(form) .social-dialog-content,html body #socialDialog form{background:var(--cz-e2f1ff,#e2f1ff)!important;background-image:none!important}
html body #socialDialog form input:not([type=checkbox]):not([type=radio]):not([type=color]),html body .own-nick-form input{background:#fff!important;color:#174f85!important;border:0!important;box-shadow:none!important;border-radius:12px;padding:9px 10px;min-width:0}
.own-nick-form{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:0 0 100%;width:100%;box-sizing:border-box;margin-top:10px;order:10}
.own-nick-form input{flex:1 1 70px;width:70px}
.own-nick-form button{flex:0 0 auto;padding:8px;font-size:12px;white-space:nowrap}
.own-nick-form small{flex-basis:100%}.own-nick-form small:empty{display:none}
html body #app .layout .desktop-composer-toolbar{flex-wrap:wrap!important;overflow:visible!important;row-gap:3px}
html body #app .private-call-shortcuts #youtubeButton{position:static!important;flex:0 0 28px!important;margin:3px 0!important;padding:2px!important;background:transparent!important;border:0!important}
.media-browser-item{grid-template-columns:100px minmax(0,1fr) auto!important}.media-browser-item>button{justify-self:end}
html body .home-profile{flex-wrap:wrap}
@media(min-width:761px){#rightPanel .desktop-profile-panel .own-nick-form{flex:0 0 auto}}

/* v50 compact nick editor and server result dialog */
html body #app .own-nick-form{gap:5px;margin-top:6px;align-items:center;flex-wrap:nowrap}
html body #app .own-nick-form input{height:30px;min-height:30px;box-sizing:border-box;padding:5px 9px!important;border-radius:9px!important;font:12px Arial,sans-serif!important;flex:1 1 0;width:0}
html body #app .own-nick-form button{height:30px;min-height:30px;box-sizing:border-box;padding:0 9px;border:1px solid var(--cz-bfd6ef,#bfd6ef);border-radius:9px;background:var(--cz-eff7ff,#eff7ff);color:var(--cz-124287,#124287);font:12px Arial,sans-serif;cursor:pointer;box-shadow:none}
html body #app .own-nick-form button:hover{background:var(--cz-e2f1ff,#e2f1ff)}
html body #app .own-nick-form button:disabled{opacity:.6;cursor:wait}
html body .nick-result-dialog{box-sizing:border-box;width:min(350px,calc(100vw - 32px));padding:0;border:1px solid var(--cz-bfd6ef,#bfd6ef);border-radius:17px;background:var(--cz-e2f1ff,#e2f1ff);color:var(--cz-124287,#124287);box-shadow:0 16px 48px #173a6433;font:14px/1.5 Arial,sans-serif}
.nick-result-dialog::backdrop{background:#102a4655}
.nick-result-dialog header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--cz-bfd6ef,#bfd6ef)}
.nick-result-dialog h2{font-size:16px;margin:0}.nick-result-dialog p{padding:18px 16px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.nick-result-dialog footer{display:flex;justify-content:flex-end;padding:0 16px 14px}
.nick-result-dialog button{border:1px solid var(--cz-bfd6ef,#bfd6ef);border-radius:9px;padding:7px 14px;background:var(--cz-eff7ff,#eff7ff);color:inherit;font:13px Arial,sans-serif;cursor:pointer}.nick-result-dialog header button{padding:3px 9px;font-size:20px}
.nick-result-dialog[data-state="success"] p{border-left:3px solid #31a668}.nick-result-dialog[data-state="error"] p{border-left:3px solid #dd5a63}
@media(max-width:760px){html body #app .own-nick-form{max-width:310px}html body #app .own-nick-form input,html body #app .own-nick-form button{height:28px;min-height:28px;font-size:11px!important}}

/* v52: compact mobile ranks and Classic composer */
@media(max-width:760px){
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app :is(#memberList,#mobileMemberList) .role-avatar{width:18px!important;height:20px!important;min-width:18px!important;font-size:18px!important;line-height:1!important;flex:0 0 18px!important}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app :is(#memberList,#mobileMemberList) .member-avatar:has(.role-avatar){width:20px!important;min-width:20px!important;height:22px!important;flex:0 0 20px!important;display:flex;align-items:center;justify-content:center}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .role-avatar>span{font-size:18px!important;line-height:1!important}
}
html[data-message-style="classic"] body #app .composer #youtubeButton{display:none!important}
html body #app :is(button,select,input){touch-action:manipulation}

/* v57 desktop account controls and compact member heading */
@media(min-width:761px){
 html body #app .sidebar>.searchbox{display:none!important}
 html body #app .sidebar>.desktop-account-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;padding:10px;order:-10}
 html body #app .sidebar>.desktop-account-actions button{min-width:0;margin:0;padding:8px 3px;font-size:11px}
 html body #app .member-card h3{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:7px 10px!important;margin:0!important;min-height:34px;font-size:12px}
 html body #app .member-card h3 #mobileMembersButton{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:4px;width:auto!important;min-width:54px!important;height:28px!important;padding:3px 6px!important;position:static!important}
 html body #app .member-card h3 #mobileMembersButton img{width:22px!important;height:22px!important}
 html body #app .member-card h3 #mobileMembersButton span{display:inline!important;margin:0!important;font-size:12px!important}
}
@media(max-width:760px){
 html body #app .layout.msn-channel-chat #scrollLockButton{margin-top:8px!important;transform:none!important}
 html[data-applet-choice="classic"][data-message-style="modern"] body #app .desktop-composer-toolbar .classic-call-group{display:inline-flex;gap:5px;align-items:center}

}

/* v58 Classic layout stays Classic; only mobile composer uses Modern controls. */
@media(max-width:760px){
 html[data-message-style="classic"][data-classic-composer="modern"] #app .layout .composer{grid-column:1;grid-row:3;min-width:0;padding:0!important;margin:5px 0 5px 5px;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:3px;background:#fff}
 html[data-message-style="classic"][data-classic-composer="modern"] #app .layout .composer>.composer-tools{display:none!important}
 html[data-message-style="classic"][data-classic-composer="modern"] #app .layout .desktop-composer-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;min-height:30px;padding:2px;background:linear-gradient(#fff,var(--cz-e2f1ff,#e2f1ff));border-bottom:1px solid var(--cz-bdd3e7,#bdd3e7)}
 html[data-message-style="classic"][data-classic-composer="modern"] #app .layout .desktop-composer-toolbar label{display:flex;align-items:center;margin:0;gap:1px}
 html[data-message-style="classic"][data-classic-composer="modern"] #app .layout .desktop-composer-toolbar select{width:68px;max-width:100%;height:28px;padding:1px;font-size:11px;background:#fff;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:3px}
 html[data-message-style="classic"][data-classic-composer="modern"] #app .layout .desktop-composer-toolbar>select,html[data-message-style="classic"][data-classic-composer="modern"] #app .layout .desktop-tool-divider,html[data-message-style="classic"][data-classic-composer="modern"] #app .layout .desktop-composer-toolbar label>span{display:none}
 html[data-message-style="classic"][data-classic-composer="modern"] #app .layout .desktop-composer-toolbar input[type=color]{width:25px;height:27px;padding:1px;border:0;background:transparent}
 html[data-message-style="classic"][data-classic-composer="modern"] #app .layout .desktop-composer-toolbar button{position:static!important;transform:none!important;display:inline-flex;align-items:center;justify-content:center;width:28px;min-width:28px;flex:0 0 28px!important;height:29px!important;padding:1px!important;margin:0;border:0;background-color:transparent;background-size:23px 23px!important;font-size:20px;box-shadow:none}
 html[data-message-style="classic"][data-classic-composer="modern"] #app .layout .desktop-composer-toolbar button[hidden]{display:none!important}
 html[data-message-style="classic"][data-classic-composer="modern"] #app .layout .desktop-composer-toolbar #nickTabButton{font-size:10px;color:var(--cz-17365d,#17365d)}
 html[data-message-style="classic"][data-classic-composer="modern"] #app .layout .composer-row{padding:4px;gap:4px!important;align-items:stretch!important}
 html[data-message-style="classic"][data-classic-composer="modern"] #app .layout .composer-row #messageInput{height:76px!important;min-height:60px!important;max-height:100px!important;padding:4px!important;border:0!important;border-radius:0!important;background:#fff!important;color:var(--chat-text-color,#000);overflow-y:auto!important;resize:none!important;font-size:16px;scrollbar-width:thin}
 html[data-message-style="classic"][data-classic-composer="modern"] #app .layout .composer-row #sendButton{width:38px!important;min-width:38px!important;flex:0 0 38px!important;height:42px!important;align-self:flex-end;border:1px solid var(--cz-94bbd5,#94bbd5)!important;border-radius:3px!important;background:linear-gradient(#fff,var(--cz-e2f1ff,#e2f1ff))!important;color:var(--cz-0758bd,#0758bd)!important}
 html[data-message-style="classic"][data-classic-composer="modern"] #app .layout .composer .emoji-picker{bottom:calc(100% + 4px);left:0;right:auto;width:min(300px,calc(100vw - 18px));max-height:40dvh;z-index:250}
 html[data-message-style="classic"][data-classic-composer="modern"] #app .layout .composer .reply-preview{max-width:100%;box-sizing:border-box}
 html[data-message-style="classic"][data-classic-composer="modern"] #app .layout .desktop-composer-toolbar{gap:0!important;justify-content:flex-start!important;padding:1px!important}
 html[data-message-style="classic"][data-classic-composer="modern"] #app .layout .desktop-composer-toolbar button{margin:0!important;min-width:26px;width:26px;flex-basis:26px!important}
 html[data-message-style="classic"][data-classic-composer="modern"] #app .layout .composer{grid-column:1;grid-row:3}
html[data-message-style="classic"][data-classic-composer="modern"] body #app .layout>.composer{position:relative!important;display:block!important;width:auto!important;min-width:0!important;flex:none!important;padding:0!important;margin:4px!important;height:auto!important;max-height:none!important;background:#fff!important;border:1px solid var(--cz-bdd3e7,#bdd3e7)!important;border-radius:4px!important}
html[data-message-style="classic"][data-classic-composer="modern"] body #app .composer-row{display:flex!important;width:100%!important;box-sizing:border-box;align-items:stretch!important}
html[data-message-style="classic"][data-classic-composer="modern"] body #app .message-input-wrap{flex:1!important;min-width:0!important;width:auto!important}
html[data-message-style="classic"][data-classic-composer="modern"] body #app #messageInput{width:100%!important;box-sizing:border-box;height:76px!important;min-height:60px!important;padding:5px!important;border:0!important;border-radius:0!important;background:#fff!important}
html[data-message-style="classic"][data-classic-composer="modern"] body #app #sendButton{position:static!important;transform:none!important;align-self:flex-end!important;width:38px!important;min-width:38px!important;height:42px!important;padding:5px!important;display:flex!important;align-items:center;justify-content:center}
html[data-message-style="classic"][data-classic-composer="modern"] body #app #sendButton svg{display:block!important;width:28px!important;height:28px!important}
html[data-message-style="classic"][data-classic-composer="modern"] body #app #sendButton::after{content:none!important}
html[data-message-style="classic"][data-classic-composer="modern"] body #app .desktop-composer-toolbar .classic-call-group{display:inline-flex;align-items:center;gap:4px}
}

/* v60 Full-width compact Classic mobile composer */
@media(max-width:760px){
 html[data-message-style="classic"][data-classic-composer="modern"] body #app .layout>.composer{grid-column:1 / -1!important;grid-row:2!important;justify-self:stretch!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important}
 html[data-message-style="classic"][data-classic-composer="modern"] body #app .layout .composer-row{padding:4px!important;gap:4px!important;min-height:0!important}
 html[data-message-style="classic"][data-classic-composer="modern"] body #app .layout .composer-row #messageInput{height:46px!important;min-height:46px!important;max-height:46px!important;line-height:18px!important;resize:none!important}
 html[data-message-style="classic"][data-classic-composer="modern"] body #app .layout .composer-row #sendButton{flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;margin:0!important;align-self:flex-end!important;padding:5px!important;box-sizing:border-box!important}
 html[data-message-style="classic"][data-classic-composer="modern"] body #app .layout .composer-row #sendButton svg{width:28px!important;height:28px!important;flex:none!important}
}

/* v62 PC sidebar order and compact mobile Classic channel input */
@media(min-width:761px){
 html body #app .sidebar{display:flex!important;flex-direction:column!important}
 html body #app .sidebar>#desktopFriends{display:contents!important}
 html body #app .sidebar #desktopFriends>.social-friends{order:-60!important;flex-shrink:0}
 html body #app .sidebar>.side-section:has(#desktopPinned){order:-50!important}
 html body #app .sidebar>.side-section:has(#channelList){order:-40!important}
 html body #app .sidebar>.people-section{order:-30!important}
 html body #app .sidebar #desktopFriends>.text-preferences{order:-20!important;flex-shrink:0}
 html body #app .sidebar>.desktop-account-actions{order:-10!important}
 html body #app .sidebar>#desktopUserMenu{order:10!important}
}
@media(max-width:760px){
 html[data-message-style="classic"][data-classic-composer="modern"] body #app .layout.msn-channel-chat .composer-row{padding:3px!important;gap:3px!important;align-items:center!important}
 html[data-message-style="classic"][data-classic-composer="modern"] body #app .layout.msn-channel-chat .composer-row #messageInput{height:38px!important;min-height:38px!important;max-height:38px!important;padding:4px!important}
 html[data-message-style="classic"][data-classic-composer="modern"] body #app .layout.msn-channel-chat .composer-row #sendButton{height:34px!important;min-height:34px!important;width:34px!important;min-width:34px!important;flex:0 0 34px!important;align-self:center!important;padding:3px!important;margin:0!important}
 html[data-message-style="classic"][data-classic-composer="modern"] body #app .layout.msn-channel-chat .composer-row #sendButton svg{width:26px!important;height:26px!important}
}

/* v63 Classic mobile toolbar: single row and emoji next to send. */
@media(max-width:760px){
 html[data-applet-choice="classic"] body #app .layout.msn-private-chat .desktop-composer-toolbar .desktop-font-select{display:none!important}
 html[data-applet-choice="classic"][data-classic-composer="modern"] body #app .layout .desktop-composer-toolbar{flex-wrap:nowrap!important;gap:clamp(3px,1vw,7px)!important;padding:2px 6px!important;box-sizing:border-box!important;min-width:0!important}
 html[data-applet-choice="classic"][data-classic-composer="modern"] body #app .layout .desktop-composer-toolbar button{margin:0!important;flex:0 0 26px!important;min-width:26px!important;width:26px!important}
 html[data-applet-choice="classic"][data-classic-composer="modern"] body #app .layout .desktop-composer-toolbar .desktop-font-select{min-width:0!important;flex:0 1 62px!important}
 html[data-applet-choice="classic"][data-classic-composer="modern"] body #app .layout .desktop-composer-toolbar .desktop-font-select select{width:100%!important;min-width:0!important}
 html[data-applet-choice="classic"][data-classic-composer="modern"] body #app .layout .desktop-composer-toolbar #nickTabButton{order:-1!important}
 html[data-applet-choice="classic"][data-classic-composer="modern"] body #app .layout .composer #youtubeButton:not([hidden]){display:inline-flex!important}
 html[data-applet-choice="classic"][data-classic-composer="modern"] body #app .layout .composer-row #emojiButton{position:static!important;transform:none!important;order:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;flex:0 0 28px!important;width:28px!important;min-width:28px!important;height:32px!important;padding:0!important;margin:0!important;border:0!important;background-color:transparent!important;box-shadow:none!important;font-size:23px!important;line-height:1!important}
 html[data-applet-choice="classic"][data-classic-composer="modern"] body #app .layout .composer-row .message-input-wrap{flex:1 1 0!important;min-width:0!important}
 html[data-applet-choice="classic"][data-classic-composer="modern"] body #app .layout .composer-row #sendButton{order:1!important}
}

/* v64 Compact private input and aligned send/emoji controls. */
@media(max-width:760px){
 html[data-applet-choice="classic"][data-classic-composer="modern"] body #app .layout.msn-private-chat .composer-row{padding:3px!important;gap:3px!important;align-items:center!important;min-height:0!important}
 html[data-applet-choice="classic"][data-classic-composer="modern"] body #app .layout.msn-private-chat .composer-row #messageInput{height:38px!important;min-height:38px!important;max-height:38px!important;padding:4px!important;line-height:18px!important;box-sizing:border-box!important}
 html[data-applet-choice="classic"][data-classic-composer="modern"] body #app .layout.msn-private-chat .composer-row :is(#sendButton,#emojiButton){height:34px!important;min-height:34px!important;width:34px!important;min-width:34px!important;flex:0 0 34px!important;align-self:center!important;margin:0!important;padding:3px!important;box-sizing:border-box!important}
 html[data-applet-choice="classic"][data-classic-composer="modern"] body #app .layout.msn-private-chat .composer-row #sendButton svg{width:26px!important;height:26px!important}
 html body #app #privateComposerBlock{display:inline-flex;align-items:center;justify-content:center;width:26px;min-width:26px;height:29px;margin:0;padding:0;border:0;background:transparent;color:#cc344d;font-size:23px;line-height:1;box-shadow:none;flex:0 0 26px}
 html body #app #privateComposerBlock[hidden]{display:none!important}
}
@media(min-width:761px){html body #app #privateComposerBlock{display:none!important}}

/* v65 Stable desktop sidebar and red private unread counters. */
@media(min-width:761px){
 html body #app :is(.private-unread,.private-chat-row .unread-badge,.conversation-row:has([data-mobile-private]) .mobile-home-count){background:#e53950!important;color:#fff!important}
 html body #app :is(.sidebar,.people-section,#peopleList){overflow-anchor:none!important;scroll-behavior:auto!important}
}

/* v66 Status above Friends on desktop. */
@media(min-width:761px){html body #app .sidebar>#statusEntry{order:-70!important;display:block!important;flex-shrink:0}}

/* v67 Slim Classic channel tab scrollbar. */
html[data-message-style="classic"] body #standardTabs{scrollbar-width:thin}
@supports selector(::-webkit-scrollbar){
 html[data-message-style="classic"] body #standardTabs{scrollbar-width:auto!important;scrollbar-color:auto!important}
 html[data-message-style="classic"] body #standardTabs::-webkit-scrollbar{height:3px!important}
 html[data-message-style="classic"] body #standardTabs::-webkit-scrollbar-track{background:transparent!important}
 html[data-message-style="classic"] body #standardTabs::-webkit-scrollbar-thumb{background:var(--cz-94bbd5,#94bbd5)!important;border:0!important;border-radius:3px!important}
 html[data-message-style="classic"] body #standardTabs::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}
}

/* v68 Applet font settings, independent device panels and colour palette. */
.admin-text-devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px;padding-top:10px}
.admin-device-text{min-width:0;padding:12px;border:1px solid var(--cz-bfd6ef,#bfd6ef);border-radius:12px;background:var(--cz-e2f1ff,#e2f1ff)}
.admin-device-text h3{margin:0 0 10px;font-size:14px}
.admin-device-text form{display:grid;gap:8px;min-width:0}
.admin-device-text select{box-sizing:border-box;width:100%;min-width:0;background:#fff}
.admin-text-palette{min-width:0;margin:0;padding:8px;border:1px solid var(--cz-bfd6ef,#bfd6ef);border-radius:9px}
.admin-color-swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
html body .admin-color-swatches .admin-color-swatch{position:relative;display:block!important;margin:0!important;padding:0!important;cursor:pointer;height:26px;min-width:0}
.admin-color-swatch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.admin-color-swatch span{display:block;height:100%;box-sizing:border-box;background:var(--swatch)!important;border:1px solid #8298ad;border-radius:5px;pointer-events:none}
.admin-color-swatch input:checked+span{outline:2px solid #0758bd;outline-offset:2px}
.admin-color-swatch input:focus-visible+span{outline:2px dashed #0758bd;outline-offset:2px}
html body .admin-custom-color{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 0!important}
html body .admin-custom-color input[type=color]{appearance:auto!important;box-sizing:border-box;width:70px!important;min-width:70px;height:30px!important;padding:0!important;border:0!important;background:transparent!important;cursor:pointer}

/* v69 Grouped channel administration. */
.admin-channel-settings{display:grid;gap:12px;padding-top:10px;min-width:0}
.admin-channel-group{padding:12px;border:1px solid var(--cz-bfd6ef,#bfd6ef);border-radius:12px;background:var(--cz-e2f1ff,#e2f1ff);min-width:0}
.admin-channel-group h3{margin:0 0 7px;font-size:14px}.admin-channel-group h3 span{font-size:12px;font-weight:400}
.admin-channel-group p{margin:0 0 10px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
html body .admin-channel-group .admin-channel-add{display:flex;flex-wrap:nowrap;align-items:center;gap:8px}
html body .admin-channel-add input{flex:1;min-width:0;width:0;box-sizing:border-box;background:#fff}
html body .admin-channel-add button{flex:none;margin:0;white-space:nowrap}
.admin-channel-rows{max-height:240px;overflow:auto;margin-top:10px;scrollbar-width:thin}
.admin-channel-rows .admin-shun-row{gap:8px;align-items:center}.admin-channel-rows b{min-width:0;overflow-wrap:anywhere}.admin-channel-rows button{flex:none}
.admin-channel-group #adminInitialChannel input{box-sizing:border-box;width:100%;min-width:0;background:#fff}

/* v71 Nick administration sections. */
.admin-nick-settings{display:grid;gap:12px;padding-top:10px;min-width:0}
.admin-nick-group{padding:12px;border:1px solid var(--cz-bfd6ef,#bfd6ef);border-radius:12px;background:var(--cz-e2f1ff,#e2f1ff);min-width:0}
.admin-nick-group h3{margin:0 0 7px;font-size:14px}
.admin-nick-group p{margin:0 0 10px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
html body .admin-nick-group .admin-nick-add{display:flex;flex-wrap:nowrap;align-items:center;gap:8px}
html body .admin-nick-add input{flex:1;min-width:0;width:0;box-sizing:border-box;background:#fff}
html body .admin-nick-add button{flex:none;margin:0;white-space:nowrap}
.admin-nick-rows{max-height:240px;overflow:auto;margin-top:10px;scrollbar-width:thin}
.admin-nick-group .admin-shun-row{gap:8px;align-items:center}.admin-nick-group .admin-shun-row>div,.admin-nick-group b{min-width:0;overflow-wrap:anywhere}.admin-nick-group .admin-shun-row button{flex:none}
.admin-nick-group #adminOperators{display:grid;gap:8px}.admin-nick-group #adminOperators input{box-sizing:border-box;width:100%;min-width:0;background:#fff}

/* v72 Theme settings with actual colour choices. */
.admin-theme-settings{display:grid;gap:12px;padding-top:10px;min-width:0}
.admin-theme-group{min-width:0;padding:12px;border:1px solid var(--cz-bfd6ef,#bfd6ef);border-radius:12px;background:var(--cz-e2f1ff,#e2f1ff)}
.admin-theme-group h3{margin:0 0 8px;font-size:14px}.admin-theme-group p{margin:0 0 10px;font-size:12px;line-height:1.6}
html body .admin-theme-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:9px}
html body .admin-theme-colors button[data-admin-theme]{box-sizing:border-box;min-width:0;min-height:38px;margin:0;padding:8px;border:1px solid #70849b!important;border-radius:9px;background:var(--theme-swatch)!important;color:var(--theme-ink)!important;font-weight:600;box-shadow:none!important}
html body .admin-theme-colors button[aria-pressed="true"]{outline:2px solid var(--cz-0758bd,#0758bd);outline-offset:2px}
html body .admin-theme-colors button:focus-visible{outline:2px dashed #0758bd;outline-offset:2px}
.admin-theme-group form{display:grid;gap:8px;min-width:0}.admin-theme-group select{width:100%;min-width:0;box-sizing:border-box;background:#fff}

/* v73 Independent icon visibility, across layouts and screen sizes. */
@media(max-width:760px){
 html[data-applet-choice="classic"][data-ui-classic-mobile-time="false"] body #app #messages :is(.message-time,.standard-time){display:none!important}
 html[data-applet-choice="classic"][data-ui-classic-mobile-time="true"][data-message-style="classic"] body #app #messages .standard-time{display:inline!important}
 html[data-applet-choice="classic"][data-ui-classic-mobile-time="true"][data-message-style="modern"] body #app #messages .message-time{display:inline!important}
}
#adminUiVisibility{display:grid;gap:9px;padding-top:8px}
html body #adminUiVisibility .admin-visibility-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:10px;border:1px solid var(--cz-bfd6ef,#bfd6ef);border-radius:9px;background:var(--cz-e2f1ff,#e2f1ff)}
.admin-visibility-row span{min-width:0;font-size:13px;line-height:1.5}
html body .admin-visibility-row select{flex:0 0 88px;width:88px;min-width:0;margin:0;background:white;box-sizing:border-box}

/* v74 Permissions are separate from icon visibility. */
.admin-permission-settings{margin-top:16px;padding:12px;border:1px solid var(--cz-bfd6ef,#bfd6ef);border-radius:12px;background:var(--cz-e2f1ff,#e2f1ff)}
.admin-permission-settings h3{margin:0 0 8px;font-size:15px}.admin-permission-settings p{font-size:12px;line-height:1.6;margin:0 0 12px}
#adminMediaAccess{display:grid;gap:10px}#adminMediaAccess label{display:grid;gap:5px;margin:0;min-width:0}#adminMediaAccess select{box-sizing:border-box;min-width:0;width:100%;background:#fff}

/* v75 Square checkboxes for visibility toggles. */
html body #adminUiVisibility .admin-visibility-row input[type=checkbox]{appearance:auto!important;-webkit-appearance:checkbox!important;display:inline-block!important;position:static!important;flex:0 0 19px!important;width:19px!important;min-width:19px!important;height:19px!important;min-height:19px!important;margin:0!important;padding:0!important;border-radius:2px!important;accent-color:#1684df;cursor:pointer;box-shadow:none!important;opacity:1!important}
html body #adminUiVisibility .admin-visibility-row input[type=checkbox]::before,html body #adminUiVisibility .admin-visibility-row input[type=checkbox]::after{content:none!important}

/* v79 Profile moderation, media actions and announcements. */
html body .applet-admin-dialog{overflow:hidden;max-height:90dvh}
html body .applet-admin-dialog>header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--cz-e2f1ff,#e2f1ff);flex-shrink:0}
html body .applet-admin-dialog>.admin-content{max-height:calc(90dvh - 80px);overflow-y:auto;box-sizing:border-box}
.admin-header-actions{display:flex;align-items:center;gap:7px;flex:none;white-space:nowrap}
html body .admin-header-actions button{margin:0;white-space:nowrap;font-size:12px}
html body .media-browser-item{grid-template-columns:minmax(70px,100px) minmax(0,1fr)!important;gap:9px}
.media-browser-actions{grid-column:1/-1;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:7px}
html body .media-browser-actions button,html body .admin-decisions button{white-space:nowrap;flex:0 0 auto;margin:0}
html body .admin-decisions{display:flex;flex-wrap:nowrap;gap:7px;justify-content:flex-end}
.media-browser-preview .youtube-preview{width:100%;height:80px;border:0}
.admin-announcement-form{padding:12px;margin-bottom:12px;border:1px solid var(--cz-bfd6ef,#bfd6ef);border-radius:12px;background:var(--cz-e2f1ff,#e2f1ff)}
.admin-announcement-form h3{margin:0 0 8px;font-size:15px}.admin-announcement-form p{font-size:12px;line-height:1.5}
html body #adminAnnouncement textarea{box-sizing:border-box;width:100%;min-width:0;resize:vertical;background:white;border:1px solid var(--cz-bfd6ef,#bfd6ef);border-radius:8px;padding:9px}
#adminAnnouncement>div{display:flex;gap:10px;align-items:center;justify-content:space-between}#adminAnnouncement button{flex:none;white-space:nowrap}#adminAnnouncement [role=status]{font-size:12px}
html body #app #messages .admin-announcement-message{display:block!important;box-sizing:border-box;max-width:100%;margin:7px 3px!important;padding:10px 12px!important;border:1px solid var(--cz-94bbd5,#94bbd5)!important;border-radius:12px!important;background:var(--cz-e2f1ff,#e2f1ff)!important;color:var(--cz-0758bd,#0758bd)!important;font:600 13px/1.5 Arial,sans-serif!important;text-align:center!important;white-space:pre-wrap;overflow-wrap:anywhere}

/* v80 Room authority form and delegated operator menus. */
.admin-menu-grant{display:inline-flex!important;vertical-align:middle;margin:0 8px 0 0!important;padding:0!important}
html body .admin-menu-grant input,html body .admin-room-enable input{appearance:auto!important;width:18px!important;min-width:18px!important;height:18px!important;margin:0!important;accent-color:#1684df}
html body .admin-room-enable{display:flex!important;justify-content:space-between;align-items:center;gap:10px}
.admin-room-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.admin-room-entry label{min-width:0}.admin-room-entry input{box-sizing:border-box;width:100%;min-width:0;background:#fff}.admin-room-entry button{grid-column:1/-1;justify-self:end}
.admin-room-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--cz-bfd6ef,#bfd6ef);min-width:0}
.admin-room-row b,.admin-room-row span{min-width:0;overflow-wrap:anywhere;flex:1}.admin-room-row button{flex:none;white-space:nowrap}

/* v81 Permission rows inside sections and stable media layout. */
html body .applet-admin-dialog .admin-menu-grant{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:10px 0!important;padding:9px 10px!important;border:1px solid var(--cz-bfd6ef,#bfd6ef);border-radius:8px;background:var(--cz-e2f1ff,#e2f1ff);font-size:12px;line-height:1.5}
.admin-menu-grant span{min-width:0}.admin-menu-grant input{flex:0 0 18px}
.admin-profile-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;box-sizing:border-box;margin-left:7px;padding:0 5px;border-radius:10px;background:#e53950!important;color:white!important;font:600 11px/1 Arial,sans-serif;vertical-align:middle}
html body .media-browser-dialog .media-browser-item{display:grid!important;grid-template-columns:90px minmax(0,1fr)!important;align-items:start!important;gap:10px!important;box-sizing:border-box;min-width:0;max-width:100%}
.media-browser-item>div{min-width:0;overflow-wrap:anywhere}.media-browser-item small{display:block;line-height:1.5}.media-browser-preview{min-width:0;max-width:100%;overflow:hidden}
html body .media-browser-dialog .media-browser-actions{grid-column:1/-1!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;width:100%;min-width:0}
html body .media-browser-dialog .media-browser-actions button{position:static!important;flex:0 0 auto!important;width:auto!important;min-width:65px!important;margin:0!important;padding:7px 12px!important;white-space:nowrap!important;box-sizing:border-box}
@media(max-width:420px){html body .media-browser-dialog .media-browser-item{grid-template-columns:75px minmax(0,1fr)!important;gap:7px!important}}

/* v82 Bounded ten-item pages with persistent navigation. */
html body .applet-admin-dialog .admin-paged-list{max-height:48dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;min-width:0;padding:2px;box-sizing:border-box}
html body .applet-admin-dialog .admin-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:10px;padding:10px 0 2px;background:var(--cz-e2f1ff,#e2f1ff)}
html body .admin-pagination button{flex:0 0 auto;min-width:65px;margin:0;white-space:nowrap}
.admin-pagination span{font-size:12px;white-space:nowrap}.admin-pagination button:disabled{opacity:.45;cursor:default}
html body .admin-paged-list .admin-review img{max-width:100%;max-height:140px;object-fit:contain}

/* v83 Admin credentials form. */
#adminCredentials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:8px}
#adminCredentials label{display:grid;gap:5px;min-width:0;margin:0;font-size:12px}
#adminCredentials input{box-sizing:border-box;width:100%;min-width:0;background:#fff}
#adminCredentials [role=status]{grid-column:1/-1;margin:0;font-size:12px;overflow-wrap:anywhere}
#adminCredentials button{grid-column:1/-1;justify-self:end;margin:0;white-space:nowrap}
@media(max-width:480px){#adminCredentials{grid-template-columns:minmax(0,1fr)}}

#operatorOwnPassword{display:grid;gap:10px;padding-top:8px}#operatorOwnPassword label{display:grid;gap:5px;min-width:0;font-size:12px;margin:0}#operatorOwnPassword input{width:100%;min-width:0;box-sizing:border-box;background:#fff}#operatorOwnPassword button{justify-self:end;margin:0;white-space:nowrap}#operatorOwnPassword [role=status]{font-size:12px;margin:0}

/* v85 Server settings cards, consistent field sizing. */
html body .applet-admin-dialog :is(#adminBrandForm,#adminConnection){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;margin:12px 0 0;padding:14px;border:1px solid var(--cz-bfd6ef,#bfd6ef);border-radius:12px;background:var(--cz-e2f1ff,#e2f1ff);min-width:0}
html body :is(#adminBrandForm,#adminConnection)>h3{grid-column:1/-1;margin:0 0 3px;font-size:14px;line-height:1.5}
html body :is(#adminBrandForm,#adminConnection)>label{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;font-size:12px;line-height:1.5}
html body :is(#adminBrandForm,#adminConnection) input:not([type=checkbox]){box-sizing:border-box;width:100%;min-width:0;height:38px;padding:8px 10px;border:1px solid var(--cz-bfd6ef,#bfd6ef);border-radius:8px;background:white;color:#17365d;font-size:14px}
html body :is(#adminBrandForm,#adminConnection)>:is(p,small){grid-column:1/-1;margin:0;font-size:12px;line-height:1.6}
html body :is(#adminBrandForm,#adminConnection)>button{grid-column:1/-1;justify-self:end;margin:0;padding:8px 14px;white-space:nowrap;border-radius:8px}
html body #adminConnection>.admin-connection-clear{flex-direction:row;align-items:center;justify-content:space-between;align-self:center;gap:8px;padding:8px;border:1px solid var(--cz-bfd6ef,#bfd6ef);border-radius:8px}
html body #adminConnection .admin-connection-clear input{appearance:auto!important;width:18px!important;min-width:18px;height:18px!important;margin:0;flex:0 0 18px;accent-color:#1684df}
html body :is(#adminBrandForm,#adminConnection) input:focus-visible{outline:2px solid #1684df;outline-offset:1px}
@media(max-width:560px){html body .applet-admin-dialog :is(#adminBrandForm,#adminConnection){grid-template-columns:minmax(0,1fr);padding:11px;gap:10px}}

/* v86 Radio form, visible profile counter and collapsible announcement. */
html body .applet-admin-dialog #adminRadioForm{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:10px;padding:14px;border:1px solid var(--cz-bfd6ef,#bfd6ef);border-radius:12px;background:var(--cz-e2f1ff,#e2f1ff);min-width:0}
#adminRadioForm h3{margin:0;font-size:14px}
html body #adminRadioForm label{display:grid;gap:6px;margin:0;min-width:0;font-size:12px}
html body #adminRadioForm input{box-sizing:border-box;width:100%;min-width:0;height:38px;padding:8px 10px;border:1px solid var(--cz-bfd6ef,#bfd6ef);border-radius:8px;background:#fff;color:#17365d;font-size:14px}
#adminRadioForm .admin-radio-help{margin:0;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
html body #adminRadioForm .admin-toolbar{display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap;gap:8px;margin:0}
html body #adminRadioForm .admin-toolbar button{flex:0 0 auto;margin:0;padding:8px 12px;white-space:nowrap}
html body .applet-admin-dialog details.admin-announcement-form{margin:0 0 10px;padding:12px}
.admin-announcement-form summary{cursor:pointer;font-weight:600}.admin-announcement-form>p{margin-top:10px}
html body .applet-admin-dialog .admin-profile-count{display:inline-flex!important;flex:none;vertical-align:middle;background:#e53950!important;color:#fff!important}

/* v87 Compact shun management and collapsed profile reviews. */
html body .applet-admin-dialog .admin-shuns #adminShunAdd{display:flex;align-items:flex-end;gap:10px;flex-wrap:nowrap;padding:12px;margin:10px 0;border:1px solid var(--cz-bfd6ef,#bfd6ef);border-radius:10px;background:var(--cz-e2f1ff,#e2f1ff)}
html body #adminShunAdd label{display:grid;gap:6px;flex:1;min-width:0;margin:0;font-size:12px}
html body #adminShunAdd input{box-sizing:border-box;width:100%;min-width:0;height:38px;padding:8px 10px;background:#fff;border:1px solid var(--cz-bfd6ef,#bfd6ef);border-radius:8px}
html body #adminShunAdd button{flex:none;margin:0;min-height:38px;padding:8px 10px;white-space:nowrap}
.admin-shun-help{font-size:12px;line-height:1.6;margin:10px 0}
html body .admin-shuns>.admin-shun-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:10px;padding:10px;margin:7px 0;border:1px solid var(--cz-bfd6ef,#bfd6ef);border-radius:9px;background:var(--cz-e2f1ff,#e2f1ff)}
.admin-shuns>.admin-shun-row b{min-width:0;overflow-wrap:anywhere;font-size:13px}
html body .admin-shuns>.admin-shun-row button{flex:none;margin:0;padding:6px 10px;white-space:nowrap}
html body [data-category="reviews"]>summary .admin-profile-count{margin-left:0;margin-right:5px}

/* v88 Game channel and player pair. */
.admin-game-entry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:10px}.admin-game-entry label{display:grid;gap:5px;min-width:0;font-size:12px}.admin-game-entry input{box-sizing:border-box;width:100%;min-width:0;background:#fff}.admin-game-entry button{grid-column:1/-1;justify-self:end;margin:0}

/* v99 Modern mobile composer: inline emoji and send, compact input. */
@media(max-width:760px){
 html:is([data-message-style="modern"],[data-message-style="standard"]) body #app .layout:is(.msn-channel-chat,.msn-private-chat) .composer-row{display:grid!important;grid-template-columns:minmax(0,1fr) 34px 34px!important;align-items:center!important;flex-wrap:nowrap!important;width:100%!important;min-width:0!important;min-height:0!important;padding:3px!important;gap:3px!important;box-sizing:border-box!important}
 html:is([data-message-style="modern"],[data-message-style="standard"]) body #app .layout:is(.msn-channel-chat,.msn-private-chat) .composer-row .message-input-wrap{flex:1 1 0!important;width:auto!important;min-width:0!important;padding:0!important;order:0!important}
 html:is([data-message-style="modern"],[data-message-style="standard"]) body #app .layout:is(.msn-channel-chat,.msn-private-chat) .composer-row #messageInput{width:100%!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:4px 6px!important;line-height:18px!important;box-sizing:border-box!important;resize:none!important;overflow-y:auto!important}
 html:is([data-message-style="modern"],[data-message-style="standard"]) body #app .layout:is(.msn-channel-chat,.msn-private-chat) .composer-row :is(#emojiButton,#sendButton){position:static!important;transform:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;flex:0 0 34px!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;margin:0!important;padding:3px!important;box-sizing:border-box!important}
 html:is([data-message-style="modern"],[data-message-style="standard"]) body #app .layout:is(.msn-channel-chat,.msn-private-chat) .composer-row #emojiButton{order:1!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:23px!important;line-height:1!important}
 html:is([data-message-style="modern"],[data-message-style="standard"]) body #app .layout:is(.msn-channel-chat,.msn-private-chat) .composer-row #sendButton{order:2!important}
 html:is([data-message-style="modern"],[data-message-style="standard"]) body #app .layout:is(.msn-channel-chat,.msn-private-chat) .composer-row #sendButton svg{width:26px!important;height:26px!important}
}

/* v101 Classic modern mobile channel toolbar order. */
@media(max-width:760px){
 html[data-applet-choice="classic"][data-classic-composer="modern"] body #app .layout.msn-channel-chat .desktop-composer-toolbar .desktop-font-select{order:-100!important}
 html[data-applet-choice="classic"][data-classic-composer="modern"] body #app .layout.msn-channel-chat .desktop-composer-toolbar #nickTabButton{order:1000!important}
}

/* v102 Size selector first in Classic modern mobile channels. */
@media(max-width:760px){
 html[data-applet-choice="classic"][data-classic-composer="modern"] body #app .layout.msn-channel-chat .desktop-composer-toolbar>select[data-text-pref="size"]{display:block!important;order:-200!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:25px!important;padding:1px!important;font-size:11px!important;background:#fff!important}
 html[data-applet-choice="classic"][data-classic-composer="modern"] body #app .layout.msn-channel-chat .desktop-composer-toolbar{gap:3px!important;padding-inline:3px!important}
}

/* v103 Classic default mobile: microphone first, Tab before send. */
@media(max-width:760px){
 html[data-message-style="classic"]:not([data-classic-composer="modern"]) body #app .composer-row #voiceButton{order:0!important}
 html[data-message-style="classic"]:not([data-classic-composer="modern"]) body #app .composer-row #nickTabButton{order:-100!important}
 html[data-message-style="classic"]:not([data-classic-composer="modern"]) body #app .composer-row #sendButton{order:2!important}
}

/* Image height is independent from channel/private broom controls. */
html body #app .layout #imageButton{height:20px!important;min-height:20px!important;background-size:contain!important}

/* v104 Universal compact Tab key and full-size mobile emoji panel. */
html body #app #nickTabButton.nick-tab-button{
 display:inline-grid!important;
 grid-template-rows:7px 12px 7px!important;
 place-items:center!important;
 overflow:hidden!important;
 box-sizing:border-box!important;
 min-width:34px!important;
 width:34px!important;
 height:30px!important;
 padding:1px 2px!important;
 gap:0!important;
 line-height:1!important;
 white-space:normal!important;
}
html body #app #nickTabButton .nick-tab-label{display:block;font:700 9px/12px Arial,sans-serif;letter-spacing:.1px}
html body #app #nickTabButton .nick-tab-arrow{display:block;max-width:100%;height:7px;font:700 9px/7px Arial,sans-serif;transform:none!important}
html body #app #nickTabButton .nick-tab-arrow-bottom{transform:rotate(180deg)!important}
@media(min-width:761px){
 html body #app .desktop-composer-toolbar #nickTabButton.nick-tab-button{margin-left:auto!important;width:38px!important;min-width:38px!important;flex:0 0 38px!important}
}
@media(max-width:760px){
 html body #app #nickTabButton.nick-tab-button{flex:0 0 34px!important;min-width:34px!important;width:34px!important}
 html body #app #emojiPicker .emoji-picker-search{display:none!important}
 html body #app #emojiPicker .emoji-categories,html body #app #emojiPicker .emoji-picker-title{flex-shrink:0!important}
 html body #app #emojiPicker #emojiGrid{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important}
}

.emoji-toggle-close{display:none}
#classicComposerToggle{display:none}
@media(max-width:760px){
 html[data-applet-choice="classic"] body #app>.titlebar{display:grid!important;grid-template-columns:max-content minmax(26px,1fr) minmax(0,158px)!important;gap:5px!important;padding:4px 6px!important;align-items:center!important;width:100%!important;box-sizing:border-box!important}
 html[data-applet-choice="classic"] body #app>.titlebar>.brand{grid-column:1;grid-row:1;min-width:0;gap:3px!important}
 html[data-applet-choice="classic"] body #app>.titlebar>.brand strong{font-size:13px!important;white-space:nowrap}
 html[data-applet-choice="classic"] body #app>.titlebar>.brand .brand-buddies{width:23px!important;flex-shrink:0}
 html[data-applet-choice="classic"] body #app>.titlebar>#classicComposerToggle{display:grid;place-items:center;justify-self:center;grid-column:2;grid-row:1;width:26px;height:26px;padding:3px;border:1px solid var(--cz-94bbd5,#94bbd5);border-radius:7px;background:var(--cz-e2f1ff,#e2f1ff);color:var(--cz-0758bd,#0758bd);cursor:pointer}
 #classicComposerToggle svg{width:19px;height:19px}
 html[data-applet-choice="classic"] body #app>.titlebar>#radioPanel.radio-inline{position:static!important;grid-column:3;grid-row:1;transform:none!important;width:100%!important;min-width:0!important;gap:3px!important;padding:3px!important}
 html[data-applet-choice="classic"] body #radioPanel #radioVolume{width:27px!important}
 html[data-applet-choice="classic"][data-classic-composer="default"] body #app .composer-row #nickTabButton.nick-tab-button{width:24px!important;min-width:24px!important;flex:0 0 24px!important;height:24px!important;min-height:24px!important;grid-template-rows:5px 10px 5px!important;padding:1px!important}
 html[data-applet-choice="classic"][data-classic-composer="default"] body #app #nickTabButton .nick-tab-label{font-size:8px;line-height:10px}
 html[data-applet-choice="classic"][data-classic-composer="default"] body #app #nickTabButton .nick-tab-arrow{height:5px;font-size:7px;line-height:5px}
}
@media(max-width:760px){
 html.chat-keyboard-open body #app>.titlebar{height:36px!important;min-height:36px!important;flex:0 0 36px!important;padding:3px 172px 3px 6px!important;align-items:center!important}
 html.chat-keyboard-open[data-applet-choice="classic"] body #app>.titlebar{padding:3px 6px!important;grid-template-columns:max-content minmax(26px,1fr) minmax(0,158px)!important}
 html.chat-keyboard-open body #app .titlebar .brand{display:flex!important;align-items:center!important;gap:4px!important;min-width:0}
 html.chat-keyboard-open body #app .titlebar .brand-buddies{display:block!important;width:23px!important;height:25px!important;object-fit:contain}
 html.chat-keyboard-open body #app .titlebar .brand strong{font-size:13px!important;line-height:18px!important;white-space:nowrap}
 html.chat-keyboard-open body #app .titlebar .brand small,html.chat-keyboard-open body #app .titlebar .title-slogan{display:none!important}
 html.chat-keyboard-open body #radioPanel.radio-inline{top:3px!important;right:5px!important;left:auto!important;transform:none!important;width:162px!important;height:30px!important;padding:2px 4px!important;gap:3px!important;border-radius:9px!important}
 html.chat-keyboard-open body #radioPanel button{width:22px!important;height:22px!important;font-size:11px!important}
 html.chat-keyboard-open body #radioPanel .radio-info strong{font-size:8px!important}
 html.chat-keyboard-open body #radioPanel .radio-info>span{font-size:7px!important}
 html.chat-keyboard-open body #radioPanel .radio-bars{display:none!important}
 html.chat-keyboard-open body #radioPanel #radioVolume{width:29px!important}
 html.chat-keyboard-open[data-message-style="classic"] body #standardTabs{flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:29px!important}
 html.chat-keyboard-open[data-message-style="classic"] body .standard-tabs-toggle{display:none!important}
 html body #app #emojiPicker{position:absolute!important;width:min(300px,calc(100vw - 16px))!important;padding:0!important;overflow:visible!important;border-radius:8px!important}
 html body #app #emojiPicker .emoji-picker-title{order:0;padding:8px 10px!important;font-size:11px!important}
 html body #app #emojiPicker #emojiGrid{order:1;padding:4px 8px!important;box-sizing:border-box}
 html body #app #emojiPicker .emoji-categories{order:2;flex:0 0 40px!important;min-height:40px!important;border-top:1px solid #d4e1ed;border-bottom:0!important;border-radius:0 0 8px 8px;overflow-x:auto!important;overflow-y:hidden!important}
 html body #app #emojiPicker:after{content:'';position:absolute;top:100%;left:var(--emoji-pointer-x,85%);margin-left:-6px;border:6px solid transparent;border-top-color:var(--cz-f7fbff,#f7fbff);pointer-events:none}
 html body #app #emojiButton{position:relative}
 #emojiButton .emoji-toggle-face{display:inline-block;transition:transform .18s,opacity .18s}
 #emojiButton .emoji-toggle-close{display:none;font:28px/1 Arial,sans-serif}
 #emojiButton.active .emoji-toggle-face{transform:rotate(-35deg);opacity:0;position:absolute;pointer-events:none}
 #emojiButton.active .emoji-toggle-close{display:inline-block;animation:emoji-close-in .18s ease-out}
 @keyframes emoji-close-in{from{opacity:0;transform:rotate(35deg)}to{opacity:1;transform:rotate(0)}}
}
@media(prefers-reduced-motion:reduce){#emojiButton .emoji-toggle-face{transition:none}#emojiButton.active .emoji-toggle-close{animation:none}}

/* Classic default: compact key centred below the scrolling nick list. */
html[data-message-style="classic"] body #app #rightPanel .member-card > #nickTabButton.nick-tab-button{
 display:flex!important;align-items:center!important;justify-content:center!important;
 align-self:center!important;order:1000!important;flex:0 0 20px!important;
 width:60px!important;max-width:calc(100% - 6px)!important;min-width:0!important;height:20px!important;min-height:20px!important;
 margin:2px auto 3px!important;padding:0 5px!important;gap:6px!important;
 border:1px solid var(--cz-94bbd5,#94bbd5)!important;border-radius:4px!important;
 background:linear-gradient(110deg,var(--cz-e2f1ff,#e2f1ff),var(--cz-f7fbff,#f7fbff) 48%,var(--cz-bdd3e7,#bdd3e7))!important;color:var(--cz-1266b5,#1266b5)!important;
 box-shadow:inset 0 1px 0 #ffffffb3,0 1px 2px #17365d30!important;cursor:pointer;touch-action:manipulation;
}
html[data-message-style="classic"] body #app #rightPanel #nickTabButton .nick-tab-arrow{display:none!important}
html[data-message-style="classic"] body #app #rightPanel #nickTabButton .nick-tab-label{font:400 13px/18px Arial,sans-serif!important}
html[data-message-style="classic"] body #app #rightPanel #nickTabButton::after{content:'';display:block;width:18px;height:16px;flex:0 0 18px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 24'%3E%3Cpath d='M2 1v10M28 13v10M26 6H6M4 18h20' fill='none' stroke='black' stroke-width='2.5'/%3E%3Cpath d='M6 2 0 6l6 4V2m18 12 6 4-6 4v-8'/%3E%3C/svg%3E") center/contain no-repeat}
html[data-message-style="classic"] body #app #rightPanel #nickTabButton:active{filter:brightness(.94);box-shadow:inset 0 2px 3px #17365d30!important}
html[data-message-style="classic"] body #app #rightPanel #nickTabButton:focus-visible{outline:2px solid var(--cz-1266b5,#1266b5);outline-offset:-3px}
html[data-message-style="classic"] body #app #rightPanel #nickTabButton[hidden]{display:none!important}

/* Slim, theme-colored channel tab scrollbar on desktop and mobile. */
html[data-message-style="classic"] body #standardTabs{scrollbar-width:thin!important;scrollbar-color:var(--cz-94bbd5,#94bbd5) transparent!important}
@supports selector(::-webkit-scrollbar){
 html[data-message-style="classic"] body #standardTabs{scrollbar-width:auto!important;scrollbar-color:auto!important}
 html[data-message-style="classic"] body #standardTabs::-webkit-scrollbar{height:3px!important;width:3px!important}
 html[data-message-style="classic"] body #standardTabs::-webkit-scrollbar-track{background:transparent!important;border:0!important}
 html[data-message-style="classic"] body #standardTabs::-webkit-scrollbar-thumb{background:var(--cz-94bbd5,#94bbd5)!important;border:0!important;border-radius:6px!important}
 html[data-message-style="classic"] body #standardTabs::-webkit-scrollbar-thumb:hover{background:var(--cz-438cda,#438cda)!important}
 html[data-message-style="classic"] body #standardTabs::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}
 html[data-message-style="classic"] body #standardTabs::-webkit-scrollbar-corner{background:transparent!important}
}