/* WhatsApp: más espacio para los mensajes en la ficha de conversación.
   1) "Datos y acciones" plegable en todas las vistas (mismas reglas que ya usa la vista lateral,
      .wa-dock-side, en crm-styles): una barra; al abrirla se muestra encima de los mensajes. */
.wa-app.wa-operator-workspace .wa-chat-controls-toggle{display:flex;align-items:center;gap:7px;width:calc(100% - 16px);margin:5px 8px;padding:7px 10px;min-height:36px;border:1px solid #496878;border-radius:9px;background:#142f3c;color:#d2e7ed;font-size:11px;text-align:left}
.wa-app.wa-operator-workspace .wa-chat-controls-toggle>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-app.wa-operator-workspace .wa-chat-controls.expanded .wa-chat-controls-toggle>svg:last-child{transform:rotate(180deg)}
.wa-app.wa-operator-workspace .wa-chat-controls:not(.expanded) .wa-chat-controls-body{display:none}
.wa-app.wa-operator-workspace .wa-chat-controls.expanded .wa-chat-controls-body{display:block;position:absolute;top:100%;left:8px;right:8px;z-index:4;background:#102a35;border:1px solid #527382;border-radius:10px;box-shadow:0 10px 24px #0008;max-height:clamp(130px,30dvh,300px);overflow-y:auto;overscroll-behavior:contain;border-bottom:1px solid #436372}
.wa-app.wa-operator-workspace .wa-chat-controls .wa-chat-permissions{padding:8px 12px}
.wa-app.wa-operator-workspace .wa-chat-controls .wa-owner{margin:5px 8px;padding:8px}
/* 2) Bloque del cliente (cobranza, ticket, consentimiento): tope de altura con su propio desplazamiento
   (por debajo de 651 px de alto manda wa-client-access, 120-145 px). */
@media(min-height:651px){.wa-app.wa-operator-workspace .wa-client-access{max-height:clamp(146px,26vh,280px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}
.wa-app.wa-operator-workspace .wa-client-access{overflow-y:auto;overscroll-behavior:contain}
/* 3) Historial con altura mínima garantizada. */
.wa-app.wa-operator-workspace .wa-messages{min-height:min(300px,36vh)}
/* 4) Si la ventana es muy baja, el panel completo se desplaza en lugar de cortar el redactor. */
.wa-app.wa-operator-workspace .wa-conversation{overflow-y:auto}
