#employees [hidden]{display:none!important}
.employee-section-tabs{display:flex;gap:6px;margin:0 0 18px;flex-wrap:wrap}
.employee-section-tabs button{flex:1;min-height:44px;padding:10px;border:0;border-radius:10px;background:#eef2f6;color:#53627a;font-size:14px;font-weight:700;cursor:pointer}
.employee-section-tabs button[aria-selected="true"]{background:#e8f2ff;color:#166ed5}
.employee-management-panel{max-width:850px;margin:0 auto}
.employee-management-panel h2{font-size:22px}
.employee-management-panel label{display:block;margin:14px 0 6px;color:#52627a;font-weight:600}
.employee-management-panel input:not([type="checkbox"]),.employee-management-panel select{width:100%;min-width:0;min-height:44px;border:1px solid #dce4ee;border-radius:10px;padding:10px;font-size:16px;background:#fff;color:#172033}
.employee-management-panel .employee-permission-toggle{display:flex;align-items:center;gap:9px;min-height:44px}
.employee-permission-toggle input{width:20px;height:20px}
.employee-management-panel>.primary{margin-top:14px;min-height:44px}
.department-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid #e5ebf2;padding:14px 0}
.department-row input{flex:1 1 180px;width:auto!important}
.department-row span{color:#667085;font-size:13px}
.department-row button,.department-add button{min-height:44px}
.department-add{max-width:420px;margin-top:18px;display:grid;gap:8px}
.employee-assignment-fields{display:grid;gap:12px}
#employeeSection-list .employee-tools{grid-template-columns:1.6fr .65fr .75fr auto .85fr}
#employeeSectionsMsg{color:#53627a;overflow-wrap:anywhere}
@media(max-width:900px){#employeeSection-list .employee-tools{grid-template-columns:1fr 1fr}.employee-section-tabs button{font-size:12px;padding:9px 6px}.department-row span{flex-basis:100%}}
body[data-job-role="office"] #weekNightOutCard,body[data-job-role="mechanic"] #weekNightOutCard{display:none!important}
body[data-job-role="office"] .team-driver-only,body[data-job-role="mechanic"] .team-driver-only{display:none!important}
#teamBreakField,#teamDescriptionField{margin-top:12px}
#teamDescription{width:100%;min-height:80px;font-size:16px;border:1px solid #dbe3ed;border-radius:10px;padding:10px;box-sizing:border-box}
#employeeWorkListButton{margin:12px 0;min-height:44px}
#teamBreakField[hidden],#teamDescriptionField[hidden],#employeeWorkListButton[hidden]{display:none!important}
body[data-job-role="office"] .team-office-hidden{display:none!important}

/* Role visibility must win over the shared mobile form layout. */
html body #app #hours #addHoursCard [hidden],
html body[data-job-role="mechanic"] #app #hours #addHoursCard .team-driver-only,
html body[data-job-role="office"] #app #hours #addHoursCard .team-driver-only,
html body[data-job-role="office"] #app #hours #addHoursCard .team-office-hidden{display:none!important}