/* Reuse the accepted utility-dock icon, spacing and focus treatment. */
.ff-utility-dock .ff-chat-trigger .ff-icon { --ff-icon: "\f4ad"; }
/* Keep chat below the existing dock (50) and site modals, not at SDK's global maximum. */
body.ff-chat-dock-ready #cw-widget-holder:not(.woot--hide) { z-index: 45 !important; }
@media (min-width: 668px) {
  body.ff-chat-dock-ready #cw-widget-holder {
    right: calc(var(--ff-floating-right) + env(safe-area-inset-right, 0px) + 40px + 12px);
    max-width: calc(100vw - var(--ff-floating-right) - env(safe-area-inset-right, 0px) - 40px - 12px - 16px);
  }
}
/* Native full-screen mobile panel supplies its own close control. */
@media (max-width: 667px) {
  /* Public/account headers use 80/70; site modals remain above this panel. */
  body.ff-chat-dock-ready #cw-widget-holder:not(.woot--hide) { z-index: 90 !important; }
  body.ff-chat-open .ff-utility-dock { visibility: hidden; pointer-events: none; }
}
body.modal-open #cw-widget-holder,
body:has(dialog[open]) #cw-widget-holder,
body:has(.ff-user-sidebar.is-open) #cw-widget-holder,
body:has(.ff-public-nav.is-open) #cw-widget-holder { visibility: hidden !important; }