/* v0.9 employee workspace: SalesDesk-like top tabs, no fixed bottom navigation */
.hrdesk-employee-tabs{display:flex;align-items:stretch;gap:clamp(16px,4vw,30px);width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid #e0e8e7;background:transparent;margin:0 0 18px;padding:0 2px;white-space:nowrap}
.hrdesk-employee-tabs::-webkit-scrollbar{display:none}
.hrdesk-employee-tabs a{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:48px;padding:10px 4px 13px;color:#64748b;text-decoration:none;font-weight:500;font-size:15px}
.hrdesk-employee-tabs a.is-active{color:#0d9488;font-weight:650}
.hrdesk-employee-tabs a.is-active:after{content:'';height:2px;position:absolute;left:0;right:0;bottom:0;border-radius:2px;background:#0d9488}
.hrdesk-employee-tabs a:focus-visible{outline:2px solid #0d9488;outline-offset:-3px}
/* Keep the existing layout; only the footer/shortcut controls are removed. */
.foot,.shortcuts{display:none!important}
/* Original pending status: text only, with clearer clock/wording and no badge */
.note.orange{color:#f97316!important;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:650;font-size:clamp(14px,3.7vw,16px);line-height:1.5}
.hr-wait-clock{height:19px;width:19px;flex:none;display:inline-block;vertical-align:middle;color:#f97316}
/* Same 23px icon box and lightweight outline for site and office buttons. */
.btnicon .hr-icon{width:23px;height:23px;stroke-width:1.65}
@media(max-width:899px){.shell.authenticated{padding-bottom:calc(25px + env(safe-area-inset-bottom,0px))}.hrdesk-employee-tabs{margin:0 0 16px}.hrdesk-employee-tabs a{min-height:48px}}
