
.employee-v2-summary{grid-template-columns:repeat(5,minmax(0,1fr))}
.summary-icon.red{background:#feecec;color:#d92d20}
.employee-v2-toolbar{grid-template-columns:minmax(240px,1.4fr) repeat(6,minmax(130px,.7fr)) auto}
.employee-complete-compose{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:15px}
.employee-complete-compose textarea,.employee-complete-document-form input{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--ink)}
.employee-complete-document-form{display:grid;grid-template-columns:1.2fr 1.5fr 150px auto;gap:9px;margin-bottom:15px}
.employee-complete-timeline{position:relative;display:grid;gap:0;padding-left:12px}
.employee-complete-event{display:grid;grid-template-columns:35px 1fr auto;gap:11px;min-height:72px}
.employee-complete-event-marker{position:relative;width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#eaf2ff;color:#2563eb;z-index:1}
.employee-complete-event-marker:after{content:"";position:absolute;top:31px;bottom:-41px;width:1px;background:var(--line)}
.employee-complete-event:last-child .employee-complete-event-marker:after{display:none}
.employee-complete-event strong,.employee-complete-event span{display:block}
.employee-complete-event p{margin:4px 0;color:var(--muted);font-size:.75rem}
.employee-complete-event time{color:var(--muted);font-size:.7rem}
.employee-complete-credential{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;background:#ecfdf3;color:#087a4d;font-size:.66rem;font-weight:800}
.employee-complete-credential.expiring{background:#fff7e8;color:#b54708}
.employee-complete-credential.expired{background:#fff0f0;color:#b42318}
@media(max-width:1350px){.employee-v2-summary{grid-template-columns:repeat(3,1fr)}.employee-v2-toolbar{grid-template-columns:repeat(3,1fr)}.employee-v2-search{grid-column:1/-1}}
@media(max-width:760px){.employee-v2-summary{grid-template-columns:1fr}.employee-v2-toolbar,.employee-complete-document-form{grid-template-columns:1fr}.employee-complete-compose{grid-template-columns:1fr}}
