/* Panel de detalle (plan UC): mientras está abierto, en una pantalla ancha la de trabajo se estrecha para dejarle sitio
   en vez de quedar tapada, como con la ayuda acoplada. La clase la pone crmFicha.marcarPanelDetalle en <body>; va en una
   hoja global porque <body> no es de ningún componente y el CSS aislado no llega hasta él. En pantallas estrechas el
   panel va encima (y en el móvil, a pantalla completa): ahí no cabe al lado. */
:root {
    --ancho-panel-detalle: 440px;
}

@media (min-width: 1280px) {
    body.con-panel-detalle .dashboard {
        margin-right: var(--ancho-panel-detalle);
    }

    body.con-panel-detalle .erp-dock-host {
        margin-right: var(--ancho-panel-detalle);
    }
}