/* V5.8.8.8 · Gantt: columna de tareas fija, sólo se desplaza la línea de tiempo */
.workTimelineScroller{
  position:relative;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  isolation:isolate;
}
.workTimelineScroller .workTimeline{
  overflow:visible!important;
  position:relative!important;
}
/* Encabezado de la columna fija */
.workTimelineScroller .workTimeline > .workTimelineHead:first-child{
  position:sticky!important;
  left:0!important;
  z-index:12!important;
  background:linear-gradient(180deg,rgba(24,73,91,.995),rgba(17,57,73,.995))!important;
  border-right:1px solid rgba(80,226,238,.22)!important;
  box-shadow:8px 0 16px rgba(0,0,0,.22)!important;
}
/* Nombres de tareas siempre visibles */
.workTimelineScroller .workTimelineTask{
  position:sticky!important;
  left:0!important;
  z-index:10!important;
  background:linear-gradient(180deg,rgba(10,39,65,.995),rgba(8,31,53,.995))!important;
  border-right:1px solid rgba(80,226,238,.18)!important;
  box-shadow:8px 0 16px rgba(0,0,0,.18)!important;
}
.workTimelineScroller .workTimelineTask .startDateTag{
  position:relative;
  z-index:11;
}
/* El resto del Gantt se desliza por detrás de la columna fija. */
.workTimelineScroller .todayLine{z-index:4!important}
.workTimelineScroller .workTimelineCell:not(.workTimelineTask):not(:first-child){z-index:1}
/* Pequeño refuerzo visual para entender dónde termina la parte fija. */
.workTimelineScroller::before{
  content:"";
  position:sticky;
  left:269px;
  top:0;
  bottom:8px;
  width:1px;
  height:100%;
  z-index:13;
  pointer-events:none;
  background:rgba(80,226,238,.18);
}
.app.ui-light .workTimelineScroller .workTimeline > .workTimelineHead:first-child{
  background:linear-gradient(180deg,rgba(224,242,248,.998),rgba(210,233,242,.998))!important;
  color:#153e50!important;
  box-shadow:8px 0 16px rgba(31,65,79,.12)!important;
}
.app.ui-light .workTimelineScroller .workTimelineTask{
  background:linear-gradient(180deg,rgba(247,252,254,.998),rgba(237,247,251,.998))!important;
  color:#17394a!important;
  box-shadow:8px 0 16px rgba(31,65,79,.10)!important;
}