/* 员工手机端：参考企业微信移动端的浅蓝标题、白色列表与底部导航。 */
:root{--mobile-blue:#347cf4;--mobile-blue-soft:#dceaff;--mobile-bg:#f7f9fc;--mobile-text:#18212e;--mobile-muted:#8a94a5;--mobile-line:#edf0f4}
body.employee-shell{min-height:100vh;padding-bottom:24px;background:var(--mobile-bg);color:var(--mobile-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
body.employee-shell .top{position:sticky;top:0;z-index:20;min-height:76px;padding:33px 62px 10px!important;background:var(--mobile-blue-soft)!important;color:#101827!important;font-size:18px!important;font-weight:700!important;text-align:center!important;box-shadow:none!important}body.employee-shell .top:before{content:"乐达瑞HR系统";position:absolute;top:8px;left:15px;color:var(--mobile-blue);font-size:13px;font-weight:750;letter-spacing:.2px}body.employee-shell .top:after{content:none!important}body.employee-shell .top .vi{display:none!important}
.employee-language-toggle{display:block!important;position:absolute;z-index:2;right:12px;top:7px;width:auto!important;margin:0!important;padding:5px 8px!important;border:1px solid #90b7f6!important;border-radius:5px!important;background:#fff!important;color:#2868c8!important;font-size:11px!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important;box-shadow:none!important}
body.employee-shell .box{max-width:620px;margin:0 auto!important;padding:14px!important;background:#fff!important}body.employee-shell .box>section,body.employee-shell .employee-page,body.employee-shell #hoursPage>section{margin:0 -14px!important;padding:18px 18px!important;border:0!important;border-bottom:8px solid var(--mobile-bg);background:#fff!important}body.employee-shell #portal{display:block!important}body.employee-shell #portal[hidden]{display:none!important}body.employee-shell h2{margin:0 0 14px!important;color:#18212e!important;font-size:18px!important;font-weight:700!important}body.employee-shell p{color:#7d8797!important;line-height:1.6!important}body.employee-shell input,body.employee-shell textarea,body.employee-shell select{margin:7px 0!important;padding:12px!important;border:1px solid #e5eaf1!important;border-radius:8px!important;background:#f8faff!important;color:#283447!important;box-shadow:none!important}body.employee-shell button:not(.employee-nav button):not(.employee-language-toggle){margin:8px 0!important;padding:12px!important;border:0!important;border-radius:8px!important;background:var(--mobile-blue)!important;color:#fff!important;font-weight:700!important;text-shadow:none!important;box-shadow:none!important}body.employee-shell button.confirmed-button{background:#47a76f!important}body.employee-shell .employee{margin:0 -14px!important;padding:14px 18px!important;border-bottom:1px solid var(--mobile-line)!important;background:#fff!important;color:#27364e!important}body.employee-shell .confirmation-notice{margin:0 -14px 12px!important;border:0!important;border-left:4px solid #5b98f8!important;border-radius:0!important;background:#f1f6ff!important;color:#315e9f!important}body.employee-shell .summary-item,body.employee-shell .payslip-item{border:1px solid #edf0f4!important;border-radius:8px!important;background:#fff!important}body.employee-shell .day{border:1px solid #edf0f4!important;border-radius:8px!important;background:#fff!important}.employee-shell .day.sunday{background:#fff8f7!important}.employee-shell .my-messages,.employee-shell .payslip-result,.employee-shell .onboarding-notice{border-radius:8px!important;background:#f7faff!important}
body.employee-shell .employee-nav{position:sticky!important;z-index:19;top:76px;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin:0 -14px 14px!important;padding:5px 3px 7px!important;background:#fff!important;border-top:1px solid #e8edf3!important;border-bottom:1px solid #e8edf3!important;box-shadow:0 4px 15px #24314512!important}body.employee-shell .employee-nav button{position:relative;min-height:40px!important;margin:0!important;padding:7px 2px!important;border:0!important;border-radius:0!important;background:#fff!important;color:#6f7887!important;font-size:10px!important;font-weight:600!important;line-height:1.15!important;text-shadow:none!important;box-shadow:none!important}body.employee-shell .employee-nav button:before{display:none!important;content:none!important}.employee-shell .employee-nav button.active{transform:none!important;background:#fff!important;color:var(--mobile-blue)!important;box-shadow:none!important}body.employee-shell .employee-nav .vi{display:none!important}
body.employee-shell .vi{display:none!important}body.employee-shell.lang-vi .vi{display:block!important;margin-top:0!important;color:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}body.employee-shell.lang-vi .top:before{content:"Hệ thống HR Ledarui"}body.employee-shell.lang-vi .employee-nav .vi{display:block!important;color:inherit!important;font-size:10px!important}.employee-shell.lang-vi .employee-nav .zh{display:none!important}
@media(min-width:621px){body.employee-shell{background:#eef4fd}body.employee-shell .top{max-width:620px;margin:0 auto;border-radius:0 0 14px 14px}.employee-shell .box{box-shadow:0 5px 20px #20344b10}.employee-shell .employee-nav{width:auto;margin:0 -14px 14px!important;border-radius:0}}