/* Fixed chat chrome follows the visible viewport; only history scrolls. */
/* Closed panels may retain older viewport bounds; never obscure another editor. */
.crm-chat-panel[aria-hidden=true]{visibility:hidden;pointer-events:none}
.crm-chat-panel{
  top:calc(var(--crm-chat-v-top,0px) + var(--frame))!important;
  right:calc(var(--crm-chat-v-right,0px) + var(--frame))!important;
  left:auto!important;bottom:auto!important;
  height:max(0px,calc(var(--crm-chat-v-height,100dvh) - 2 * var(--frame)));
  max-width:max(0px,calc(var(--crm-chat-v-width,100vw) - 2 * var(--frame)));
  min-height:0;
}
.crm-chat-panel[data-compact=true]{
  top:var(--crm-chat-v-top,0px)!important;left:var(--crm-chat-v-left,0px)!important;
  right:auto!important;width:var(--crm-chat-v-width,100vw)!important;
  height:var(--crm-chat-v-height,100dvh);max-width:var(--crm-chat-v-width,100vw);
  border-radius:0!important;
}
.crm-chat-panel[data-compact=true]>.so-grip{display:none}
.crm-chat-panel[data-compact=true]>.crm-chat-sidebar,
.crm-chat-panel[data-compact=true]>.crm-chat-conversation{width:100%!important;min-width:0;border:0!important;border-radius:0!important;flex:1!important}
.crm-chat-panel[data-compact=true][data-active=true]>.crm-chat-sidebar,
.crm-chat-panel[data-compact=true]:not([data-active=true])>.crm-chat-conversation{display:none!important}
.crm-chat-conversation{container:crmChatCompose / inline-size}
.crm-chat-send-icon{display:none}
@container crmChatCompose (max-width:480px){
  .crm-chat-send-text{display:none}
  .crm-chat-send-icon{display:inline-block;font-size:24px;line-height:1}
  #chat-input+.btn-pill{width:44px;min-width:44px;min-height:44px;padding:0!important}
}