/* Modern mobile channels share the MSN composer. */
@media(max-width:760px){
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .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:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .composer>.composer-tools{display:none!important}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .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:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .desktop-composer-toolbar label{display:flex;align-items:center;margin:0;gap:1px}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .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:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .desktop-composer-toolbar>select,html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .desktop-tool-divider,html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .desktop-composer-toolbar label>span{display:none}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .desktop-composer-toolbar input[type=color]{width:25px;height:27px;padding:1px;border:0;background:transparent}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .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:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .desktop-composer-toolbar button[hidden]{display:none!important}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .desktop-composer-toolbar #nickTabButton{font-size:10px;color:var(--cz-17365d,#17365d)}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .composer-row{padding:4px;gap:4px!important;align-items:stretch!important}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .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:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .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:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .composer .emoji-picker{bottom:calc(100% + 4px);left:0;right:auto;width:min(300px,calc(100vw - 18px));max-height:40dvh;z-index:250}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .composer .reply-preview{max-width:100%;box-sizing:border-box}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .desktop-composer-toolbar{gap:0!important;justify-content:flex-start!important;padding:1px!important}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .desktop-composer-toolbar button{margin:0!important;min-width:26px;width:26px;flex-basis:26px!important}
}
@media(max-width:760px){
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app>.layout.msn-channel-chat{display:grid!important;grid-template-columns:minmax(0,1fr) var(--channel-roster-width);gap:0;min-height:0;overflow:hidden;background:var(--cz-f1f8ff,#f1f8ff)}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .chat-panel{display:grid!important;grid-column:1;grid-row:1;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;height:100%;position:relative;border:0;border-radius:0}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .channel-head{grid-row:1;min-height:40px;padding:5px 30px 5px 5px!important}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .channel-head h2{font-size:14px}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .channel-head p{display:none}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat #messages{grid-row:2;min-height:0;min-width:0;overflow-y:auto;margin:5px 0 0 5px;padding:5px;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:3px}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat #messages .message .message-body{max-width:90%;padding:6px 8px}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .welcome-banner{display:none!important}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat #rightPanel{display:flex!important;grid-column:2;grid-row:1;position:static!important;flex-direction:column;width:auto!important;min-width:0;min-height:0;height:100%;padding:4px!important;margin:0;border:0;border-left:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:0;background:var(--cz-f1f8ff,#f1f8ff);overflow:hidden;box-sizing:border-box}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat #rightPanel>.info-card,html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .member-card>h3{display:none!important}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .member-card{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat #memberSearch{display:block;flex:0 0 30px;width:100%;min-width:0;height:30px;padding:3px;margin:0 0 3px;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:3px;font-size:16px;box-sizing:border-box}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat #memberList{flex:1;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:0;margin:0}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat #memberList .member-row{gap:2px;padding:4px 0;margin:0;min-width:0;border-radius:0}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat #memberList .member-row>div:nth-child(2){display:flex;min-width:0;gap:0;align-items:center}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat #memberList .member-nick{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat #memberList .member-prefix{font-size:12px}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat #memberList .member-avatar,html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat #memberList .social-avatar,html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat #memberList .member-avatar img{width:18px;height:18px;min-width:18px;flex:0 0 18px}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat #memberList .member-row>button,html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat #memberList .social-friend-actions{display:none}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat #memberList>.show-more{padding:6px 1px;font-size:11px;white-space:normal}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app>.layout.msn-channel-chat.modern-members-hidden{grid-template-columns:minmax(0,1fr) 0px}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat.modern-members-hidden #rightPanel{display:none!important}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .chat-panel>#mobileMembersButton{right:3px!important;top:calc(50% - 40px)!important;min-width:35px;height:30px!important;z-index:10}
}

/* Shared full-width heading above both channel columns. */
@media(max-width:760px){
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app>.layout.msn-channel-chat{position:relative;grid-template-rows:auto minmax(0,1fr) auto}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .chat-panel{display:contents!important}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .channel-head{grid-column:1/-1;grid-row:1;min-width:0;width:auto;box-sizing:border-box}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat #messages{grid-column:1;grid-row:2}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat .composer{grid-column:1;grid-row:3}
 html:is([data-message-style="modern"],[data-message-style="standard"]) #app .msn-channel-chat #rightPanel{grid-column:2;grid-row:2/4;height:auto;align-self:stretch;padding-top:5px!important}
}