/* HENDAR UALL-BH — stable HR register and disciplined RTL brand lockup. */

/* Sidebar identity: mark on the right, one isolated text column on its left. */
#appShell .sidebar-brand{
  direction:rtl!important;
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:12px!important;
  min-height:84px!important;
  padding:13px 16px!important;
}

#appShell .sidebar-brand-mark{
  grid-column:1!important;
  width:56px!important;
  min-width:56px!important;
  height:56px!important;
  margin:0!important;
  overflow:hidden!important;
}

#appShell .sidebar-brand-mark img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

#appShell .sidebar-brand-copy{
  grid-column:2!important;
  min-width:0!important;
  display:grid!important;
  align-content:center!important;
  justify-items:start!important;
  gap:1px!important;
  direction:rtl!important;
  text-align:right!important;
  line-height:1.1!important;
  overflow:hidden!important;
}

#appShell .sidebar-brand-copy strong,
#appShell .sidebar-brand-copy span,
#appShell .sidebar-brand-copy small{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:right!important;
}

#appShell .sidebar-brand-copy strong{
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:0!important;
}

#appShell .sidebar-brand-copy span{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}

#appShell .sidebar-brand-copy small{
  margin-top:4px!important;
  direction:rtl!important;
  unicode-bidi:isolate!important;
  font-size:9px!important;
}

#appShell .sidebar-close-button,
#appShell #closeSidebar{
  display:none!important;
}

.sidebar-collapsed #appShell .sidebar-brand,
#appShell.sidebar-collapsed .sidebar-brand{
  grid-template-columns:1fr!important;
  justify-items:center!important;
  padding-inline:9px!important;
}

.sidebar-collapsed #appShell .sidebar-brand-mark,
#appShell.sidebar-collapsed .sidebar-brand-mark{
  grid-column:1!important;
}

#appShell.sidebar-collapsed .sidebar-brand-copy{
  display:none!important;
}

/* One immutable employee-register geometry from first paint onward. */
#hrView :is(#employeesTable,#projectEmployeesTable){
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  border-radius:12px!important;
  scrollbar-gutter:stable!important;
}

#hrView :is(#employeesTable,#projectEmployeesTable) table.hr-employee-register{
  width:100%!important;
  min-width:1180px!important;
  max-width:none!important;
  margin:0!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}

#hrView :is(#employeesTable,#projectEmployeesTable) table.hr-employee-register :is(th,td){
  height:auto!important;
  min-height:0!important;
  padding:6px 8px!important;
  vertical-align:middle!important;
  line-height:1.3!important;
}

#hrView :is(#employeesTable,#projectEmployeesTable) table.hr-employee-register thead th{
  padding-block:8px!important;
  font-size:10px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

#hrView :is(#employeesTable,#projectEmployeesTable) table.hr-employee-register tbody tr{
  height:73px!important;
  min-height:73px!important;
}

#hrView :is(#employeesTable,#projectEmployeesTable) table.hr-employee-register :is(th,td):nth-child(1){width:18%!important}
#hrView :is(#employeesTable,#projectEmployeesTable) table.hr-employee-register :is(th,td):nth-child(2){width:11%!important}
#hrView :is(#employeesTable,#projectEmployeesTable) table.hr-employee-register :is(th,td):nth-child(3){width:10%!important}
#hrView :is(#employeesTable,#projectEmployeesTable) table.hr-employee-register :is(th,td):nth-child(4){width:9%!important}
#hrView :is(#employeesTable,#projectEmployeesTable) table.hr-employee-register :is(th,td):nth-child(5){width:7%!important}
#hrView :is(#employeesTable,#projectEmployeesTable) table.hr-employee-register :is(th,td):nth-child(6){width:7%!important}
#hrView :is(#employeesTable,#projectEmployeesTable) table.hr-employee-register :is(th,td):nth-child(7){width:38%!important;overflow:visible!important}

#hrView :is(#employeesTable,#projectEmployeesTable) .employee-identity{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}

#hrView :is(#employeesTable,#projectEmployeesTable) .employee-identity>img,
#hrView :is(#employeesTable,#projectEmployeesTable) .employee-avatar-fallback{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:10px!important;
  object-fit:cover!important;
}

#hrView :is(#employeesTable,#projectEmployeesTable) .employee-identity>div{
  min-width:0!important;
}

#hrView :is(#employeesTable,#projectEmployeesTable) .employee-identity strong,
#hrView :is(#employeesTable,#projectEmployeesTable) .employee-identity small{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#hrView :is(#employeesTable,#projectEmployeesTable) .row-actions.hr-employee-row-actions{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  gap:5px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

#hrView :is(#employeesTable,#projectEmployeesTable) .hr-employee-row-actions>.row-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:28px!important;
  height:28px!important;
  max-height:28px!important;
  margin:0!important;
  padding:3px 5px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:9.5px!important;
  line-height:1!important;
}

@media(max-width:760px){
  #appShell .sidebar-brand{
    grid-template-columns:52px minmax(0,1fr)!important;
    min-height:78px!important;
    padding:11px 14px!important;
  }
  #appShell .sidebar-brand-mark{
    width:52px!important;
    min-width:52px!important;
    height:52px!important;
  }
  #hrView :is(#employeesTable,#projectEmployeesTable){overflow:visible!important;border-radius:0!important}
  #hrView :is(#employeesTable,#projectEmployeesTable) table.hr-employee-register{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    table-layout:auto!important;
  }
  #hrView :is(#employeesTable,#projectEmployeesTable) table.hr-employee-register tbody tr{
    height:auto!important;
    min-height:0!important;
  }
  #hrView :is(#employeesTable,#projectEmployeesTable) table.hr-employee-register :is(th,td){width:auto!important}
  #hrView :is(#employeesTable,#projectEmployeesTable) .row-actions.hr-employee-row-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  #hrView :is(#employeesTable,#projectEmployeesTable) .hr-employee-row-actions>.row-action{
    min-height:40px!important;
    height:40px!important;
    max-height:40px!important;
    padding:6px!important;
    white-space:normal!important;
    font-size:10px!important;
    line-height:1.25!important;
  }
}

@media print{
  #hrView :is(#employeesTable,#projectEmployeesTable) table.hr-employee-register{
    min-width:0!important;
  }
  #hrView :is(#employeesTable,#projectEmployeesTable) table.hr-employee-register tbody tr{
    height:auto!important;
    break-inside:avoid!important;
  }
}