/* HRDesk v0.8: natural document scrolling, compact mobile UI */
:root{scroll-behavior:smooth}html,body{min-height:100%;height:auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}body{background:#f8faf9}.app-frame{min-height:100dvh;height:auto;overflow:visible}.shell{height:auto;overflow:visible}.page-content{overflow:visible;min-width:0}.brandmark,.desktop-brand-icon{background:#0d9488!important;color:#fff!important;font-weight:800}.hr-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.hr-icon.lg{width:23px;height:23px}.navicon .hr-icon,.foot .hr-icon{display:block;margin:auto}.shortcuts .hr-icon{width:24px;height:24px}.btnicon .hr-icon{width:23px;height:23px}.btnicon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-right:7px}.header-admin .hr-icon{width:18px;height:18px}.iconbtn .hr-icon{width:21px;height:21px}.desktop-nav .navicon{display:inline-flex;align-items:center;justify-content:center}.hr-inline-symbol{display:inline-flex;align-items:center;justify-content:center;color:#0d9488}
@media(max-width:899px){
 .shell.authenticated{width:100%;max-width:660px;min-height:100dvh;padding:15px 17px calc(84px + env(safe-area-inset-bottom,0px));box-shadow:none;background:#f8faf9}
 .top{margin-bottom:17px;min-height:53px}.brandmark{width:42px;height:42px;border-radius:12px;font-size:25px}.brand{gap:10px}.brand strong{font-size:19px}.brand small{font-size:11px;margin-top:1px}.welcome{margin-bottom:15px}.welcome h1{font-size:clamp(20px,5vw,25px);line-height:1.25;margin-bottom:5px}.welcome p{font-size:12px}
 .employee-dashboard-grid{display:block}.shift{padding:15px 17px;margin:0 0 15px;border:1px solid #e3eae7;border-radius:13px;background:#fff!important}.shift h2{font-size:25px;margin:7px 0 14px}.shift p{font-size:12px;gap:9px;margin-top:9px;line-height:1.5}.shift .hint{font-size:12px}.attendance{padding:0 0 3px}.attendance>.hint{margin-bottom:5px;font-size:12px}.attendance h3{font-size:17px;margin-bottom:13px}.statusdot{width:11px;height:11px}.btn{min-height:52px;padding:12px 14px;font-size:15px}.or{margin:10px 0}.note{margin-top:9px;font-size:12px}.shortcuts{gap:9px;margin:20px 0 12px}.shortcuts a{min-height:76px;padding:10px 5px;border-radius:12px;background:#fff;gap:7px;font-size:12px}.shortcuts span{font-size:0;display:flex;justify-content:center}.foot{position:fixed;z-index:30;bottom:0;left:0;right:0;margin:0;padding:9px 10px calc(7px + env(safe-area-inset-bottom,0px));border-top:1px solid #e1e9e5;background:#fff;box-shadow:0 -2px 15px #001a1009}.foot a{min-height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px}.foot a span{font-size:0}.foot a.selected{color:#0d9488}.header-admin{display:inline-flex;align-items:center;gap:5px;font-size:12px}.header-admin span{display:inline!important}.headtools{gap:9px}.header-profile{display:none}
}
@media(min-width:900px){.shell.authenticated{overflow:visible}.foot{display:none}}