/* Employee profile: compact identity hero and restrained interaction motion. */
.employee-self-profile-page .employee-profile-reference-header {
  padding:24px; gap:22px; border-radius:26px;
  background:radial-gradient(ellipse at 90% 0%,color-mix(in srgb,var(--employee-profile-active-tone) 13%,transparent),transparent 65%),var(--panel);
  border:1px solid color-mix(in srgb,var(--employee-profile-active-tone) 24%,var(--border));
  box-shadow:0 14px 40px rgba(42,57,110,.08),inset 0 1px 0 rgba(255,255,255,.4);
  animation:employeeHeroEnter .65s cubic-bezier(.22,1,.36,1) both;
}
.employee-self-profile-page .employee-profile-reference-header::after { width:190px;height:190px;inset-inline-end:-65px;inset-block-start:-95px;background:transparent;border:24px solid color-mix(in srgb,var(--employee-profile-active-tone) 5%,transparent); }
.employee-profile-hero-identity { display:flex; align-items:center; gap:18px; min-width:0; flex:1; position:relative; z-index:1; }
.employee-profile-hero-avatar { width:82px;height:82px;flex:none;padding:4px;border-radius:25px;background:var(--panel);border:1px solid color-mix(in srgb,var(--employee-profile-active-tone) 25%,var(--border));box-shadow:0 8px 22px color-mix(in srgb,var(--employee-profile-active-tone) 15%,transparent);display:grid;place-items:center;overflow:hidden; }
.employee-profile-hero-avatar img { width:100%;height:100%;object-fit:cover;border-radius:20px; }
.employee-profile-hero-avatar>i { font-size:34px;color:var(--employee-profile-active-tone); }
.employee-self-profile-page .employee-profile-reference-name small { display:flex;align-items:center;gap:6px;letter-spacing:.01em; }
.employee-self-profile-page .employee-profile-reference-name h1 { font-size:clamp(19px,1.65vw,27px);font-weight:900;line-height:1.55;overflow-wrap:anywhere; }
.employee-self-profile-page .employee-profile-reference-name .employee-profile-hero-badges { display:flex; flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px; }
.employee-profile-hero-badges>bdi,.employee-profile-hero-badges>b { display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:9px;background:color-mix(in srgb,var(--employee-profile-active-tone) 7%,var(--panel));border:1px solid color-mix(in srgb,var(--employee-profile-active-tone) 12%,var(--border));font-size:11px; }
.employee-self-profile-page .employee-profile-shift-pill { min-width:170px; }
.employee-self-profile-page .employee-profile-logout { flex:none;position:relative;z-index:1; }
.employee-self-profile-page .employee-profile-tab-stage { animation:employeePanelEnter .42s cubic-bezier(.22,1,.36,1) both; }
.employee-self-profile-page .employee-profile-tab-stage>section { animation:employeePanelEnter .5s cubic-bezier(.22,1,.36,1) .06s backwards; }
.employee-self-profile-page .employee-self-profile-field,.employee-self-profile-page .employee-self-account-kpis>div,.employee-self-profile-page .employee-self-permission,.employee-self-profile-page .employee-self-activity-row { animation:employeePanelEnter .5s cubic-bezier(.22,1,.36,1) backwards;transition:transform .25s ease,box-shadow .25s ease; }
.employee-self-profile-page .employee-self-profile-fields>:nth-child(3n+2) { animation-delay:55ms; }
.employee-self-profile-page .employee-self-profile-fields>:nth-child(3n) { animation-delay:110ms; }
.employee-self-profile-page .employee-self-permission:hover,.employee-self-profile-page .employee-self-account-kpi:hover { transform:translateY(-3px);box-shadow:0 10px 24px rgba(45,60,110,.07); }
.employee-self-profile-page .employee-profile-section-nav button { transition:background .25s ease,box-shadow .25s ease,transform .25s ease; }
.employee-self-profile-page .employee-profile-section-nav button>i { transition:transform .3s cubic-bezier(.22,1,.36,1); }
.employee-self-profile-page .employee-profile-section-nav button:hover>i { transform:translateY(-2px) rotate(-5deg); }
.employee-self-profile-page .employee-profile-section-nav button:active { transform:scale(.98); }
@keyframes employeeHeroEnter { from { opacity:0;transform:translateY(12px); } to { opacity:1;transform:translateY(0); } }
@keyframes employeePanelEnter { from { opacity:0;transform:translateY(9px); } to { opacity:1;transform:translateY(0); } }
@media(max-width:1050px) { .employee-self-profile-page .employee-profile-reference-header { flex-wrap:wrap; }.employee-profile-hero-identity { flex-basis:100%; }.employee-self-profile-page .employee-profile-shift-pill { flex:1; }.employee-self-profile-page .employee-profile-logout { margin-inline-start:auto; } }
@media(max-width:640px) { .employee-self-profile-page .employee-profile-reference-header { padding:18px;gap:14px; }.employee-profile-hero-identity { gap:12px; }.employee-profile-hero-avatar { width:64px;height:64px;border-radius:20px; }.employee-profile-hero-avatar img { border-radius:15px; }.employee-self-profile-page .employee-profile-logout { width:100%;margin:0; } }
@media(prefers-reduced-motion:reduce) { .employee-self-profile-page *, .employee-self-profile-page *::before, .employee-self-profile-page *::after { animation:none!important;transition:none!important; }.employee-self-profile-page .employee-self-permission:hover,.employee-self-profile-page .employee-self-account-kpi:hover,.employee-self-profile-page .employee-profile-section-nav button:hover>i { transform:none; } }