/* TimeKeeper HR v7: full-width employee dossier and searchable registry. */
body[data-portal="desktop"] .empWorkspace,
body[data-portal="desktop"] .empListIntro,
body[data-portal="desktop"] .empToolbar,
body[data-portal="desktop"] .empTableWrap{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
.empMiniEyebrow,.empEyebrow{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#6f83a0}
.empListIntro{background:#fff;border:1px solid #e4eaf1;border-radius:17px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 27px;margin-bottom:15px;box-shadow:0 5px 18px #172f4e08}
.empListIntro h2{color:#18324d;font-size:22px;letter-spacing:-.6px;margin:6px 0 5px}.empListIntro p{font-size:13px;color:#8190a4;line-height:1.5}
.empListCount{display:grid;place-items:center;background:#f0f5ff;border-radius:12px;min-width:92px;padding:12px}.empListCount strong{font-size:25px;font-weight:800;color:#2769d4}.empListCount span{font-size:11px;color:#7690b2;font-weight:600}
.empToolbar{display:grid;grid-template-columns:minmax(230px,1.6fr) repeat(3,minmax(145px,1fr));align-items:end;gap:12px;padding:17px;background:#fff;border:1px solid #e4eaf1;border-radius:15px 15px 0 0}
.empToolbar input,.empToolbar select{min-height:41px;border:1px solid #dce4ee;border-radius:9px;background:#fff;color:#29425d;box-shadow:none;outline:0;font-size:12px;padding:9px 12px;width:100%}
.empToolbar input:focus,.empToolbar select:focus{border-color:#4a85ed;box-shadow:0 0 0 3px #4a85ed20}
.empFilterLabel,.empFilterLabel .empField{display:block;min-width:0}.empFilterLabel .empFieldLabel{font-size:11px;color:#70839c;font-weight:750;margin-bottom:7px;display:block}
.empFind{display:flex;align-items:center;gap:5px;border:1px solid #dce4ee;border-radius:9px;padding-left:12px}.empFind span{font-size:21px;color:#7d93ad}.empFind input{border:0;padding-left:4px;min-width:80px}.empFind:focus-within{box-shadow:0 0 0 3px #4a85ed20;border-color:#4a85ed}.empFind input:focus{box-shadow:none}
.empTableWrap{background:#fff;border:1px solid #e4eaf1;border-top:0;border-radius:0 0 15px 15px;overflow:auto;box-shadow:0 5px 20px #172f4e06}
.empTable{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}.empTable th{background:#f9fbfe;color:#8394a9;font-size:10px;text-transform:uppercase;letter-spacing:.75px;font-weight:780;border-bottom:1px solid #e9edf5;padding:15px 18px}
.empTable td{border-bottom:1px solid #edf1f6;padding:14px 18px;font-size:12px;color:#4d657c;vertical-align:middle}.empTable tr:last-child td{border-bottom:0}.empTable tbody tr:hover td{background:#fafcff}.empTable td strong{font-size:12px;color:#28445e;font-weight:700}.empTable td small{font-size:10px;color:#8b9db0;display:block;margin-top:4px}.empEnd{text-align:right}.empPerson{display:flex;align-items:center;gap:12px}.empPerson b{font-size:12px;color:#173454;font-weight:800}.empAvatar{display:grid;place-items:center;width:39px;height:39px;background:#e8f0ff;color:#326bc3;border-radius:12px;font-size:12px;font-weight:800;flex:none}
.empRolePill{display:inline-block;padding:6px 10px;background:#f1f5fb;color:#5e7795;border:1px solid #e6ecf4;border-radius:9px;font-size:11px;font-weight:650}
.empStatus{font-size:11px;display:inline-flex;align-items:center;gap:7px;font-weight:700;color:#2e9c79}.empStatus i{width:7px;height:7px;border-radius:50%;background:currentColor}.empStatusMuted{color:#8899aa}
.empOpenButton{min-height:35px;border:1px solid #e1eaf4;color:#38649a;background:#f3f7fc;font-size:11px;font-weight:800;border-radius:9px;padding:6px 12px;white-space:nowrap}.empOpenButton:hover{background:#e8f1ff;color:#205cb9}.empOpenButton span{margin-left:5px}.empNoRows{text-align:center;padding:56px!important}.empNoRows p{margin-top:7px;color:#8292a7}.empListFoot{font-size:11px;color:#8191a5;margin:12px 7px}
.empWorkspace{color:#18324f}.empCrumbs{display:flex;align-items:center;gap:12px;margin:-12px 0 18px;font-size:12px;color:#879ab0}.empCrumbs button{border:0;background:none;color:#376eb5;font-size:12px;font-weight:780;padding:7px 2px}.empCrumbs button:hover{text-decoration:underline}.empCrumbs strong{font-weight:650;color:#536a83}
.empHero{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#fff;border:1px solid #e3eaf2;border-radius:19px;padding:25px 28px;margin-bottom:15px;box-shadow:0 4px 18px #172e4b07}.empHeroIdentity{display:flex;align-items:center;gap:20px;min-width:0}.empHeroAvatar{display:grid;place-items:center;width:74px;height:74px;border-radius:20px;background:linear-gradient(140deg,#dceaff,#bfd8ff);color:#2e65bb;font-size:22px;font-weight:820;flex:none}
.empHero h2{font-size:24px;letter-spacing:-.65px;line-height:1.18;margin:5px 0;color:#183553;overflow-wrap:anywhere}.empHero p{font-size:12px;color:#8b9bae;line-height:1.5}.empHeroBadges{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.empHeroBadges span{background:#e9f7f2;color:#258b6c;font-size:10px;padding:5px 9px;border-radius:7px;font-weight:800}.empHeroBadges span:first-child{background:#f2f5fb;color:#5d7897}.empHeroBadges .empInactive{background:#f6f0ed;color:#a17355}
.empHeroMeta{border-left:1px solid #edf1f5;padding-left:28px;display:grid;grid-template-columns:repeat(2,minmax(110px,160px));gap:18px}.empHeroMeta small{font-size:10px;color:#8d9eb3;display:block;margin-bottom:7px}.empHeroMeta strong{font-size:12px;color:#37516e;display:block;overflow-wrap:anywhere}
.empPageGrid{display:grid;grid-template-columns:247px minmax(0,1fr);gap:15px;align-items:start}.empTabs{background:#fff;padding:11px;border-radius:16px;border:1px solid #e5ebf3;display:grid;gap:5px;position:sticky;top:18px}
.empTab{display:flex;align-items:center;gap:11px;text-align:left;background:transparent;border:1px solid transparent;border-radius:10px;padding:12px 10px;min-height:60px;color:#5b7290;width:100%;transition:background .15s,color .15s}.empTab.current{background:#ebf2ff;color:#2465c4;border-color:#dce8fc}.empTab:hover:not(.current){background:#f6f9fd}
.empTabIndex{width:27px;height:27px;border:1px solid #dce6f2;background:#f8fafd;color:#718cac;border-radius:8px;display:grid;place-items:center;flex:none;font-size:10px;font-weight:850}.empTab.current .empTabIndex{background:#3878e9;color:#fff;border-color:#3878e9}.empTab b{display:block;font-size:12px}.empTab small{display:block;font-size:10px;color:#91a1b4;margin-top:5px}.empTab.current small{color:#7293be}.empTabArrow{margin-left:auto;font-size:20px;color:#bac6d5}
.empMainContent{min-width:0}.empPanel{background:#fff;border:1px solid #e4eaf2;border-radius:16px;min-height:390px;padding:27px 29px 31px;box-shadow:0 4px 15px #20344a05}.empPanel[hidden]{display:none!important}.empPanelIntro{border-bottom:1px solid #ebeff5;padding-bottom:21px;margin-bottom:24px}.empPanelIntro>span{font-size:10px;font-weight:820;letter-spacing:1.4px;color:#6b91c7}.empPanelIntro h2{color:#193653;font-size:21px;letter-spacing:-.5px;margin:7px 0}.empPanelIntro p{font-size:12px;line-height:1.5;color:#8597ab;max-width:650px}
.empFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 20px}.empField{display:block;min-width:0}.empSpan{grid-column:1/-1}.empFieldLabel{display:block;font-size:11px;color:#546f8c;font-weight:800;margin-bottom:9px}.empFieldLabel em{font-style:normal;color:#e36b66}.empFields input,.empFields select{width:100%;height:45px;min-height:45px;border:1px solid #d8e2ee;border-radius:9px;background:#fff;padding:10px 12px;color:#213b57;font-size:13px;outline:none;transition:border .12s,box-shadow .12s}
.empFields input:focus,.empFields select:focus{border-color:#3d7dea;box-shadow:0 0 0 3px #3d7dea22}.empFields input:read-only{background:#f6f8fc;color:#6b7f98}.empField small{display:block;color:#8396ad;font-size:11px;line-height:1.5;margin-top:6px}
.empTip{background:#f0f5fd;border:1px solid #e4edfa;border-radius:11px;color:#667f9d;font-size:12px;line-height:1.65;padding:15px 17px;margin-top:23px}.empHint{color:#8a9baf;font-size:12px;line-height:1.6;margin-top:13px}.empInlineTitle{font-size:14px;color:#244461;margin:28px 0 13px}.empSecondaryAction{background:#eff4fc;border:1px solid #dbe6f5;border-radius:9px;color:#326cba;font-weight:760;padding:11px 13px;margin-top:15px;font-size:12px}
.empTerms{display:grid;gap:8px}.empTerms>div{border:1px solid #e8edf4;border-radius:10px;padding:13px 15px;display:grid;grid-template-columns:1fr auto;gap:6px}.empTerms span{font-size:11px;color:#65809f}.empTerms strong{color:#234767;font-size:14px}.empTerms small{grid-column:1/-1;color:#8c9fb3;font-size:10px}
.empDocs{display:grid;gap:11px}.empDocCard{border:1px solid #e4eaf3;border-radius:12px;padding:17px;display:flex;align-items:center;gap:14px;min-height:86px}.empDocIcon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:11px;background:#edf3fe;color:#4381d2;font-size:24px}.empDocBody{min-width:0;flex:1}.empDocBody b{color:#2c4763;font-size:13px}.empDocBody p{color:#8294aa;font-size:11px;line-height:1.55;margin-top:6px;overflow-wrap:anywhere}.empDocBody small{display:block;color:#9aa9ba;font-size:10px;margin-top:5px}.empDocAttached{color:#178c70;font-weight:700}.empDocActions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.empUploadBtn,.empTextButton{display:inline-flex;align-items:center;border:1px solid #dce7f5;background:#f3f7fe;color:#3c73ba;padding:9px 12px;min-height:36px;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer}.empTextButton.empDelete{color:#b16a6a;background:#fff6f5;border-color:#f3e2e2}.empUploadBtn:hover,.empTextButton:hover{filter:brightness(.97)}
.empToggle{display:flex;align-items:center;gap:12px;margin-top:24px;padding:17px;background:#f8fafd;border:1px solid #e6edf7;border-radius:12px}.empToggle input{width:20px;height:20px;flex:none;accent-color:#3073e4}.empToggle b{font-size:12px;color:#2b4b68;display:block}.empToggle small{font-size:11px;color:#8298ac;display:block;margin-top:6px}
.empSaveBar{background:#fff;border:1px solid #e2eaf3;border-radius:14px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;position:sticky;bottom:14px;z-index:9;box-shadow:0 9px 35px #1e426014}.empSaveBar b{display:block;font-size:12px;color:#2b4865}.empSaveBar span{display:block;font-size:11px;color:#9aabba;margin-top:5px}.empSaveActions{display:flex;align-items:center;gap:9px}.empCancel,.empSave{font-size:12px;font-weight:800;border-radius:9px;padding:12px 16px;min-height:41px}.empCancel{border:1px solid #dbe5f0;background:#fff;color:#55718d}.empSave{background:#2c72ea;color:#fff;border:1px solid #2c72ea;white-space:nowrap}.empSave:disabled{opacity:.55;cursor:wait}
.empPrivacyNotice{background:#f2f6fd;border:1px solid #e4ecf9;padding:15px 19px;border-radius:12px;color:#5a779b;font-size:12px;line-height:1.7;margin-bottom:13px}.empReadGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.empReadGrid small{display:block;font-size:10px;color:#7f91a4;margin-bottom:8px}.empReadGrid b{font-size:12px;color:#2b4966}
@media(max-width:1150px){.empToolbar{grid-template-columns:1fr 1fr}.empHeroMeta{grid-template-columns:1fr;gap:9px}.empPageGrid{grid-template-columns:206px minmax(0,1fr)}}
@media(max-width:780px){.empHero{align-items:flex-start}.empHeroMeta{display:none}.empPageGrid{grid-template-columns:1fr}.empTabs{display:flex;gap:6px;overflow:auto;position:static;scrollbar-width:thin}.empTab{flex:none;width:auto;min-height:49px;white-space:nowrap;padding:10px 13px}.empTab small,.empTabArrow{display:none}.empTabIndex{width:24px;height:24px}.empPanel{min-height:0;padding:22px}.empSaveBar{position:sticky;bottom:0;border-radius:12px}}
@media(max-width:560px){.empHero{padding:18px}.empHeroAvatar{width:52px;height:52px;font-size:17px;border-radius:13px}.empHero h2{font-size:19px}.empHeroIdentity{gap:12px}.empToolbar{grid-template-columns:1fr}.empListIntro{padding:18px}.empFields{grid-template-columns:1fr}.empField.empSpan{grid-column:auto}.empDocCard{flex-wrap:wrap}.empDocActions{justify-content:flex-start;width:100%}.empSaveBar{flex-direction:column;align-items:stretch}.empSaveActions{justify-content:stretch}.empSaveActions button{flex:1}.empPanel{padding:20px}}