.employee-panel{container-type:inline-size;container-name:employees;max-width:100%}
@media(max-width:900px){
 .app-layout:has(#view-employees:not(.hidden)){grid-template-columns:minmax(0,1fr)}
 .app-layout:has(#view-employees:not(.hidden)) .sidebar{min-width:0}
}
@media(max-width:520px){
 .app-layout:has(#view-employees:not(.hidden)) .nav{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
 .app-layout:has(#view-employees:not(.hidden)) .top-actions{flex-wrap:wrap;max-width:100%}
 .app-layout:has(#view-employees:not(.hidden)) .tenant-picker{min-width:0;max-width:100%}
 .app-layout:has(#view-employees:not(.hidden)) .tenant-picker select{min-width:0}
}
.employee-panel .table-scroll{overflow:visible;max-width:100%}
.employee-panel .employee-table{width:100%;min-width:0;table-layout:fixed;white-space:normal}
.employee-panel .employee-table th,.employee-panel .employee-main-row>td{padding:12px 8px;vertical-align:middle;line-height:1.3;overflow-wrap:anywhere}
.employee-panel .employee-table th{font-size:.68rem;letter-spacing:0;text-transform:none}
.employee-panel .employee-main-row>td{font-size:.82rem}
.employee-panel .employee-table th:nth-child(1),.employee-panel .employee-main-row>td:nth-child(1){width:22%}
.employee-panel .employee-table th:nth-child(2),.employee-panel .employee-main-row>td:nth-child(2){width:12%}
.employee-panel .employee-table th:nth-child(3),.employee-panel .employee-main-row>td:nth-child(3){width:8%}
.employee-panel .employee-table th:nth-child(4),.employee-panel .employee-main-row>td:nth-child(4){width:10%}
.employee-panel .employee-table th:nth-child(5),.employee-panel .employee-main-row>td:nth-child(5){width:10%}
.employee-panel .employee-table th:nth-child(6),.employee-panel .employee-main-row>td:nth-child(6){width:10%}
.employee-panel .employee-table th:nth-child(7),.employee-panel .employee-main-row>td:nth-child(7){width:10%}
.employee-panel .employee-table th:nth-child(8),.employee-panel .employee-main-row>td:nth-child(8){width:8%}
.employee-panel .employee-table th:nth-child(9),.employee-panel .employee-main-row>td:nth-child(9){width:10%}
.employee-sort{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;min-height:36px;padding:0;border:0;background:transparent;color:inherit;font-weight:750;text-align:left;line-height:1.3}
.employee-sort [data-sort-indicator]{flex:none;color:#789084;font-size:.9rem}
.employee-panel th[aria-sort=ascending],.employee-panel th[aria-sort=descending]{color:var(--green);background:#edf5ef}
.employee-sort:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:3px}
.employee-panel .user-identity{gap:7px}.employee-panel .user-identity strong,.employee-panel .user-identity small{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
.employee-panel .user-identity small{font-size:.69rem}.employee-panel .user-expand{flex:0 0 26px;width:26px;height:26px}
.employee-panel .user-actions{flex-wrap:nowrap;gap:4px;justify-content:flex-start}.employee-panel .user-icon-action{flex:0 0 30px;width:30px;height:30px;border-radius:7px}
.employee-panel .absence-count{padding:3px 5px;flex-wrap:wrap;gap:2px;font-size:.65rem}.employee-panel .status-pill,.employee-panel .department-pill{padding:4px 7px;font-size:.7rem}
.employee-panel .employee-detail-row>td{width:auto!important}.employee-panel .employee-editor{min-width:0}.employee-panel .employee-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-panel .absence-editor{grid-template-columns:repeat(2,minmax(0,1fr))}
@container employees (max-width:760px){
 .employee-panel .employee-table,.employee-panel thead,.employee-panel tbody{display:block}
 .employee-panel thead tr{display:flex;flex-wrap:wrap;padding:8px;gap:4px;background:#f7f4ed}
 .employee-panel .employee-table thead th{display:block;width:auto!important;flex:1 1 130px;padding:4px 8px;border:1px solid var(--line);border-radius:6px}
 .employee-panel .employee-table thead th:last-child{display:none}
 .employee-panel .employee-main-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;padding:12px;border-bottom:2px solid var(--line)}
 .employee-panel .employee-main-row>td{display:block;width:auto!important;min-width:0;padding:7px 0;text-align:left}
 .employee-panel .employee-main-row>td:first-child{grid-column:1/-1;border-top:0;font-size:.95rem}
 .employee-panel .employee-main-row>td:not(:first-child)::before{content:attr(data-column-label);display:block;color:var(--muted);font-size:.68rem;margin-bottom:4px}
 .employee-panel .employee-detail-row,.employee-panel .employee-detail-row>td{display:block}
 .employee-panel .employee-detail-row>td{padding:8px}
 .employee-panel .employee-form-grid,.employee-panel .absence-editor{grid-template-columns:1fr}
 .employee-panel .assignment-row{grid-template-columns:1fr 1fr}.employee-panel .assignment-row label:first-child{grid-column:1/-1}
}