/* MSN-style composer. Mobile retains its original controls and geometry. */
.desktop-composer-toolbar,.desktop-composer-hint{display:none}
@media(min-width:761px){
 #app .composer{flex-shrink:0;padding:0!important;margin:8px 10px 10px;border:1px solid var(--cz-94bbd5,#94bbd5);border-radius:6px;box-shadow:inset 0 0 0 1px white;background:var(--cz-f8fcff,#f8fcff);overflow:visible}
 #app .composer>.composer-tools{display:none!important}
 #app .desktop-composer-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:5px 7px;min-height:35px;border-bottom:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:5px 5px 0 0;background:linear-gradient(#fff,var(--cz-e2f1ff,#e2f1ff));color:var(--cz-17365d,#17365d);font:12px Arial,sans-serif}
 #app .desktop-composer-toolbar label{display:inline-flex;align-items:center;gap:4px;margin:0;font:inherit}
 #app .desktop-font-select>span{font:bold 19px Georgia,serif;text-decoration:underline}
 #app .desktop-composer-toolbar select{width:auto;max-width:125px;min-width:0;height:27px;padding:2px 3px;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:3px;background:#fff;color:var(--cz-17365d,#17365d);font:12px Arial,sans-serif}
 #app .desktop-composer-toolbar input[type=color]{width:27px;height:25px;padding:2px;border:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:3px;background:#fff;cursor:pointer}
 #app .desktop-tool-divider{height:23px;width:1px;background:var(--cz-bdd3e7,#bdd3e7);margin:0 3px}
 #app .desktop-composer-toolbar button{position:static!important;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto!important;width:31px;min-width:31px;height:28px!important;padding:2px!important;margin:0;transform:none!important;border:1px solid transparent;border-radius:3px;background-color:transparent;box-shadow:none;cursor:pointer}
 #app .desktop-composer-toolbar button[hidden]{display:none!important}
 #app .desktop-composer-toolbar button:hover{border-color:var(--cz-94bbd5,#94bbd5);background-color:var(--cz-e2f1ff,#e2f1ff)}
 #app .desktop-composer-toolbar #emojiButton{font-size:21px}
 #app .desktop-composer-toolbar #voiceButton svg{width:23px;height:23px}
 #app .desktop-composer-toolbar #voiceButton.recording{background-color:#ffe1e8;color:#ce2949}
 #app .desktop-composer-toolbar #nickTabButton{margin-left:auto;width:47px;min-width:47px;font:12px Arial,sans-serif;color:var(--cz-17365d,#17365d)}
 #app .composer-row{align-items:stretch!important;gap:8px!important;padding:8px;background:#fff}
 #app .composer-row .message-input-wrap{align-items:stretch;flex:1;min-width:0}
 #app .composer-row #messageInput,#app .composer-row #messageInput:focus,#app .composer-row #messageInput:focus-visible{height:120px!important;min-height:100px!important;max-height:180px!important;padding:5px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;outline:none!important;overflow-y:auto!important;resize:none!important;scrollbar-width:thin;font-family:var(--chat-text-font,Arial),sans-serif;font-size:var(--chat-text-size,14px);font-weight:var(--chat-text-weight,400);font-style:var(--chat-text-style,normal);color:var(--chat-text-color,#000);line-height:1.4!important}
 #app .composer-row #messageInput::-webkit-scrollbar{display:block;width:7px}
 #app .composer-row #sendButton{display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:flex-end!important;flex:0 0 52px!important;width:52px!important;min-width:52px!important;height:52px!important;min-height:52px!important;padding:8px!important;margin:0!important;border:1px solid var(--cz-94bbd5,#94bbd5)!important;border-radius:7px!important;background:linear-gradient(#fff,var(--cz-e2f1ff,#e2f1ff))!important;box-shadow:none!important;color:var(--cz-0758bd,#0758bd)!important;cursor:pointer}
 #app .composer-row #sendButton svg{display:block!important;width:34px!important;height:34px!important;flex:none}
 #app .composer-row #sendButton::after{content:none!important;display:none!important}
 #app .composer-row #sendButton:hover{background:var(--cz-d5eaff,#d5eaff)!important}
 #app .composer-row #sendButton:focus-visible{outline:2px solid currentColor;outline-offset:2px}
 #app .desktop-composer-hint{display:block;padding:4px 8px;border-top:1px solid var(--cz-bdd3e7,#bdd3e7);border-radius:0 0 5px 5px;background:var(--cz-f1f8ff,#f1f8ff);color:var(--cz-55739c,#55739c);font:11px/16px Arial,sans-serif}
 #app .composer .emoji-picker{bottom:calc(100% + 6px);left:0;right:auto}
 #app .composer>.reply-preview,#app .composer>.typing-line{margin:4px 7px}
}
