/* public/css/ufy-phone/el-chat-app.css
   Integración de El Chat dentro de UFY Phone.
*/


.ufy-el-chat-app {
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  background-color: #171124;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.ufy-el-chat-app::-webkit-scrollbar {
  display: none;
}

.ufy-el-chat-app::before {
  position: absolute;
}

.ufy-el-chat-app .ufy-el-chat-shell {
  width: 100%;
  min-height: 100%;
  padding:
    max(12px, env(safe-area-inset-top))
    12px
    max(28px, env(safe-area-inset-bottom));
}

/* El Chat utiliza su propia cabecera y su propio botón Cerrar. */
.ufy-phone-app-screen[data-ufy-active-app="el-chat"] {
  background: #171124;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.ufy-phone-app-screen[data-ufy-active-app="el-chat"]
.ufy-phone-app-screen-header {
  display: none;
}

.ufy-phone-app-screen[data-ufy-active-app="el-chat"]
.ufy-phone-app-screen-content {
  padding: 0;
  overflow: hidden;
  background: transparent;
}

@media (prefers-reduced-motion: reduce) {
  .ufy-el-chat-app .ufy-el-chat-close-hint {
    animation: none;
  }
}