/* My screen styles */
.screen-mine .profile-head{padding:30px 20px 24px}
.screen-mine .profile-identity{display:flex;align-items:center;justify-content:flex-start;gap:18px}
.screen-mine .profile-identity .avatar{width:56px;height:56px;flex:0 0 56px;font-size:20px}
.screen-mine .profile-copy{min-width:0}
.screen-mine .profile-copy h1{font-size:27px;line-height:1.2}
.screen-mine .profile-department,.screen-mine .profile-role{display:inline-block;vertical-align:baseline;margin-top:6px;font-size:14px;white-space:nowrap}
.screen-mine .profile-department{color:#525b65;font-weight:650}
.screen-mine .profile-role{color:#6f7781}
.screen-mine .profile-role::before{content:"·";margin:0 7px;color:#a1a8b0}
.screen-mine .section-title h2{font-size:18px}
.screen-mine .payrow{font-size:14px;padding:14px 0}
.screen-mine .stat .label{font-size:13px}

/* Employee number activation */
.modal .access-code-wrap{min-height:152px;padding:26px 6px;display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.modal .access-prefix,.modal .access-separator{font-size:22px;font-weight:750;letter-spacing:1px;color:#20242a}
.modal .access-digits{display:flex;gap:10px}
.modal .access-digit{width:36px;height:68px;border:1px solid #e3e8ec;border-radius:12px;background:#f7f9fa;color:#171a1d;font-size:24px;font-weight:750;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.modal .access-digit:active{background:#e9f8f0;border-color:#78d9a7;transform:scale(.96)}
.modal .access-digit:focus-visible{outline:3px solid rgba(32,199,122,.35);outline-offset:3px}

@media(max-width:360px){.modal .access-code-wrap{gap:4px;padding-left:4px;padding-right:4px}.modal .access-prefix,.modal .access-separator{font-size:20px}.modal .access-digits{gap:5px}.modal .access-digit{width:32px;height:62px;font-size:22px}}

.screen-mine .employment-status{font-size:14px;font-weight:700;color:var(--green2)}