.personnel-controls{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.personnel-controls label{min-width:210px}.personnel-toolbar{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}.personnel-legend{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.personnel-legend span{padding:6px 10px;border-radius:999px;font-size:13px;font-weight:700}.personnel-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.personnel-grid{border-collapse:separate;border-spacing:0;table-layout:auto;min-width:1050px}.personnel-grid th,.personnel-grid td{padding:8px 5px;text-align:center;border-bottom:1px solid #e6edf7}.personnel-grid th:first-child,.personnel-grid td:first-child{text-align:left;width:220px;min-width:220px;max-width:220px;position:sticky;left:0;background:#fff;z-index:1;white-space:normal;overflow-wrap:normal;word-break:normal}.personnel-grid th{font-size:12px;color:#62748d;background:#f5f8fc;white-space:nowrap}.personnel-grid th:first-child{background:#f5f8fc;white-space:normal}.personnel-person strong{display:block;font-size:15px;line-height:1.3;overflow-wrap:anywhere}.personnel-grid td small{display:block;color:#7b8ba1;margin-top:2px;white-space:normal}.personnel-edit{display:inline-flex!important;width:auto!important;min-width:0!important;margin-top:9px;padding:6px 9px!important;font-size:12px;line-height:1.1;white-space:nowrap}.attendance-cell{border:0;border-radius:8px;min-width:31px;height:31px;font-weight:800;cursor:pointer}.attendance-cell.work{background:#dff1e4;color:#257143}.attendance-cell.weekly_off,.attendance-cell.annual_leave{background:#fff1bf;color:#85600a}.attendance-cell.sick_leave,.attendance-cell.excused{background:#dcedfb;color:#23639e}.attendance-cell.absent{background:#fde2e2;color:#b43939}.attendance-cell.half_day{background:#eee6ff;color:#633cb4}.personnel-inactive{opacity:.55}.personnel-empty{padding:30px;text-align:center;color:#74839a}.personnel-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.personnel-modal-grid .wide{grid-column:1/-1}@media(max-width:700px){.personnel-controls label{min-width:100%}.personnel-toolbar{margin-left:0;width:100%}.personnel-toolbar button{flex:1;min-width:0}.personnel-grid{min-width:1120px}.personnel-grid th:first-child,.personnel-grid td:first-child{width:190px;min-width:190px;max-width:190px;padding:10px}.personnel-person strong{font-size:16px;overflow-wrap:normal;word-break:normal}.attendance-cell{min-width:29px}.personnel-modal-grid{grid-template-columns:1fr}}