/* SÓCRATES NOVA V20.3.45 — Modo formulario de contacto en el asistente.
   Complemento visual para V20.3.42/.43/.44: no afecta Builder ni Microsoft Graph. */

/* El formulario ocupa la zona de contenido; el resto del chat se conserva en el DOM. */
#chat-panel.nova-lead-mode .chat-actions,
#chat-panel.nova-lead-mode #chat-form,
#chat-panel.nova-lead-mode .chat-disclaimer {
  display: none !important;
}
#chat-panel.nova-lead-mode {
  overflow: hidden;
}
#chat-panel.nova-lead-mode .chat-header {
  flex: 0 0 auto;
}
#chat-panel.nova-lead-mode #chat-messages {
  flex: 1 1 0;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: clamp(10px, 2vw, 18px);
  scroll-padding-top: 10px;
}
/* Ocultamos de forma reversible los mensajes anteriores para aprovechar la altura. */
#chat-panel.nova-lead-mode #chat-messages > :not(.nova-lead-current) {
  display: none !important;
}
#chat-panel.nova-lead-mode #chat-messages > .nova-lead-current {
  display: block;
  flex: 0 0 auto;
  align-self: stretch;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
  min-height: 0;
}
#chat-panel.nova-lead-mode .nova-lead-field {max-width: 100%;}
#chat-panel.nova-lead-mode .nova-lead-controls button:focus-visible,
#chat-panel.nova-lead-mode .nova-lead-consent input:focus-visible {
  outline: 2px solid #0074c7;
  outline-offset: 3px;
}

/* Sin altura explícita el chat podría encogerse cuando ocultamos sus controles.
   En altura normal dedicamos toda la ventana disponible al formulario. */
@media (min-height: 651px) {
  #chat-panel.nova-lead-mode:not([hidden]) {
    height: min(620px, calc(100dvh - 190px));
    max-height: min(620px, calc(100dvh - 190px));
  }
}
@media (max-width: 620px) and (min-height: 651px) {
  #chat-panel.nova-lead-mode:not([hidden]) {
    height: calc(100dvh - 145px);
    max-height: calc(100dvh - 145px);
  }
}

/* V20.3.44 sigue rigiendo la altura reducida del navegador al 200 %.
   En celulares, no se recortan los campos ni se impide el scroll. */
@media (max-width: 620px) {
  #chat-panel.nova-lead-mode #chat-messages { padding: 10px; }
  #chat-panel.nova-lead-mode .nova-lead-current { padding: 12px; }
}