.employees-page,.employee-profile-page{width:min(1480px,100%)}
.primary-button,.secondary-button{height:39px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-size:11px;font-weight:600;white-space:nowrap}
.primary-button{border:1px solid var(--brand);color:#fff;background:var(--brand);box-shadow:0 2px 5px rgba(24,61,50,.15)}.primary-button:hover{background:var(--brand-hover)}
.secondary-button{border:1px solid #dce2df;color:#52615a;background:#fff;cursor:pointer}
.employee-stats{margin-top:27px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.employee-stats article{min-height:84px;padding:16px 18px;display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}
.stat-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;color:#486c5d;background:#eaf2ee}.stat-icon.active{color:#347354;background:#eaf5ef}.stat-icon.inactive{color:#8a6461;background:#f8eded}.employee-stats small{display:block;color:#7c8983;font-size:10px}.employee-stats strong{display:block;margin-top:2px;color:#26342e;font:700 21px Manrope,sans-serif}
.directory-card{margin-top:14px;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:var(--shadow)}.employee-filters{padding:16px 18px;display:flex;gap:9px;border-bottom:1px solid var(--line);background:#fbfcfb}.employee-filters input,.employee-filters select{height:38px;border:1px solid #dce2df;border-radius:7px;outline:0;color:#3d4944;background:#fff;font:11px "DM Sans",sans-serif}.employee-filters select{min-width:150px;padding:0 30px 0 10px}.employee-search{position:relative;flex:1;max-width:390px}.employee-search svg{position:absolute;left:11px;top:10px;color:#87928d}.employee-search input{width:100%;padding:0 12px 0 36px}.employee-filters input:focus,.employee-filters select:focus{border-color:#769889;box-shadow:0 0 0 3px rgba(74,123,101,.1)}.employee-filters button,.employee-filters>a{height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;font-size:10px;font-weight:600}.employee-filters button{border:1px solid var(--brand);color:#fff;background:var(--brand);cursor:pointer}.employee-filters>a{border:1px solid #dce2df;color:#61706a;background:#fff}
.directory-summary{min-height:49px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:#8a9691;font-size:9px}.directory-summary p{font-size:11px}.directory-summary p strong{color:#27342e;font-size:12px}.employee-table-wrap{overflow-x:auto}.employee-table{min-width:920px}.employee-table th{height:42px;padding:0 15px;white-space:nowrap}.employee-table td{height:72px;padding:0 15px}.employee-table .employee{text-decoration:none}.employee-number{padding:4px 7px;border-radius:5px;color:#65736d;background:#f1f4f2;font:600 9px Manrope,sans-serif;letter-spacing:.25px}.employee-status{height:23px;padding:0 8px;display:inline-flex;align-items:center;gap:5px;border-radius:12px;font-size:9px;font-weight:600;white-space:nowrap}.employee-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.employee-status.active{color:#367458;background:#eaf5ef}.employee-status.inactive{color:#8b5f5c;background:#f8eceb}.row-link{width:29px;height:29px;display:grid;place-items:center;border:1px solid #e3e8e5;border-radius:7px;color:#74817b}.row-link:hover{color:var(--brand);background:#f7faf8}.directory-empty{height:220px!important;text-align:center;color:#81908a}.directory-empty svg{margin:0 auto 9px}.directory-empty strong,.directory-empty span{display:block}.directory-empty strong{color:#3c4943;font-size:12px}.directory-empty span{margin-top:5px;font-size:10px}
.breadcrumbs{margin-bottom:22px;display:flex;align-items:center;gap:6px;color:#8a9691;font-size:10px}.breadcrumbs a{color:#60716a}.profile-hero{padding:0 0 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.profile-identity{display:flex;align-items:center;gap:17px}.profile-avatar{width:67px;height:67px;display:grid;place-items:center;border-radius:17px;color:#fff;font:700 20px Manrope,sans-serif}.profile-avatar.coral{background:#d97868}.profile-avatar.blue{background:#6080aa}.profile-avatar.violet{background:#8a72aa}.profile-avatar.amber{background:#ba874a}.profile-avatar.green{background:#5c9074}.profile-title{display:flex;align-items:center;gap:10px}.profile-title h1{margin:0;color:#213029;font:700 24px Manrope,sans-serif;letter-spacing:-.6px}.profile-identity p{margin:5px 0;color:#66756e;font-size:11px}.profile-number{color:#8b9691;font:600 9px Manrope,sans-serif;letter-spacing:.45px}.profile-actions{display:flex;gap:8px}
.profile-layout{margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:16px}.profile-main,.profile-side{display:grid;gap:16px}.profile-card{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow)}.card-title{min-height:67px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.card-title .eyebrow,.record-heading .eyebrow{margin-bottom:4px}.card-title h2,.record-heading h2{margin:0;color:#2d3a34;font:700 14px Manrope,sans-serif}.card-title>button,.record-list article>button{width:29px;height:29px;display:grid;place-items:center;border:1px solid #e2e7e4;border-radius:7px;color:#718078;background:#fff;cursor:pointer}.details-grid{margin:0;padding:4px 18px 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}.details-grid>div{min-height:62px;padding:15px 0 10px;border-bottom:1px solid #eef1ef}.details-grid .wide{grid-column:1/-1}.details-grid dt{margin-bottom:6px;color:#8a9691;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.35px}.details-grid dd{margin:0;color:#34423c;font-size:11px;font-weight:600}
.record-tabs{padding:0 14px;display:flex;overflow-x:auto;border-bottom:1px solid var(--line)}.record-tabs a{height:46px;padding:0 10px;display:inline-flex;align-items:center;border-bottom:2px solid transparent;color:#77847e;font-size:9px;font-weight:600;white-space:nowrap}.record-tabs a:hover{color:#33433c}.record-tabs a.active{border-color:var(--brand);color:var(--brand)}.record-heading{min-height:66px;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.small-action{height:31px;padding:0 10px;display:inline-flex;align-items:center;gap:5px;border:1px solid #dce2df;border-radius:7px;color:#56655e;background:#fff;font-size:9px;font-weight:600;cursor:pointer}.record-list{border-top:1px solid var(--line)}.record-list article{min-height:69px;padding:11px 17px;display:grid;grid-template-columns:6px 128px minmax(0,1fr) auto 29px;align-items:center;gap:12px;border-bottom:1px solid #edf0ee}.record-list article:last-child{border-bottom:0}.record-marker{width:6px;height:34px;border-radius:4px;background:#aeb7b3}.record-marker.success{background:#70a489}.record-marker.warning{background:#d3a35f}.record-date{color:#7d8984;font-size:9px}.record-copy strong,.record-copy span{display:block}.record-copy strong{color:#35423c;font-size:10px}.record-copy span{margin-top:4px;color:#8b9691;font-size:9px}.record-status{padding:4px 7px;border-radius:10px;font-size:8px;font-weight:600}.record-status.success{color:#367458;background:#eaf5ef}.record-status.warning{color:#95611f;background:#fbf2e4}.record-status.neutral{color:#64716b;background:#f0f3f1}.record-empty{padding:55px;text-align:center;color:#84908b}.record-empty svg{margin:auto}.record-empty strong,.record-empty span{display:block}.record-empty strong{margin-top:8px;color:#3d4944;font-size:11px}.record-empty span{margin-top:4px;font-size:9px}
.compact-card .card-title{min-height:67px}.contact-list{padding:8px 18px 15px}.contact-list>div{padding:10px 0;display:flex;align-items:center;gap:10px}.contact-list>div>span{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;color:#527462;background:#edf4f0;font-size:11px;font-weight:700}.contact-list p{margin:0;min-width:0}.contact-list small,.contact-list a{display:block}.contact-list small{margin-bottom:3px;color:#8c9792;font-size:8px;text-transform:uppercase}.contact-list a{overflow:hidden;color:#3c4a43;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.vacation-card{padding-bottom:18px}.vacation-total{padding:18px 18px 12px;display:flex;align-items:baseline;gap:6px}.vacation-total strong{color:#294638;font:700 26px Manrope,sans-serif}.vacation-total span{color:#7b8882;font-size:10px}.vacation-track{height:6px;margin:0 18px;overflow:hidden;border-radius:4px;background:#e9eeeb}.vacation-track span{height:100%;display:block;border-radius:4px;background:#5f9278}.vacation-labels{margin:9px 18px 0;display:flex;justify-content:space-between;color:#87938d;font-size:8px}.vacation-labels strong{color:#65736c}.role-name{margin:17px 18px 9px;padding:12px;display:flex;align-items:center;gap:10px;border-radius:8px;background:#f6f8f7}.role-name>span{width:33px;height:33px;display:grid;place-items:center;border-radius:8px;color:#426b58;background:#e4efe9}.role-name small,.role-name strong{display:block}.role-name small{color:#8a9691;font-size:8px;text-transform:uppercase}.role-name strong{margin-top:3px;color:#34433c;font-size:11px}.permission-list{margin:0;padding:3px 18px 17px;list-style:none}.permission-list li{padding:6px 0;display:flex;align-items:center;gap:7px;color:#5c6a64;font-size:9px}.permission-list svg{color:#4d886b}
@media(max-width:1050px){.profile-layout{grid-template-columns:1fr}.profile-side{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-side .profile-card{min-width:0}}
@media(max-width:760px){.employee-stats{grid-template-columns:1fr}.employee-filters{flex-wrap:wrap}.employee-search{max-width:none;flex:1 0 100%}.profile-hero{align-items:flex-start;flex-direction:column}.profile-actions{width:100%}.profile-actions>*{flex:1}.profile-side{grid-template-columns:1fr}.record-list article{grid-template-columns:6px minmax(0,1fr) auto}.record-list .record-date{grid-column:2}.record-copy{grid-column:2}.record-list article>button{grid-column:3;grid-row:1}.record-status{grid-column:3;grid-row:2}.details-grid{grid-template-columns:1fr}.details-grid .wide{grid-column:auto}}
@media(max-width:480px){.employee-filters label:not(.employee-search){flex:1}.employee-filters select{width:100%;min-width:0}.profile-identity{align-items:flex-start}.profile-avatar{width:52px;height:52px;border-radius:13px;font-size:16px}.profile-title{align-items:flex-start;flex-direction:column;gap:5px}.profile-title h1{font-size:20px}.directory-summary>span{display:none}}

/* Employee directory refresh — scoped to /employees only. */
.employees-index{--canvas:#f7f5f0;--surface:#fffefa;--line:#e7e4dc;--ink:#1d2924;--muted:#6f7873;--brand:#214b3d;--brand-hover:#16382e;--shadow:0 1px 2px rgba(35,48,42,.04),0 8px 26px rgba(35,48,42,.045)}
.employees-index .topbar{border-color:#e9e5dd;background:rgba(255,254,250,.92)}
.employees-index .employees-page{width:min(1380px,100%);padding-top:27px}
.employees-index .employees-heading{padding:20px 22px;align-items:center;border:1px solid #e7e1d7;border-radius:16px;background:linear-gradient(112deg,#fffefa 0%,#faf7ef 68%,#f1eee3 100%);box-shadow:var(--shadow)}
.employees-index .employees-heading .eyebrow{color:#9a744a}
.employees-index .employees-heading h1{font-size:clamp(25px,2.1vw,30px)}
.employees-index .primary-button{min-height:44px;padding-inline:16px;border-radius:10px}
.employees-index .employee-stats{margin-top:14px;gap:10px}
.employees-index .employee-stats article{min-height:72px;padding:12px 15px;border-radius:13px;background:var(--surface)}
.employees-index .stat-icon{width:38px;height:38px}
.employees-index .directory-card{margin-top:10px;border-radius:14px}
.employees-index .employee-filters{padding:12px 14px;align-items:center;background:#fcfbf7}
.employees-index .employee-filters input,.employees-index .employee-filters select{height:42px;border-color:#ded9cf;border-radius:9px;background:#fffefa}
.employees-index .employee-search svg{top:12px}
.employee-filter-options{display:flex;align-items:center;gap:9px}
.employees-index .employee-filter-options>a{height:42px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #ded9cf;border-radius:9px;color:#61706a;background:#fffefa;font-size:10px;font-weight:600;white-space:nowrap}
.employees-index .employee-filter-toggle{display:none}
.employees-index .directory-summary{min-height:44px}
.employees-index .employee-table td{height:66px}
.employee-mobile-list{display:none}

@media(max-width:760px){
    .employees-index .topbar{height:58px}
    .employees-index .employees-page{padding:12px 12px 20px}
    .employees-index .notice{margin-bottom:10px}
    .employees-index .employees-heading{padding:15px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border-radius:14px}
    .employees-index .employees-heading h1{font-size:23px}
    .employees-index .employees-heading>div>p:last-child{max-width:34ch;margin-top:5px;font-size:12px;line-height:1.45}
    .employees-index .primary-button{width:44px;padding:0;align-self:end;font-size:0}
    .employees-index .primary-button .icon{width:19px;height:19px}
    .employees-index .employee-stats{margin:10px -12px 0;padding:0 12px 4px;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
    .employees-index .employee-stats::-webkit-scrollbar{display:none}
    .employees-index .employee-stats article{min-width:132px;min-height:64px;flex:1 0 38vw;padding:10px 12px;scroll-snap-align:start}
    .employees-index .stat-icon{width:34px;height:34px}
    .employees-index .employee-stats strong{font-size:19px}
    .employees-index .directory-card{margin-top:7px;border-radius:13px}
    .employees-index .employee-filters{padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
    .employees-index .employee-search{max-width:none;min-width:0;flex:auto}
    .employees-index .employee-search input{height:44px}
    .employees-index .employee-filter-toggle{height:44px;padding:0 11px;display:flex;align-items:center;gap:6px;border:1px solid #ded9cf;color:#4e5d56;background:#fffefa;border-radius:9px;font-size:11px;font-weight:600;cursor:pointer}
    .employee-filter-toggle i{min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:9px;color:#fff;background:var(--brand);font-size:9px;font-style:normal}
    .employee-filter-toggle>.icon:last-child{transition:transform .2s ease}
    .filters-open .employee-filter-toggle>.icon:last-child{transform:rotate(180deg)}
    .employee-filter-options{display:none;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;padding-top:2px}
    .filters-open .employee-filter-options{display:grid}
    .employees-index .employee-filter-options label{min-width:0}
    .employees-index .employee-filter-options label:last-of-type{grid-column:1/-1}
    .employees-index .employee-filter-options select{width:100%;min-width:0;height:44px}
    .employees-index .employee-filter-options>a{min-height:42px;grid-column:1/-1}
    .employees-index .directory-summary{min-height:42px;padding-inline:12px}
    .employees-index .employee-table-wrap{display:none}
    .employee-mobile-list{padding:6px 10px 10px;display:grid;gap:8px;background:#f8f7f2}
    .employee-mobile-card{position:relative;min-width:0;padding:12px 35px 11px 11px;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:10px;border:1px solid #e5e1d8;border-radius:12px;background:#fffefa;box-shadow:0 2px 10px rgba(35,48,42,.035)}
    .employee-mobile-card>.avatar{width:40px;height:40px;font-size:11px}
    .employee-mobile-copy{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
    .employee-mobile-copy>span:first-child{min-width:0;display:flex;flex-direction:column}
    .employee-mobile-copy strong{overflow:hidden;color:#293730;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
    .employee-mobile-copy small{margin-top:3px;overflow:hidden;color:#7c8782;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
    .employee-mobile-meta{grid-column:1/-1;padding-top:10px;display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:8px;border-top:1px solid #eeeae2}
    .employee-mobile-meta>span{min-width:0;display:flex;flex-direction:column}
    .employee-mobile-meta small{color:#929b97;font-size:8px;text-transform:uppercase}
    .employee-mobile-meta strong{margin-top:3px;overflow:hidden;color:#56635d;font-size:9px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
    .employee-mobile-card>.icon{position:absolute;right:10px;top:24px;color:#97a19c}
    .employee-mobile-empty{min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#81908a;text-align:center}
    .employee-mobile-empty strong{margin-top:8px;color:#3c4943;font-size:12px}
    .employee-mobile-empty span{margin-top:5px;font-size:10px}
}

@media(max-width:390px){
    .employees-index .employee-mobile-copy{display:block}
    .employees-index .employee-mobile-copy .employee-status{margin-top:7px}
    .employee-mobile-meta{grid-template-columns:1fr 1fr}
    .employee-mobile-meta>span:last-child{grid-column:1/-1}
}