/* STARLIKE FIX 199 - decoración de marca sin invadir operación */

.stl199-brand-slogan,
.stl199-brand-art{
  pointer-events:none !important;
  user-select:none !important;
}

/* En monitores anchos conserva la personalidad de marca,
   pero siempre por detrás del contenido interactivo. */
@media (min-width:1501px){
  .stl199-brand-slogan,
  .stl199-brand-art{
    z-index:0 !important;
    opacity:.38 !important;
  }

  #view-dashboard,
  #view-pos,
  #view-restaurant,
  #view-purchases,
  #view-cash,
  #view-inventory,
  #view-kardex,
  #view-payables{
    position:relative;
    z-index:1;
  }
}

/* En 1366–1500 px las leyendas laterales ya compiten con paneles,
   formularios y botones. Se ocultan, conservando fondos/texturas. */
@media (max-width:1500px){
  .stl199-brand-slogan,
  .stl199-brand-art{
    display:none !important;
  }
}

/* Refuerzo: cualquier contenido operativo debe quedar por encima. */
#view-pos input,
#view-pos select,
#view-pos button,
#view-purchases input,
#view-purchases select,
#view-purchases button,
#view-restaurant button,
#view-cash input,
#view-cash select,
#view-cash button{
  position:relative;
  z-index:2;
}