.staff-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 24px}.staff-heading h1{margin:0;font-size:30px;letter-spacing:-.025em}.staff-heading p{margin:8px 0 0;color:#536781}.staff-stats{display:flex;flex-wrap:wrap;gap:28px;padding:0 0 20px;color:#536781}.staff-stats span{display:flex;align-items:center;gap:10px}.staff-stats strong{font-size:22px;color:#0d1730}.staff-directory{overflow:hidden}.staff-filters{display:flex;flex-wrap:wrap;gap:12px;padding:20px;align-items:end;border-bottom:1px solid #dce7f3}.staff-filters .field{flex:1 1 140px;min-width:0}.staff-filters .staff-search{flex:2 1 220px}.staff-filters input,.staff-filters select{width:100%;min-width:0}.staff-list-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;color:#536781}.staff-table-wrap{overflow-x:auto}.staff-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:13px}.staff-table th{background:#f7faff;color:#536781;text-align:left;font-size:12px;font-weight:650;padding:12px}.staff-table th button{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:none;color:inherit;font:inherit;padding:0;cursor:pointer;min-height:24px}.staff-table td{padding:15px 12px;border-top:1px solid #dce7f3;max-width:190px;overflow-wrap:anywhere;vertical-align:middle}.staff-table tbody tr:hover{background:#f7faff}.staff-table .button{white-space:nowrap;font-size:12px;min-height:36px;padding:6px 12px}.staff-person{display:flex;gap:10px;align-items:center}.staff-person strong{display:block;color:#0d1730;font-weight:650}.staff-person small,.staff-table td>small{display:block;margin-top:4px;color:#536781;font-size:12px}.staff-avatar{display:grid;place-items:center;background:#eaf2fd;color:#1052be;flex:0 0 34px;width:34px;height:34px;border-radius:50%;font-weight:700}.staff-role,.staff-more{display:inline-block;padding:3px 8px;background:#eaf2fd;color:#1052be;border-radius:6px;font-size:12px}.staff-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.staff-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.staff-status.active{color:#087a49}.staff-status.inactive{color:#b52b3b}.staff-muted{color:#536781;font-size:13px;line-height:1.5}.staff-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #dce7f3;color:#536781;gap:16px}.staff-pagination>div{display:flex;gap:8px}.staff-mobile-list,.staff-mobile-sort{display:none}.staff-reference-list{padding:0 20px}.staff-reference-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #dce7f3}.staff-reference-row:last-child{border-bottom:0}.staff-reference-row>div{min-width:0;overflow-wrap:anywhere}.staff-reference-row small{display:block;color:#536781;margin-top:6px}.staff-export-actions{display:flex;flex-wrap:wrap;gap:8px}.staff-dialog{padding:0;border:1px solid #dce7f3;border-radius:20px;width:min(820px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);background:#fff;color:#0d1730;box-shadow:0 20px 70px #0d173033}.staff-dialog::backdrop{background:#0d173066}.staff-dialog form{display:flex;flex-direction:column;max-height:calc(100dvh - 42px);margin:0}.staff-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:24px 28px;border-bottom:1px solid #dce7f3;flex-shrink:0}.staff-dialog-head h2{font-size:23px;line-height:1.25;margin:0;overflow-wrap:anywhere}.staff-dialog-head p{font-size:13px;margin:8px 0 0;color:#536781}.staff-close{border:0;background:none;color:#536781;font-size:28px;min-width:44px;min-height:44px;cursor:pointer}.staff-dialog-body{padding:24px 28px;overflow:auto;overscroll-behavior:contain;min-height:0}.staff-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.staff-dialog .field{min-width:0}.staff-dialog input:not([type=checkbox]),.staff-dialog select{width:100%;min-width:0}.staff-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 28px;background:#fff;border-top:1px solid #dce7f3;flex-shrink:0}.staff-dialog-footer>span{font-size:12px;color:#536781}.staff-dialog-footer>div{display:flex;gap:10px}.staff-form-section{border-bottom:1px solid #dce7f3;padding:0 0 16px;margin:0 0 16px}.staff-form-section:last-of-type{margin-bottom:0}.staff-form-section summary{font-size:15px;font-weight:650;padding:8px 0;cursor:pointer;min-height:44px}.staff-section-content{padding-top:12px}.staff-check{display:flex;gap:10px;align-items:center;padding:10px 0;font-size:14px}.staff-check input{width:18px;height:18px;flex-shrink:0;accent-color:#1768ee}.staff-check small{display:block;color:#536781;margin-top:3px;font-size:12px}.staff-choice-list{max-height:250px;overflow:auto;border-bottom:1px solid #dce7f3;margin-bottom:14px}.staff-warehouse-choice{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:12px 20px;padding:12px 0;border-bottom:1px solid #eef3fa}.staff-warehouse-choice .staff-check{min-width:0;margin:0}.staff-dialog .staff-check{min-height:44px}.staff-dialog .staff-check>span{min-width:0;overflow-wrap:break-word;word-break:normal}.staff-form-grid>.staff-check{align-self:end;padding:0}.staff-assignment-role{margin:0;min-width:0}.staff-warehouse-choice>.staff-check:not(:first-child){grid-column:1/-1}.staff-warehouse-choice select,.staff-warehouse-choice .ui-select{max-width:100%;min-width:0}.staff-warehouse-choice[hidden]{display:none}.staff-assignment-search{margin-bottom:12px}.staff-permission-group{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;border:1px solid #dce7f3;border-radius:10px;margin-bottom:14px}.staff-permission-group legend{font-weight:650;padding:0 6px}.staff-admin-actions{display:flex;flex-wrap:wrap;gap:10px}.staff-error{color:#b52b3b;background:#fff1f3;padding:12px;border-radius:8px}.staff-number{font-variant-numeric:tabular-nums}.staff-equipment-table td{max-width:200px}#staff-stamps-home{margin-top:24px}#staff-legacy{display:none!important}
@media(max-width:1100px){.staff-table{font-size:12px}.staff-table td,.staff-table th{padding:12px 8px}.staff-avatar{display:none}.staff-table td{max-width:125px}.staff-person{gap:6px}}
@media(max-width:767px){.staff-heading{align-items:start;flex-wrap:wrap;margin-bottom:20px}.staff-heading h1{font-size:25px}.staff-heading p{font-size:13px;line-height:1.5}.staff-heading>.button{width:100%}.staff-stats{gap:16px;font-size:12px;padding-bottom:16px}.staff-stats span{gap:6px}.staff-stats strong{font-size:19px}.staff-filters{padding:16px;gap:12px}.staff-filters .field,.staff-filters .staff-search{flex:1 1 100%}.staff-filters>.button{width:100%}.staff-table-wrap{display:none}.staff-mobile-list{display:block;padding:0 16px}.staff-mobile-card{padding:18px 0;border-top:1px solid #dce7f3;min-width:0;overflow-wrap:anywhere}.staff-mobile-card>strong{font-size:15px}.staff-mobile-card p{font-size:13px;color:#536781;margin:8px 0 14px}.staff-mobile-top,.staff-mobile-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.staff-mobile-top{align-items:start}.staff-mobile-top strong{font-size:15px}.staff-mobile-bottom{font-size:13px}.staff-mobile-bottom small{display:block;margin-top:5px;color:#536781}.staff-mobile-bottom .button{min-height:44px;padding:8px 12px}.staff-list-tools{padding:16px;flex-wrap:wrap;font-size:12px}.staff-pagination{padding:16px;flex-wrap:wrap;font-size:12px}.staff-pagination .button{font-size:12px;min-height:44px;padding:8px 12px}.staff-dialog{width:calc(100vw - 16px);border-radius:16px;max-height:calc(100dvh - 16px)}.staff-dialog form{max-height:calc(100dvh - 18px)}.staff-dialog-head{padding:18px 16px;gap:8px}.staff-dialog-head h2{font-size:20px}.staff-dialog-body{padding:16px}.staff-form-grid,.staff-permission-group{grid-template-columns:1fr}.staff-dialog-footer{padding:14px 16px}.staff-dialog-footer>span{display:none}.staff-dialog-footer>div{width:100%;display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.staff-dialog-footer .button{padding:10px 8px;font-size:13px;min-height:44px;white-space:normal}.staff-reference-list{padding:0 16px}.staff-reference-row{align-items:start;gap:12px;flex-wrap:wrap}.staff-reference-row>.button{min-height:44px}.staff-export-actions{width:100%}.staff-export-actions .button{flex:1;text-align:center}.staff-mobile-card dl{display:grid;grid-template-columns:90px 1fr;gap:8px;font-size:12px;margin:12px 0}.staff-mobile-card dt{color:#536781}.staff-mobile-card dd{margin:0;overflow-wrap:anywhere}.staff-mobile-sort{display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding:0 16px 16px}.staff-mobile-sort .field{flex:1;min-width:120px}.staff-mobile-sort .button{font-size:12px}.staff-warehouse-choice{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 0}.staff-warehouse-choice .staff-assignment-role{margin-left:28px;width:calc(100% - 28px)}}
.staff-equipment-summary{flex-basis:100%;font-size:13px}.staff-equipment-summary summary{cursor:pointer;min-height:32px;font-weight:650}.staff-equipment-summary>div{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.staff-summary-item{display:flex;align-items:center;gap:16px;border:1px solid #dce7f3;border-radius:8px;background:#f7faff;padding:10px;color:#0d1730;cursor:pointer}.staff-summary-item strong{font-size:13px}.staff-dialog-footer{padding-bottom:max(18px,env(safe-area-inset-bottom))}.staff-dialog :focus-visible,.staff-directory :focus-visible,.staff-reference-list :focus-visible{outline:2px solid #1768ee;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.staff-dialog,.staff-mobile-card{animation:none;transition:none}}

.staff-page-header{display:none!important}.staff-modal-open{overflow:hidden}.staff-table{min-width:1120px;table-layout:fixed}.staff-table th:first-child,.staff-table td:first-child{width:230px;max-width:none}.staff-table td{overflow-wrap:normal;word-break:normal}.staff-person>div{min-width:0}.staff-person strong{overflow-wrap:break-word}.staff-table th:nth-child(2){width:110px}.staff-table th:nth-child(3){width:145px}.staff-table th:nth-child(4){width:110px}.staff-table th:nth-child(5){width:150px}.staff-table th:nth-child(6){width:145px}.staff-table th:nth-child(7){width:145px}.staff-table th:nth-child(8){width:100px}.staff-table th:last-child{width:112px}.staff-equipment-table{min-width:1500px}.staff-table .staff-number{overflow-wrap:anywhere}.staff-table td:nth-child(2),.staff-table td:nth-child(6),.staff-table td:nth-child(7){overflow-wrap:anywhere}@media(max-width:1100px){.staff-table-wrap{display:none}.staff-mobile-list,.staff-mobile-sort{display:block}.staff-mobile-list{padding:0 18px}.staff-mobile-sort{padding:0 18px 16px}.staff-mobile-card{padding:18px 0;border-top:1px solid #dce7f3}.staff-mobile-top,.staff-mobile-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.staff-mobile-bottom small{display:block;color:#536781;margin-top:5px}.staff-mobile-card p{color:#536781;margin:8px 0 14px;font-size:13px}.staff-mobile-card dl{display:grid;grid-template-columns:100px 1fr;gap:8px;font-size:13px}.staff-mobile-card dd{margin:0;overflow-wrap:anywhere}.staff-mobile-sort{display:flex;align-items:end;gap:12px}.staff-mobile-sort .field{flex:1}}

.staff-table:not(.staff-equipment-table){min-width:1060px}.staff-table:not(.staff-equipment-table) th:first-child,.staff-table:not(.staff-equipment-table) td:first-child{width:200px}.staff-table:not(.staff-equipment-table) th:nth-child(3){width:125px}.staff-table:not(.staff-equipment-table) th:nth-child(4){width:95px}.staff-table:not(.staff-equipment-table) th:nth-child(5){width:120px}.staff-table:not(.staff-equipment-table) th:nth-child(6),.staff-table:not(.staff-equipment-table) th:nth-child(7){width:110px}.staff-table:not(.staff-equipment-table) th:nth-child(8){width:90px}.staff-table:not(.staff-equipment-table) th:last-child,.staff-table:not(.staff-equipment-table) td:last-child{width:100px;position:sticky;right:0;background:#fff}.staff-table:not(.staff-equipment-table) th:last-child{background:#f7faff}.staff-table:not(.staff-equipment-table) tbody tr:hover td:last-child{background:#f7faff}

/* Equipment has its own columns; employee-directory widths do not fit this table. */
#employee-equipment-root .staff-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:24px}
#equipment-summary{padding:20px 24px;gap:20px}
#equipment-summary .staff-equipment-summary>div{margin-bottom:0}
.staff-equipment-table{table-layout:fixed;min-width:1950px}
.staff-equipment-table th,.staff-equipment-table td{max-width:none;overflow-wrap:break-word;word-break:normal;padding:16px;line-height:1.5}
.staff-equipment-table th button{width:100%;gap:12px;min-height:32px}
.staff-equipment-table th:nth-child(1),.staff-equipment-table td:nth-child(1){width:180px}
.staff-equipment-table th:nth-child(2){width:220px}
.staff-equipment-table th:nth-child(3){width:180px}
.staff-equipment-table th:nth-child(4){width:140px}
.staff-equipment-table th:nth-child(5){width:180px}
.staff-equipment-table th:nth-child(6){width:160px}
.staff-equipment-table th:nth-child(7){width:115px}
.staff-equipment-table th:nth-child(8){width:190px}
.staff-equipment-table th:nth-child(9){width:170px}
.staff-equipment-table th:nth-child(10){width:170px}
.staff-equipment-table th:nth-child(11){width:185px}
.staff-equipment-table th:last-child{width:112px}
.staff-invoices{display:flex;flex-direction:column;align-items:start;gap:8px}
.staff-invoice-empty{color:#536781}
@media(max-width:767px){#employee-equipment-root .staff-filters{grid-template-columns:minmax(0,1fr);padding:16px}#equipment-summary{padding:16px}.staff-invoices .button{min-height:44px;white-space:normal}}

.staff-equipment-table th:nth-child(11),.staff-equipment-table td:nth-child(11){position:sticky;right:112px;background:#fff;border-left:1px solid #dce7f3;z-index:1}
.staff-equipment-table th:last-child,.staff-equipment-table td:last-child{position:sticky;right:0;background:#fff;z-index:1}
.staff-equipment-table th:nth-child(11),.staff-equipment-table th:last-child{background:#f7faff;z-index:2}
.staff-equipment-table tbody tr:hover td:nth-child(11),.staff-equipment-table tbody tr:hover td:last-child{background:#f7faff}
.staff-heading-actions,.staff-selection-tools,.staff-bulk-preview-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.staff-list-tools:has(.staff-selection-tools){flex-wrap:wrap;gap:16px}
.staff-selection-tools{margin-left:auto}
.staff-selection-tools>span{font-size:13px;color:#536781}
.staff-person>input,.staff-mobile-select>input{width:18px;height:18px;flex-shrink:0;accent-color:#1768ee;cursor:pointer}
.staff-mobile-select{display:flex;align-items:center;gap:12px;min-width:0}
.staff-bulk-preview-heading{margin:24px 0 16px;align-items:start}
.staff-bulk-preview-heading .field-helper{flex:1;min-width:180px;margin:8px 0}
.staff-login-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #dce7f3}
.staff-login-row>span{overflow-wrap:anywhere}
.staff-login-row .field{margin:0}
.staff-bulk-receipt{padding:20px 24px;border-bottom:1px solid #dce7f3}
.staff-bulk-receipt summary{font-weight:650;cursor:pointer;padding:8px 0;margin-bottom:12px}
.staff-bulk-receipt textarea,.staff-dialog textarea{width:100%;resize:vertical;min-height:100px;line-height:1.6}
.staff-login-rows input:invalid{border-color:#b52b3b}
.staff-bulk-dialog .staff-dialog-body>.field{margin-bottom:16px}
.staff-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.staff-dialog>form{min-height:0}
.staff-bulk-dialog .staff-form-grid{margin:16px 0}
.staff-bulk-dialog #staff-bulk-value{margin-top:16px}
@media(max-width:767px){.staff-heading-actions,.staff-selection-tools{width:100%;margin-left:0}.staff-heading-actions>.button{flex:1;white-space:normal}.staff-selection-tools>.button{min-height:44px;white-space:normal}.staff-login-row{grid-template-columns:minmax(0,1fr);gap:8px}.staff-bulk-receipt{padding:16px}.staff-bulk-preview-heading .button{width:100%}.staff-login-row .field{font-size:13px}}