.employee-form .employee-department-role { padding: 12px 0; border-top: 1px solid #e6ebf2; }
.employee-form .employee-department-role > span { display: flex; align-items: center; gap: 10px; line-height: 1.5; }
.admin-shell .employee-form #employeeDepartmentApprover, .employee-form #employeeDepartmentApprover { width: 18px; height: 18px; min-height: 18px; padding: 0; flex: 0 0 18px; accent-color: #3154d5; }
.employee-form .employee-department-role small { color: #64748b; line-height: 1.6; font-weight: 400; }

.manager-approval-popup-list { max-height: 55vh; overflow-y: auto; overscroll-behavior: contain; }
.manager-approval-popup-item { padding: 18px 0; border-bottom: 1px solid #e6ebf2; overflow-wrap: anywhere; }
.manager-approval-popup-item:first-child { padding-top: 0; }
.manager-approval-popup-item h3 { margin: 0 0 8px; font-size: 17px; }
.manager-approval-popup-item p { margin: 6px 0; line-height: 1.6; }
.manager-approval-popup-item button { margin-top: 10px; }

.manager-approval-error { margin: 0 0 18px; padding: 14px 16px; border: 1px solid #fecaca; border-radius: 10px; background: #fff5f5; color: #9f2430; line-height: 1.6; overflow-wrap: anywhere; }

[data-manager-approval-popup][hidden] { display: none; }

/* TASK-099 shift change requests (manager list) */
.shift-change-panel { margin-top: 18px; }
.shift-change-request-row { cursor: pointer; }
.shift-change-chip { display: inline-block; padding: 3px 10px; border-radius: 999px; background: #eef2ff; color: #3154d5; font-weight: 600; white-space: nowrap; }
.shift-change-detail-message { margin: 0 0 14px; padding: 12px 14px; border: 1px solid #fecaca; border-radius: 10px; background: #fff5f5; color: #9f2430; line-height: 1.6; overflow-wrap: anywhere; }