/* Focus changes only the border: the same chat structure before/after keyboard. */
body.ux-r311.ol-assistant-active #page-assistant #assistantComposerForm .chat-input-row.composer {
  animation:none!important; transform:none!important; filter:none!important;
  transition:border-color .12s ease!important;
}
body.ux-r311.ol-assistant-active #page-assistant #assistantComposerForm textarea#chatInput {
  font-size:16px!important; line-height:24px!important; min-height:44px!important;
  padding:10px 8px!important; max-height:112px!important; align-self:flex-end!important;
}
body.ux-r311.ol-assistant-active #page-assistant #assistantComposerForm :is(#chatImage,#chatMic,#chatSend) {
  width:44px!important; min-width:44px!important; max-width:44px!important;
  height:44px!important; min-height:44px!important; max-height:44px!important;
  border-radius:var(--r-sm)!important;
}
body.ux-r311.ol-assistant-active #page-assistant .chat-box { overflow-anchor:none!important; scroll-behavior:auto!important; }
body.ux-r311.ol-assistant-active #page-assistant .chat-rich-text { font-size:15px; line-height:1.65!important; }
@media(max-width:899px) {
  body.ux-r311.ol-assistant-active #page-assistant:not(.hidden) { padding:4px!important; }
  body.ux-r311.ol-assistant-active #page-assistant .assistant-chat-panel { padding:0!important; border-radius:var(--r)!important; }
  body.ux-r311.ol-assistant-active #page-assistant .chat-box { padding:10px 8px!important; scroll-padding:10px!important; }
  body.ux-r311.ol-assistant-active #page-assistant #assistantComposerForm { padding:7px 8px!important; margin:0!important; }
}
@media(prefers-reduced-motion:reduce) {
  body.ux-r311.ol-assistant-active #page-assistant #assistantComposerForm .chat-input-row.composer { transition:none!important; }
}

@media(min-width:900px) {
 body.ux-r311.ol-assistant-active #page-assistant:not(.hidden) { padding-block:4px 8px!important; }
 body.ux-r311.ol-assistant-active #page-assistant .assistant-chat-panel { padding-top:0!important; }
 body.ux-r311.ol-assistant-active #page-assistant .assistant-conversation-bar { flex:0 0 auto!important; min-height:46px!important; padding:6px 16px!important; margin-top:0!important; }
 body.ux-r311.ol-assistant-active #page-assistant .assistant-conversation-mark { width:32px; height:32px; }
 body.ux-r311.ol-assistant-active #page-assistant .chat-box { padding-top:12px!important; }
}