/* UALL-AJ — shared responsive register contract for HENDAR ordinary tables. */
:where(.table-card,.table-scroll,.data-table-wrap,.reports-table-wrap,.hr-suite-table-wrap,.document-table,.hr-unified-table){
  max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:visible!important;
  overscroll-behavior-inline:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-gutter:stable!important
}
table.hendar-responsive-register{width:100%!important;max-width:100%!important;border-collapse:separate!important;border-spacing:0!important}
table.hendar-responsive-register :is(th,td){vertical-align:middle!important;overflow-wrap:normal!important;word-break:normal!important}
table.hendar-responsive-register td>small{display:block;margin-top:3px;color:var(--ds-muted,#667789)}
table.hendar-responsive-register .row-actions{display:flex!important;align-items:stretch!important;flex-wrap:wrap!important;gap:6px!important;min-width:0!important;max-width:none!important}
table.hendar-responsive-register .row-actions>.row-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:104px!important;min-height:34px!important;height:auto!important;margin:0!important;padding:7px 10px!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;line-height:1.15!important}

/* Employee register: reserve real space for every action instead of crushing it. */
#hrCompanyPanel>.hr-layout{align-items:start!important}
#hrCompanyPanel .hr-register-panel{min-height:0!important;padding-top:18px!important}
#hrCompanyPanel .hr-register-panel>.panel-header{min-height:0!important;margin:0 0 10px!important;padding-block:0!important}
#employeesTable,#projectEmployeesTable,#hrPayrollTable{max-width:100%!important;padding:8px!important;overflow-x:auto!important}
#employeesTable .hr-employee-register,#projectEmployeesTable .hr-employee-register{width:100%!important;min-width:1280px!important;max-width:none!important;table-layout:fixed!important}
#employeesTable .hr-employee-register :is(th,td),#projectEmployeesTable .hr-employee-register :is(th,td){padding:10px 12px!important}
#employeesTable .hr-employee-register :is(th,td):nth-child(1),#projectEmployeesTable .hr-employee-register :is(th,td):nth-child(1){width:18%!important}
#employeesTable .hr-employee-register :is(th,td):nth-child(2),#projectEmployeesTable .hr-employee-register :is(th,td):nth-child(2){width:13%!important}
#employeesTable .hr-employee-register :is(th,td):nth-child(3),#projectEmployeesTable .hr-employee-register :is(th,td):nth-child(3){width:13%!important}
#employeesTable .hr-employee-register :is(th,td):nth-child(4),#projectEmployeesTable .hr-employee-register :is(th,td):nth-child(4){width:10%!important}
#employeesTable .hr-employee-register :is(th,td):nth-child(5),#projectEmployeesTable .hr-employee-register :is(th,td):nth-child(5){width:8%!important}
#employeesTable .hr-employee-register :is(th,td):nth-child(6),#projectEmployeesTable .hr-employee-register :is(th,td):nth-child(6){width:38%!important;overflow:visible!important}
.employee-register-table .hr-employee-row-actions{display:grid!important;grid-template-columns:repeat(4,minmax(112px,1fr))!important;gap:6px!important;width:100%!important}
.employee-register-table .hr-employee-row-actions>.row-action{width:100%!important;min-width:0!important;min-height:36px!important;height:auto!important;padding:7px 8px!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:11px!important}
.employee-register-table td:first-child strong{display:block!important;font-size:13px!important;line-height:1.35!important;white-space:normal!important}
.employee-register-table td:first-child small{font-size:10px!important;line-height:1.2!important}

/* Do not leave a large decorative void before operational registers. */
.hr-register-panel>.panel-header+.table-card{margin-top:8px!important}
.hr-register-panel>.panel-header{padding-bottom:0!important}
.hr-register-panel .eyebrow:lang(ar){letter-spacing:0!important}

@media(max-width:1400px){
  .employee-register-table .hr-employee-row-actions{grid-template-columns:repeat(2,minmax(128px,1fr))!important}
}

@media(max-width:760px){
  :where(.table-card,.table-scroll,.data-table-wrap,.reports-table-wrap,.hr-suite-table-wrap,.document-table,.hr-unified-table){overflow-x:visible!important}
  table.hendar-responsive-register.hendar-mobile-cards{display:block!important;min-width:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
  table.hendar-responsive-register.hendar-mobile-cards thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
  table.hendar-responsive-register.hendar-mobile-cards :is(tbody,tr,td){display:block!important;width:100%!important;min-width:0!important;max-width:none!important}
  table.hendar-responsive-register.hendar-mobile-cards tbody{display:grid!important;gap:12px!important}
  table.hendar-responsive-register.hendar-mobile-cards tr{padding:12px!important;border:1px solid var(--ds-border,#d7e1e8)!important;border-inline-start:4px solid var(--ds-primary,#2563eb)!important;border-radius:14px!important;background:var(--ds-surface,#fff)!important;box-shadow:0 8px 22px rgba(15,23,42,.06)!important}
  table.hendar-responsive-register.hendar-mobile-cards td{display:grid!important;grid-template-columns:minmax(92px,34%) minmax(0,1fr)!important;align-items:start!important;gap:10px!important;padding:8px 2px!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--ds-border,#d7e1e8) 65%,transparent)!important;text-align:start!important;white-space:normal!important}
  table.hendar-responsive-register.hendar-mobile-cards td:last-child{border-bottom:0!important}
  table.hendar-responsive-register.hendar-mobile-cards td::before{content:attr(data-label);color:var(--ds-muted,#667789);font-size:10px;font-weight:900;line-height:1.45}
  table.hendar-responsive-register.hendar-mobile-cards td.hendar-action-cell{display:block!important;padding-top:11px!important}
  table.hendar-responsive-register.hendar-mobile-cards td.hendar-action-cell::before{display:block!important;margin-bottom:7px}
  table.hendar-responsive-register.hendar-mobile-cards .row-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  table.hendar-responsive-register.hendar-mobile-cards .row-actions>.row-action{width:100%!important;min-width:0!important;white-space:normal!important}
  #employeesTable,#projectEmployeesTable,#hrPayrollTable{padding:0!important;overflow:visible!important}
  #employeesTable .hr-employee-register,#projectEmployeesTable .hr-employee-register,#hrPayrollTable .hr-payroll-register{min-width:0!important;table-layout:auto!important}

  /* UALL-BE: win the mobile cascade against the earlier ID-scoped 900/920px
     desktop table rules.  Every HR register and cell must stay inside the
     phone card instead of being clipped at the inline end. */
  #employeesTable table.hendar-responsive-register.hendar-mobile-cards,
  #projectEmployeesTable table.hendar-responsive-register.hendar-mobile-cards,
  #hrPayrollTable table.hendar-responsive-register.hendar-mobile-cards{
    display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
    margin:0!important;table-layout:auto!important;transform:none!important;box-sizing:border-box!important
  }
  #employeesTable table.hendar-responsive-register.hendar-mobile-cards :is(tbody,tr,td),
  #projectEmployeesTable table.hendar-responsive-register.hendar-mobile-cards :is(tbody,tr,td),
  #hrPayrollTable table.hendar-responsive-register.hendar-mobile-cards :is(tbody,tr,td){
    width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important
  }
  #employeesTable table.hendar-responsive-register.hendar-mobile-cards td,
  #projectEmployeesTable table.hendar-responsive-register.hendar-mobile-cards td,
  #hrPayrollTable table.hendar-responsive-register.hendar-mobile-cards td{
    grid-template-columns:minmax(96px,32%) minmax(0,1fr)!important;overflow:visible!important
  }
  #employeesTable table.hendar-responsive-register.hendar-mobile-cards :is(.employee-identity,td>strong,td>small),
  #projectEmployeesTable table.hendar-responsive-register.hendar-mobile-cards :is(.employee-identity,td>strong,td>small),
  #hrPayrollTable table.hendar-responsive-register.hendar-mobile-cards :is(td>strong,td>small){
    width:auto!important;min-width:0!important;max-width:100%!important;white-space:normal!important;
    overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important
  }
  #employeesTable table.hendar-responsive-register.hendar-mobile-cards .row-actions,
  #projectEmployeesTable table.hendar-responsive-register.hendar-mobile-cards .row-actions,
  #hrPayrollTable table.hendar-responsive-register.hendar-mobile-cards .row-actions{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;min-width:0!important;max-width:100%!important;gap:8px!important
  }
  #employeesTable table.hendar-responsive-register.hendar-mobile-cards .row-actions>.row-action,
  #projectEmployeesTable table.hendar-responsive-register.hendar-mobile-cards .row-actions>.row-action,
  #hrPayrollTable table.hendar-responsive-register.hendar-mobile-cards .row-actions>.row-action{
    width:100%!important;min-width:0!important;min-height:44px!important;height:auto!important;
    padding:9px 7px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important
  }
}

@media(max-width:430px){
  #employeesTable table.hendar-responsive-register.hendar-mobile-cards .row-actions,
  #projectEmployeesTable table.hendar-responsive-register.hendar-mobile-cards .row-actions,
  #hrPayrollTable table.hendar-responsive-register.hendar-mobile-cards .row-actions{grid-template-columns:minmax(0,1fr)!important}
}

@media print{
  table.hendar-responsive-register{display:table!important;min-width:0!important;box-shadow:none!important}
  table.hendar-responsive-register thead{display:table-header-group!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important}
  table.hendar-responsive-register tbody{display:table-row-group!important}table.hendar-responsive-register tr{display:table-row!important;box-shadow:none!important}
  table.hendar-responsive-register td,table.hendar-responsive-register th{display:table-cell!important;width:auto!important}
  table.hendar-responsive-register td::before{display:none!important}
}

/* UALL-V79 — every semantic table gets either labelled cards or a safe specialist scroll owner. */
.hendar-responsive-table-shell,.hendar-responsive-table-owner{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.hendar-responsive-table-shell{overflow-x:auto!important;overflow-y:visible!important;overscroll-behavior-inline:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-gutter:stable!important;touch-action:pan-x pan-y!important}
.hendar-responsive-specialist-owner{position:relative!important;display:block!important;max-width:100%!important;overflow-x:auto!important;overflow-y:visible!important;contain:layout style!important;isolation:isolate!important}
table.hendar-responsive-specialist{display:table!important;width:max-content!important;min-width:100%!important;max-width:none!important;table-layout:auto!important;transform:none!important}
table.hendar-responsive-specialist :is(th,td){white-space:nowrap!important}
table.hendar-responsive-specialist :is(input,select,textarea,button){max-width:none!important}
table.hendar-responsive-register [data-hendar-money-column]{font-variant-numeric:tabular-nums!important}

@media(max-width:760px){
  .hendar-responsive-specialist-owner{overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:none!important}
  .hendar-responsive-specialist-owner>table.hendar-responsive-specialist{display:table!important;width:max-content!important;min-width:max(100%,760px)!important;max-width:none!important}
  table.hendar-responsive-specialist :is(thead,tbody,tfoot){display:table-row-group!important}
  table.hendar-responsive-specialist thead{display:table-header-group!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;white-space:normal!important}
  table.hendar-responsive-specialist tr{display:table-row!important;width:auto!important;max-width:none!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
  table.hendar-responsive-specialist :is(th,td){display:table-cell!important;width:auto!important;min-width:96px!important;max-width:none!important;padding:8px!important;border:inherit!important;white-space:nowrap!important}
  table.hendar-responsive-specialist td::before{display:none!important}
  table.hendar-responsive-register.hendar-mobile-cards :is(input,select,textarea,button,a){max-width:100%!important;box-sizing:border-box!important}
  table.hendar-responsive-register.hendar-mobile-cards td>*{min-width:0!important;max-width:100%!important}
}

@media print{
  .hendar-responsive-table-shell,.hendar-responsive-table-owner,.hendar-responsive-specialist-owner{display:block!important;overflow:visible!important;contain:none!important}
  table.hendar-responsive-specialist{display:table!important;width:100%!important;min-width:0!important;max-width:100%!important}
  table.hendar-responsive-specialist :is(th,td){white-space:normal!important}
}