/* MR8 (antes ayuda.css, AY2): con una ventana acoplada a un lado —la de ayuda o una ficha abierta al lado—, la
   pantalla de trabajo se estrecha para dejarle sitio en vez de quedar tapada. Puede haber una a cada lado. Las clases
   y los anchos los pone ventanaAcoplable.js en <body> y en <html>; va en una hoja global porque <body> no es de ningún
   componente y el CSS aislado no llega hasta él. */
body.ventana-acoplada-derecha .dashboard {
    margin-right: var(--ventana-derecha, 440px);
}

body.ventana-acoplada-izquierda .dashboard {
    margin-left: var(--ventana-izquierda, 440px);
}

/* El botón flotante (Crear, chat, asistente) se aparta de la ventana acoplada a la derecha en vez de taparla. */
body.ventana-acoplada-derecha .erp-dock-host {
    margin-right: var(--ventana-derecha, 440px);
}

/* La cabecera mide su buscador con el ancho de la VENTANA del navegador (vw), no con el que le queda: con una ventana
   acoplada el buscador no encogía y los iconos se montaban encima. Acoplada, el buscador encoge con lo que haya. */
body.ventana-acoplada-derecha .header-search-wrapper,
body.ventana-acoplada-izquierda .header-search-wrapper {
    flex: 0 1 320px;
    min-width: 0;
    overflow: hidden;
}

/* Los iconos no encogen nunca: lo que cede es el buscador. */
body.ventana-acoplada-derecha .header-actions,
body.ventana-acoplada-izquierda .header-actions {
    flex-shrink: 0;
}

body.ventana-acoplada-derecha .header-search,
body.ventana-acoplada-izquierda .header-search {
    width: 100%;
    min-width: 0;
}

body.ventana-acoplada-derecha .header-company,
body.ventana-acoplada-izquierda .header-company {
    max-width: 200px;
}

/* Mientras se arrastra o se estira una ventana, ningún marco se traga el ratón: el de una ficha que quede debajo se
   quedaría con el movimiento. */
body.ventanas-moviendo iframe {
    pointer-events: none;
}

@media (max-width: 700px) {
    body.ventana-acoplada-derecha .dashboard,
    body.ventana-acoplada-izquierda .dashboard {
        margin: 0;
    }

    body.ventana-acoplada-derecha .erp-dock-host {
        margin-right: 0;
    }
}