/* ROOT dialog composer: text above actions, within one rounded surface. */
html[data-theme] body #chatScreen.chatScreen #rootComposer.composer {
 display:grid!important;grid-template-columns:36px 36px minmax(0,1fr) 82px 36px!important;
 grid-template-rows:auto auto!important;gap:6px!important;align-items:end!important;
 position:relative!important;inset:auto!important;flex:0 0 auto!important;
 width:calc(100% - 20px)!important;max-width:920px!important;min-height:0!important;max-height:none!important;
 margin:8px auto calc(10px + var(--root-safe-bottom,env(safe-area-inset-bottom,0px)))!important;
 padding:8px 10px!important;border:1px solid rgba(156,204,232,.25)!important;border-radius:26px!important;
 background:rgba(10,22,36,.48)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
 box-shadow:0 5px 24px rgba(0,0,0,.15)!important;box-sizing:border-box!important;
}
html[data-theme] body #chatScreen.chatScreen #rootComposer.composer:focus-within {border-color:rgba(143,216,246,.55)!important;box-shadow:0 0 15px rgba(75,165,209,.1)!important}
html[data-theme] body #chatScreen.chatScreen #rootComposer.composer #messageInput {
 grid-column:1/-1!important;grid-row:1!important;align-self:stretch!important;width:100%!important;min-width:0!important;
 min-height:42px!important;max-height:160px!important;margin:0!important;padding:10px 6px!important;
 background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:none!important;
 font-size:16px!important;line-height:22px!important;color:#f4f7fa!important;resize:none!important;text-shadow:none!important;
}
html[data-theme] body #chatScreen.chatScreen #rootComposer.composer #messageInput::placeholder {color:rgba(218,233,245,.65)!important}
html[data-theme] body #chatScreen.chatScreen #rootComposer.composer :is(#rootAttach,#micBtn,#sendBtn,#voiceCancelBtn,#rootDialogVoice) {
 grid-row:2!important;align-self:end!important;position:static!important;inset:auto!important;transform:none!important;margin:0!important;
 height:36px!important;min-height:36px!important;width:36px!important;min-width:36px!important;
 border:0!important;border-radius:50%!important;background:transparent!important;color:#d3e8f2!important;box-shadow:none!important;padding:7px!important;
}
html[data-theme] body #chatScreen.chatScreen #rootComposer.composer #rootAttach {grid-column:1!important;font-size:25px!important}
html[data-theme] body #chatScreen.chatScreen #rootComposer.composer #micBtn {grid-column:2!important}
html[data-theme] body #chatScreen.chatScreen #rootComposer.composer #voiceCancelBtn {grid-column:3!important;justify-self:start!important}
html[data-theme] body #chatScreen.chatScreen #rootComposer.composer #rootDialogVoice {
 grid-column:4!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
 width:82px!important;min-width:82px!important;border-radius:18px!important;background:rgba(157,213,245,.12)!important;font-size:13px!important;font-weight:600!important;
 touch-action:manipulation!important;cursor:pointer!important;
}
html[data-theme] body #chatScreen.chatScreen #rootComposer.composer #sendBtn {grid-column:5!important;background:#e7f2f8!important;color:#14202c!important;font-size:23px!important}
html[data-theme] body #chatScreen.chatScreen #rootComposer.composer :is(#micBtn,#sendBtn,#rootDialogVoice) svg {width:22px!important;height:22px!important}
html[data-theme] body #chatScreen.chatScreen #rootComposer.composer #rootDialogVoice svg {fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important}
html[data-theme] body #chatScreen.chatScreen #rootComposer.composer :is(#micBtn.recording,#sendBtn.stop,#rootDialogVoice.on) {background:rgba(75,190,232,.32)!important;color:#effcff!important}
html[data-theme] body #chatScreen.chatScreen #rootComposer.composer button:disabled {opacity:.4!important}
html[data-theme] body #chatScreen.chatScreen #rootComposer.composer :is(#sendBtn,#rootDialogVoice,#voiceCancelBtn).hidden {display:none!important}
html[data-theme] body #chatScreen.chatScreen #rootComposer.composer #rootImagePreview:not(.hidden) {grid-column:1/-1!important;grid-row:1!important;margin:0!important}
html[data-theme] body #chatScreen.chatScreen #rootComposer.composer:has(#rootImagePreview:not(.hidden)) #messageInput {grid-row:2!important}
html[data-theme] body #chatScreen.chatScreen #rootComposer.composer:has(#rootImagePreview:not(.hidden)) :is(#rootAttach,#micBtn,#sendBtn,#voiceCancelBtn,#rootDialogVoice) {grid-row:3!important}
html[data-theme] body #chatScreen.chatScreen #rootComposer.composer>.composerScrollControls {display:none!important}
html[data-theme].keyboardOpen body #chatScreen.chatScreen #rootComposer.composer {margin-bottom:8px!important;padding:8px 10px!important}