/* SIOV360 1.0.28-PILOT · Mobile horizontal workspace scroll fix
   Corrige el bloqueo lateral del shell principal en <=640px sin tocar navegación ni datos.
   El sidebar conserva su ancho compacto; la zona de trabajo pasa a ser el contenedor
   desplazable horizontalmente para acceder al contenido que mantiene un ancho mínimo. */
@media (max-width:640px){
  #menuScreen.siov-main-shell{
    overflow:hidden!important;
  }

  #menuScreen > .siov-workspace{
    flex:1 1 auto!important;
    width:calc(100vw - 78px)!important;
    max-width:calc(100vw - 78px)!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    touch-action:pan-x pan-y;
    scrollbar-gutter:stable;
  }

  /* Mantiene el diseño actual de la cabecera/dashboard, pero ahora ese ancho
     puede recorrerse dentro de .siov-workspace en vez de quedar recortado. */
  #menuScreen > .siov-workspace > .siov-topbar,
  #menuScreen > .siov-workspace > .siov-content-area{
    box-sizing:border-box!important;
    min-width:600px!important;
  }

  /* El scroll vertical sigue perteneciendo al área de contenido; el lateral
     lo controla el workspace para que también se desplace la cabecera. */
  #menuScreen > .siov-workspace > .siov-content-area{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    min-height:0!important;
  }
}