/* One fixed composer, reserved space in the transcript, and keyboard clearance. */
:root{--ng-composer-height:140px;--ng-chat-composer-gap:24px}
body:not(.chat-active)>.chat-bottom{display:none}
body.chat-active #landing-main,body.chat-active #floating-ask{display:none!important}
body.chat-active .chat-bottom{
  position:fixed;inset:auto auto calc(var(--ng-chat-composer-gap) + env(safe-area-inset-bottom,0px) + var(--ng-keyboard-inset,0px)) 50%;
  width:min(674px,calc(100% - 40px));max-width:calc(100% - 24px);margin:0;
  transform:translateX(-50%);z-index:18;padding:22px 0 0;
  background:linear-gradient(180deg,#fff0 0,#fffffff0 20px,#fff 52px);
}
body.chat-active .chat-bottom .ask-form{width:100%;min-width:0;margin:0;background:#fff}
body.chat-active .chat-bottom .ask-form input{min-width:0;font-size:16px}
body.chat-active .chat-bottom>p{margin:0 8px 10px;text-align:center;line-height:1.5}
body.chat-active #attachment-chip{max-width:none;width:100%;margin-bottom:10px}
body.chat-active #conversation{
  padding-bottom:calc(var(--ng-composer-height) + var(--ng-chat-composer-gap) + env(safe-area-inset-bottom,0px) + var(--ng-keyboard-inset,0px) + 32px);
}
body.chat-active #conversation>:last-child{scroll-margin-bottom:calc(var(--ng-composer-height) + var(--ng-chat-composer-gap) + 24px)}
body.chat-active #toast{bottom:calc(var(--ng-composer-height) + var(--ng-chat-composer-gap) + env(safe-area-inset-bottom,0px) + var(--ng-keyboard-inset,0px) + 14px)}
@media(max-width:680px){
  :root{--ng-chat-composer-gap:12px}
  body.chat-active .chat-bottom{width:calc(100% - 28px);max-width:calc(100% - 24px);padding-top:18px}
  body.chat-active .chat-bottom .ask-form{min-height:70px}
  body.chat-active .chat-bottom>p{font-size:10px;margin-bottom:8px}
}