/* Two-level chat composer, matching the supplied input reference. */
html[data-theme] body :is(#chatScreen #rootComposer,#directChatScreen #directComposer).composer {
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 gap:6px!important;width:calc(100% - 16px)!important;max-width:924px!important;
 margin:4px auto calc(8px + var(--root-safe-bottom,env(safe-area-inset-bottom,0px)))!important;
 padding:12px!important;min-height:0!important;max-height:none!important;
 border:1px solid rgba(148,211,234,.22)!important;border-radius:26px!important;
 background:rgba(7,19,30,.72)!important;backdrop-filter:blur(18px)!important;
 box-shadow:0 4px 24px rgba(0,0,0,.18)!important;overflow:visible!important;
}
html[data-theme] body :is(#chatScreen #rootComposer,#directChatScreen #directComposer) :is(#messageInput,#directInput) {
 display:block!important;order:10!important;width:100%!important;flex:0 0 auto!important;
 min-height:44px!important;max-height:120px!important;margin:0!important;
 padding:6px 8px!important;border:0!important;border-radius:0!important;background:transparent!important;
 box-shadow:none!important;outline:none!important;font-size:16px!important;line-height:1.45!important;
 resize:none!important;overflow-y:auto!important;grid-area:auto!important;
}
html[data-theme] body :is(#rootComposer,#directComposer)>.composerActions {
 order:20!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;
 gap:4px!important;min-width:0!important;width:100%!important;margin:0!important;
}
html[data-theme] body :is(#chatScreen #rootComposer,#directChatScreen #directComposer) .composerActions>.round {
 position:relative!important;inset:auto!important;display:inline-flex!important;align-items:center!important;
 justify-content:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;
 min-width:40px!important;min-height:40px!important;margin:0!important;padding:0!important;
 grid-area:auto!important;border:0!important;border-radius:50%!important;background:transparent!important;
 color:#d5edf8!important;box-shadow:none!important;touch-action:manipulation!important;
}
html[data-theme] body :is(#rootComposer,#directComposer) .composerActions>:is(.hidden,[hidden]){display:none!important}
html[data-theme] body :is(#rootComposer,#directComposer) .composerActions .composerActionSpacer{flex:1 1 0!important;min-width:0!important}
html[data-theme] body :is(#chatScreen #rootComposer,#directChatScreen #directComposer) .composerActions>.composerScrollControls {
 position:static!important;inset:auto!important;display:flex!important;flex-direction:row!important;
 flex:0 0 auto!important;gap:2px!important;width:auto!important;height:auto!important;
 margin:0!important;transform:none!important;grid-area:auto!important;
}
html[data-theme] body :is(#rootComposer,#directComposer) .composerActions .composerScrollBtn {
 width:28px!important;height:36px!important;min-width:28px!important;min-height:36px!important;
 border:0!important;background:transparent!important;box-shadow:none!important;border-radius:50%!important;
}
html[data-theme] body #chatScreen #rootComposer .composerActions>#rootVoiceChatBtn,
html[data-theme] body :is(#rootComposer,#directComposer) .composerActions>.send {
 background:#3275ef!important;color:white!important;box-shadow:0 0 14px rgba(50,117,239,.18)!important;
}
html[data-theme] body :is(#rootComposer,#directComposer) .composerActions button svg {
 width:24px!important;height:24px!important;fill:none;stroke:currentColor;stroke-width:1.8;
}
html[data-theme] body #chatScreen #rootComposer .composerActions>#micBtn.recording {
 background:#079cff!important;color:white!important;
}
html[data-theme] body :is(#rootComposer,#directComposer)>:is(.rootImagePreview,.directAttachmentPreview,.directEditNotice,.directReplyNotice) {
 order:0!important;width:100%!important;flex:0 0 auto!important;margin:0!important;
}
html[data-theme].keyboardOpen body :is(#chatScreen #rootComposer,#directChatScreen #directComposer).composer {
 margin-bottom:6px!important;padding-bottom:10px!important;
}