html.crmchat-ios-layout,
html.crmchat-ios-layout body,
html.crmchat-ios-layout #app {
  height: 100%;
  min-height: 100%;
  overflow: hidden;
}

html.crmchat-ios-layout .pc_customerServer_container {
  height: var(--crmchat-visual-height, 100vh) !important;
  min-height: var(--crmchat-visual-height, 100vh) !important;
  max-height: var(--crmchat-visual-height, 100vh) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
}

html.crmchat-ios-layout .pc_customerServer_container_header {
  flex: 0 0 auto !important;
}

html.crmchat-ios-layout .pc_customerServer_container_content {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
}

html.crmchat-ios-layout .pc_customerServer_container_content .happy-scroll,
html.crmchat-ios-layout .pc_customerServer_container_content .happy-scroll-container,
html.crmchat-ios-layout .pc_customerServer_container_content .happy-scroll-content {
  height: 100% !important;
}

html.crmchat-ios-layout .pc_customerServer_container_content .scroll_content {
  padding-bottom: 10px !important;
}

html.crmchat-ios-layout .footer_customerServer_container {
  flex: 0 0 auto !important;
  position: relative !important;
  z-index: 20 !important;
  background: #f5f5f5 !important;
  padding-bottom: 8px !important;
  padding-bottom: max(8px, env(safe-area-inset-bottom)) !important;
  transform: translateY(var(--crmchat-input-offset, 0px));
}

html.crmchat-ios-layout.crmchat-ios-embedded .footer_customerServer_container {
  margin-bottom: var(--crmchat-embedded-bottom-gap, 64px) !important;
}

html.crmchat-ios-layout .mobel_customerServer_container_footer {
  padding: 6px 10px !important;
}

html.crmchat-ios-layout .mobel_customerServer_container_footer .crmchat_link {
  display: none !important;
}

html.crmchat-ios-layout .mobel_customerServer_container_footer_input {
  margin: 0 7px !important;
}

html.crmchat-ios-layout .mobel_customerServer_container_footer_input_con {
  min-height: 32px !important;
}

html.crmchat-ios-layout .mobel_customerServer_container_footer_input_con textarea {
  min-height: 32px !important;
  max-height: 72px !important;
  font-size: 16px !important;
}

html.crmchat-ios-layout.crmchat-keyboard-open .footer_customerServer_container {
  transform: translateY(-10px);
}

html.crmchat-ios-layout.crmchat-keyboard-open .pc_customerServer_container_content .scroll_content {
  padding-bottom: 6px !important;
}

html.crmchat-ios-layout .customerOutLine_server {
  height: var(--crmchat-visual-height, 100vh) !important;
  min-height: var(--crmchat-visual-height, 100vh) !important;
  max-height: var(--crmchat-visual-height, 100vh) !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

html.crmchat-ios-layout .customerOutLine_server_content {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 10px 14px 14px !important;
  padding: 10px 14px max(14px, env(safe-area-inset-bottom)) !important;
}

html.crmchat-ios-layout.crmchat-ios-embedded .customerOutLine_server_content {
  padding-bottom: var(--crmchat-embedded-bottom-gap, 64px) !important;
}

html.crmchat-ios-layout .customerOutLine_server_content_message {
  margin-bottom: 10px !important;
  max-height: 120px !important;
  overflow: auto !important;
}

html.crmchat-ios-layout .customerOutLine_server_content_message_phone {
  margin-top: 8px !important;
}

html.crmchat-ios-layout .customerOutLine_server_content_form > div {
  margin-bottom: 10px !important;
}

html.crmchat-ios-layout .customerOutLine_server_content_form > div input,
html.crmchat-ios-layout .customerOutLine_server_content_form > div textarea {
  font-size: 16px !important;
}

html.crmchat-ios-layout .customerOutLine_server_content_form > div textarea {
  min-height: 78px !important;
  max-height: 120px !important;
}

html.crmchat-ios-layout .customerOutLine_server_content_handle {
  margin-top: 8px !important;
}