/* Keep the default chat compact; the existing Expand control keeps full size. */
.chat-popup:not([data-expanded="true"]) {
  --chat-compact-bottom: max(6px, env(safe-area-inset-bottom), var(--chat-keyboard-inset, 0px));
  top: auto;
  bottom: var(--chat-compact-bottom);
  width: min(660px, calc(100% - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));
  height: min(620px, 76%);
  max-height: max(0px, calc(100% - max(calc(var(--brand-header-height) + 6px), var(--chat-keyboard-top, 0px)) - var(--chat-compact-bottom)));
}

@media (max-width: 899px) {
  .chat-popup:not([data-expanded="true"]) {
    top: max(calc(var(--brand-header-height) + 6px), var(--chat-keyboard-top, 0px));
    left: env(safe-area-inset-left);
    right: env(safe-area-inset-right);
    margin: auto;
  }
}

@media (min-width: 900px) {
  .chat-popup:not([data-expanded="true"]) {
    --chat-compact-bottom: max(calc(var(--desktop-bottom-height, 0px) + 8px), var(--chat-keyboard-inset, 0px));
  }
}