/* V201 - Final task table layout and typography */
#taskDataGrid{
  table-layout:auto!important;
  border-collapse:collapse!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
}
#taskDataGrid colgroup{display:none!important}
#taskDataGrid th.col-hidden,#taskDataGrid td.col-hidden{display:none!important}

#taskDataGrid thead th{
  background:#ffffff!important;
  color:#111827!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.4!important;
  letter-spacing:.025em!important;
  text-align:left!important;
  border-bottom:1px solid #e5e7eb!important;
  white-space:nowrap!important;
}
#taskDataGrid tbody td{
  color:#1f2937!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.45!important;
  text-align:left!important;
}

#taskDataGrid th.select-col,#taskDataGrid td.select-col{width:48px!important;min-width:48px!important;max-width:48px!important;text-align:center!important;display:table-cell!important}
#taskDataGrid th[data-col="id"],#taskDataGrid td[data-col="id"]{width:62px!important;min-width:62px!important;max-width:62px!important;text-align:center!important;font-weight:600!important;color:#111827!important}
#taskDataGrid th[data-col="task"],#taskDataGrid td[data-col="task"]{width:280px!important;min-width:280px!important;max-width:280px!important;text-align:left!important}
#taskDataGrid th[data-col="type"],#taskDataGrid td[data-col="type"]{width:112px!important;min-width:112px!important;max-width:112px!important}
#taskDataGrid th[data-col="contract"],#taskDataGrid td[data-col="contract"]{width:92px!important;min-width:92px!important;max-width:92px!important;text-align:center!important;font-weight:600!important}
#taskDataGrid th[data-col="company"],#taskDataGrid td[data-col="company"]{width:176px!important;min-width:176px!important;max-width:176px!important;text-align:left!important}
#taskDataGrid th[data-col="province_old"],#taskDataGrid td[data-col="province_old"],#taskDataGrid th[data-col="province_new"],#taskDataGrid td[data-col="province_new"]{width:96px!important;min-width:96px!important;max-width:96px!important;text-align:left!important}
#taskDataGrid th[data-col="manager"],#taskDataGrid td[data-col="manager"]{width:146px!important;min-width:146px!important;max-width:146px!important;text-align:left!important}
#taskDataGrid th[data-col="deployment"],#taskDataGrid td[data-col="deployment"]{width:138px!important;min-width:138px!important;max-width:138px!important;text-align:left!important}
#taskDataGrid th[data-col="assignee"],#taskDataGrid td[data-col="assignee"]{width:146px!important;min-width:146px!important;max-width:146px!important;text-align:left!important}
#taskDataGrid th[data-col="actual_start"],#taskDataGrid td[data-col="actual_start"],#taskDataGrid th[data-col="actual_end"],#taskDataGrid td[data-col="actual_end"]{width:104px!important;min-width:104px!important;max-width:104px!important;text-align:center!important;font-variant-numeric:tabular-nums!important}
#taskDataGrid th[data-col="status"],#taskDataGrid td[data-col="status"]{width:172px!important;min-width:172px!important;max-width:172px!important;text-align:center!important}
#taskDataGrid th[data-col="actions"],#taskDataGrid td[data-col="actions"]{width:86px!important;min-width:86px!important;max-width:86px!important;text-align:center!important}

#taskDataGrid td[data-col="task"],#taskDataGrid .task-title-cell{white-space:normal!important;overflow:hidden!important;text-overflow:clip!important}
#taskDataGrid .task-title-cell a{display:flex!important;flex-direction:column!important;gap:3px!important;width:100%!important;min-width:0!important;color:#111827!important;text-decoration:none!important}
#taskDataGrid .task-title-main{display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;color:#111827!important;font-size:13px!important;font-weight:600!important;line-height:1.4!important}
#taskDataGrid .task-title-phase{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#6b7280!important;font-size:12px!important;font-weight:400!important;line-height:1.4!important}
#taskDataGrid .task-title-cell a:hover .task-title-main{color:#1d4ed8!important}

#taskDataGrid td[data-col="company"],#taskDataGrid td[data-col="province_old"],#taskDataGrid td[data-col="province_new"],#taskDataGrid td[data-col="manager"],#taskDataGrid td[data-col="deployment"],#taskDataGrid td[data-col="assignee"],#taskDataGrid td[data-col="type"]{color:#374151!important}

#taskDataGrid .status-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:128px!important;
  max-width:156px!important;
  height:auto!important;
  padding:4px 8px!important;
  border-radius:6px!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

#taskDataGrid td.ellipsis{display:table-cell!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

@media(max-width:1200px){
  #taskDataGrid th[data-col="task"],#taskDataGrid td[data-col="task"]{width:260px!important;min-width:260px!important;max-width:260px!important}
  #taskDataGrid th[data-col="company"],#taskDataGrid td[data-col="company"]{width:165px!important;min-width:165px!important;max-width:165px!important}
}