/* Final registry alignment; intentionally scoped to the employee database. */
#employeePanel .employee-table-heading .employee-table-summary,
#employeePanel .employee-registry-pagination #empCount{display:none}
#employeePanel .employee-bulk-toolbar{flex-wrap:nowrap;min-width:0;padding:7px 10px}
#employeePanel .employee-bulk-actions{min-width:0;flex-wrap:nowrap}
#employeePanel #employeeFilteredTotal{flex:0 0 auto;white-space:nowrap;margin-left:auto}
#employeePanel .employee-registry-layout.has-profile{grid-template-columns:minmax(0,1fr) minmax(340px,360px)}
#employeePanel .employee-quick-profile{min-width:340px;width:100%;box-sizing:border-box}
#employeePanel .employee-table{width:100%;table-layout:fixed}
#employeePanel .employee-table .col-select{width:5%!important}
#employeePanel .employee-table .col-fin{width:7%!important}
#employeePanel .employee-table .col-name{width:15%!important}
#employeePanel .employee-table .col-position{width:15%!important}
#employeePanel .employee-table .col-structure{width:30%!important}
#employeePanel .employee-table .col-hire{width:10%!important}
#employeePanel .employee-table .col-tenure{width:10%!important}
#employeePanel .employee-table .col-phone{width:8%!important}
#employeePanel .employee-table th,#employeePanel .employee-table td{padding-top:7px;padding-bottom:7px;vertical-align:middle}
#employeePanel .employee-table .emp-col-structure span{display:block;white-space:normal;overflow-wrap:anywhere}
#employeePanel .employee-table .emp-col-tenure span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#employeePanel .employee-registry-table-shell{overflow-x:hidden}
@media(max-width:1100px){#employeePanel .employee-quick-profile{width:min(360px,94vw);min-width:0}}
@media(max-width:760px){#employeePanel .employee-bulk-toolbar{flex-wrap:wrap}#employeePanel .employee-bulk-actions{order:3;flex-basis:100%;overflow-x:auto}#employeePanel #employeeFilteredTotal{margin-left:auto}}

/* Site-wide type scale (assets/css/fonts.css --text-*), applied here with !important
   to win over the older per-element font-size!important rules already stacked on
   this exact page (hr-center.css lines ~625-877) — this file already loads last for
   #employeePanel specifically, so it's the deliberate place to settle the cascade
   rather than editing a dozen scattered older rules individually. */
#employeePanel .employee-page-heading h1{font:var(--text-page-title)!important}
#employeePanel .employee-page-heading span{font:var(--text-eyebrow)!important;letter-spacing:var(--eyebrow-letter-spacing)!important}
#employeePanel .employee-filter-heading h3,
#employeePanel .employee-table-heading h3{font:var(--text-section-title)!important}
#employeePanel .filters label,
#employeePanel .employee-filter-search label{font:var(--text-field-label)!important;text-transform:uppercase;letter-spacing:var(--field-label-letter-spacing)}
#employeePanel #empSearch,
#employeePanel .filters select,
#employeePanel .filters input{font:var(--text-control)!important;height:var(--control-height)!important;min-height:var(--control-height)!important}
#employeePanel .employee-table th{font:var(--text-table-header)!important;letter-spacing:var(--table-header-letter-spacing);height:var(--table-row-height)!important}
#employeePanel .employee-table thead th:not(.emp-col-select){padding-left:12px!important}
#employeePanel .employee-table thead th.emp-col-select{text-align:center!important}
#employeePanel .employee-table td{font:var(--text-table-body)!important;height:var(--table-row-height)!important;padding-top:6px!important;padding-bottom:6px!important}
#employeePanel .employee-table .emp-col-fin,
#employeePanel .employee-table .emp-col-phone,
#employeePanel .employee-table .emp-col-hire{font-variant-numeric:tabular-nums}
#employeePanel .btn{font:var(--text-button)!important}

/* Filter block is noticeably taller/roomier here than everywhere else that
   already uses --control-height (37px) — tightened specifically for this
   page's dense multi-select filter row rather than shrinking the shared
   variable sitewide. Also trims the filter card's own vertical rhythm
   (toolbar/row gaps), which was the other contributor to the block reading
   as oversized, independent of the control height itself. */
#employeePanel #empSearch,
#employeePanel .filters select,
#employeePanel .filters input{height:35px!important;min-height:35px!important}
#employeePanel .employee-filter-card{padding:10px 18px!important}
#employeePanel .employee-filter-toolbar{margin-bottom:5px!important;padding-bottom:5px!important}
#employeePanel .filters{padding:6px 0 8px!important;gap:8px!important}
#employeePanel .filters label{margin-bottom:4px!important}