/* HIG chat viewport 1.0.0: bound the history, reserve the composer. */
html[data-teamilo-hig] body .chat-layout.tm-chat-detail,
html[data-teamilo-hig] body #hig-direct-root:not([hidden]) {
  position:fixed!important;
  inset:var(--teamilo-chat-top,0px) 0 auto!important;
  height:100vh!important;
  height:var(--teamilo-chat-height,100dvh)!important;
  min-height:0!important;
  max-height:none!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
html[data-teamilo-hig] body .chat-layout.tm-chat-detail {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  align-items:stretch!important;
  justify-items:center!important;
}
html[data-teamilo-hig] body .tm-chat-detail>.chatpanel,
html[data-teamilo-hig] body #hig-direct-root .hig-dm-shell {
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  min-width:0!important;
  overflow:hidden!important;
}
html[data-teamilo-hig] body .tm-chat-detail>.chatpanel {height:100%!important}
html[data-teamilo-hig] body .tm-chat-detail :is(.chatlog,.tm-chat-scroll),
html[data-teamilo-hig] body #hig-direct-root .hig-dm-messages {
  flex:1 1 0px!important;
  min-height:0!important;
  height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
}
html[data-teamilo-hig] body .tm-chat-detail .chatlog>.bubble,
html[data-teamilo-hig] body #hig-direct-root .hig-dm-messages>.hig-dm-bubble {flex-shrink:0!important}
html[data-teamilo-hig] body .tm-chat-detail :is(.chatcompose,#chatform),
html[data-teamilo-hig] body #hig-direct-root :is(.hig-dm-head,.hig-dm-compose,.hig-dm-footer) {flex:0 0 auto!important}
html[data-teamilo-hig] body #hig-direct-root .hig-dm-compose {flex-wrap:nowrap!important}
html[data-teamilo-hig] body #hig-direct-root .hig-dm-compose input {flex:1 1 0px!important;width:0!important;min-width:0!important}
html[data-teamilo-hig] body #hig-direct-root .hig-dm-compose button {flex:0 0 auto!important}