html.k2chat-page-locked,
body.k2chat-page-locked {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

body.k2chat-page-locked {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
}

.k2chat-panel {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

.k2chat-launch[hidden] {
  display: none !important;
}

.k2chat-actions {
  display: flex !important;
  justify-content: center;
}

.k2chat-actions button {
  width: auto !important;
  max-width: calc(100vw - 24px);
  white-space: normal;
  border-radius: 999px !important;
  padding: 11px 24px !important;
}

.k2chat-launch {
  max-width: min(360px, calc(100vw - 24px));
  white-space: normal;
  line-height: 1.25;
}

.k2chat-panel.open {
  display: flex !important;
  flex-direction: column !important;
}

.k2chat-scrollarea {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 900px) {
  .k2chat-panel {
    inset: max(8px, env(safe-area-inset-top)) 8px max(68px, env(safe-area-inset-bottom)) 8px !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
  }

  .k2chat-panel > header {
    flex: 0 0 auto;
  }
}