.employee-360-head{display:flex;align-items:center;gap:13px;padding:14px;border-radius:13px;background:linear-gradient(135deg,#eef5ff,#fff)}.employee-360-head>div{flex:1}.employee-360-head b,.employee-360-head span{display:block}.employee-360-head span{color:#748399;font-size:9px;margin-top:3px}.employee-360-head em{display:inline-block;margin-top:7px;padding:4px 8px;border-radius:12px;background:#e7f8ed;color:#17784a;font-style:normal;font-size:8px}.employee-lifecycle{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0}.employee-lifecycle span{padding:9px 5px;text-align:center;border-radius:8px;background:#f1f4f8;color:#8491a1;font-size:8px;font-weight:800}.employee-lifecycle span.done{background:#e7f3ff;color:#1769d2}.employee-360-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}.employee-360-actions button{padding:10px 5px;border:1px solid #d5e1ef;border-radius:8px;background:#fff;color:#1557b0;font-size:8px;font-weight:800;cursor:pointer}.onboard-checks span{padding:7px;border-radius:7px;background:#f4f6f9;color:#7c8998;font-size:8px}.onboard-checks span.complete{background:#e8f8ef;color:#18794b}.hr-person-head>i img{width:100%;height:100%;object-fit:cover;border-radius:12px}@media(max-width:600px){.employee-360-actions,.employee-lifecycle{grid-template-columns:1fr 1fr}}
