/* PALUX 478 — phone payroll directory with a pinned employee identity column. */
@media (max-width:780px){
  .payroll-directory-wrap{position:relative;width:100%;max-width:100%;overflow-x:auto!important;overflow-y:visible!important;overscroll-behavior-x:none;scroll-behavior:auto!important;scroll-snap-type:none!important;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-gutter:stable}
  #payrollDirectoryTable{width:max-content!important;min-width:1180px!important;table-layout:auto!important}
  #payrollDirectoryTable th,#payrollDirectoryTable td{min-width:104px;white-space:nowrap}
  #payrollDirectoryTable th:first-child,#payrollDirectoryTable td:first-child{position:sticky!important;left:0!important;min-width:235px!important;max-width:235px!important;z-index:4;background:var(--panel,#fff)!important;box-shadow:8px 0 14px -12px rgba(15,23,42,.75)}
  #payrollDirectoryTable thead th:first-child{z-index:6;background:var(--soft,#f7f8fa)!important}
  #payrollDirectoryTable td:last-child{min-width:250px!important;padding-right:18px!important}
  #payrollDirectoryTable td:last-child .support-actions{display:flex!important;flex-wrap:nowrap!important;gap:8px!important}
  #payrollDirectoryTable td:last-child button{flex:0 0 auto!important;min-height:42px!important;touch-action:manipulation}
  body.dark #payrollDirectoryTable th:first-child,body.dark #payrollDirectoryTable td:first-child,body[data-theme="dark"] #payrollDirectoryTable th:first-child,body[data-theme="dark"] #payrollDirectoryTable td:first-child{background:var(--panel,#111827)!important}
  .payroll-employee-hero + .profile-tabs{overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:none;scroll-behavior:auto!important;scroll-snap-type:none!important;-webkit-overflow-scrolling:touch;touch-action:pan-x}
  .payroll-employee-hero + .profile-tabs .profile-tab{flex:0 0 auto!important;white-space:nowrap!important;touch-action:manipulation}
}