/* Navigation stays in the document flow on phones and tablets. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1);--motion-fast:160ms;--motion-panel:300ms}
.sidebar-content{display:flex;flex-direction:column;min-height:0;flex:1;width:100%}
.dashboard-active .dashboard-sidebar{transition:width var(--motion-panel) var(--motion-ease),padding var(--motion-panel) var(--motion-ease)}
.dashboard-active .site-header,.dashboard-active .site-footer{transition:margin-left var(--motion-panel) var(--motion-ease)}
.dashboard-active .page-shell{transition:margin-left var(--motion-panel) var(--motion-ease),width var(--motion-panel) var(--motion-ease),left var(--motion-panel) var(--motion-ease)}
.sidebar-brand>div,.dashboard-sidebar nav button>span,.sidebar-bottom>div{transition:opacity 170ms ease,max-width var(--motion-panel) var(--motion-ease);max-width:190px}
.sidebar-collapsed .sidebar-brand>div,.sidebar-collapsed .dashboard-sidebar nav button>span,.sidebar-collapsed .sidebar-bottom>div{display:block;opacity:0;max-width:0;overflow:hidden;white-space:nowrap}
.sidebar-collapsed .sidebar-brand{gap:0}.sidebar-collapsed .dashboard-sidebar nav button{gap:0}
.dashboard-sidebar nav{position:relative}.dashboard-sidebar nav button,.sidebar-request-group>summary{position:relative;z-index:1;isolation:isolate;transition:color var(--motion-fast),background var(--motion-fast),box-shadow var(--motion-fast)}
.dashboard-sidebar nav button[aria-current=page]{background:transparent!important;box-shadow:none!important}
.nav-selection{position:absolute;top:0;left:0;background:#e9edfc;border:1px solid #dce3fa;border-radius:7px;pointer-events:none;opacity:0;transition:transform 260ms var(--motion-ease),width 260ms var(--motion-ease),height 260ms var(--motion-ease),opacity var(--motion-fast)}
.sidebar-request-group[data-active-section]:not([open])>summary{color:#3349b8}
.sidebar-request-group>summary .nav-chevron{transition:transform 220ms var(--motion-ease)}.sidebar-request-group[data-expanding=false]>summary .nav-chevron{transform:rotate(-90deg)}.sidebar-request-group[data-expanding=true]>summary .nav-chevron{transform:rotate(0)}
#sidebarToggle svg{transition:transform 260ms var(--motion-ease)}#sidebarToggle[aria-expanded=false] svg{transform:rotate(180deg)}
.dashboard-active button:not(:disabled){transition:background-color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast),color var(--motion-fast)}
.dashboard-active .dashboard-stat{transition:transform 200ms var(--motion-ease),box-shadow 200ms,border-color 200ms}
.dashboard-active .row-open svg{transition:transform 180ms var(--motion-ease)}
.dashboard-active input,.dashboard-active select,.dashboard-active textarea{transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}
.dashboard-active input:focus,.dashboard-active select:focus,.dashboard-active textarea:focus{border-color:#7f91da;box-shadow:0 0 0 3px #3349b812}
.dashboard-active button:focus-visible,.sidebar-request-group>summary:focus-visible{outline:2px solid #5268c5;outline-offset:3px}
.dashboard-active button:active:not(:disabled){transform:scale(.985)}.dashboard-active .employee-request-row:active,.dashboard-active .submission-row:active{transform:none;background:#edf2ff}
@media(hover:hover) and (pointer:fine){
 .dashboard-active .track-btn:hover:not(:disabled),.dashboard-active .secondary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #1c356015}
 .dashboard-active .dashboard-stat:hover{transform:translateY(-3px);box-shadow:0 8px 20px #223b7610}
 .dashboard-sidebar nav button:hover:not([aria-current=page]),.sidebar-request-group>summary:hover{background:#eef1f8}
 .dashboard-sidebar nav button:hover svg{color:#3349b8;transform:translateY(-1px)}.dashboard-sidebar svg{transition:color var(--motion-fast),transform var(--motion-fast)}
 .employee-request-row:hover .row-open svg,.submission-row:hover .row-open svg{transform:translateX(2px)}
 .chart-legend button:hover{background:#f1f4fc}.request-add-row:hover{box-shadow:inset 0 0 0 1px #c3d1f3}
}
.dashboard-active .stage-bar-track i{transform-origin:left center;animation:stage-reveal 650ms var(--motion-ease) both}.dashboard-active .stage-bar-row:nth-child(2) i{animation-delay:35ms}.dashboard-active .stage-bar-row:nth-child(3) i{animation-delay:70ms}.dashboard-active .stage-bar-row:nth-child(4) i{animation-delay:105ms}.dashboard-active .stage-bar-row:nth-child(5) i{animation-delay:140ms}.dashboard-active .stage-bar-row:nth-child(6) i{animation-delay:175ms}
.dashboard-active dialog[open]{animation:dialog-reveal 200ms var(--motion-ease)}
@keyframes stage-reveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes dialog-reveal{from{opacity:.3;translate:0 6px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){
 .dashboard-active{--sidebar-width:0px}.dashboard-active .top-stripe{order:0}.dashboard-active .site-header{order:1}.dashboard-active .dashboard-sidebar{order:2}.dashboard-active .page-shell{order:3}.dashboard-active .site-footer{order:4}
 .dashboard-active .dashboard-sidebar{display:grid;position:relative;inset:auto;width:100%;padding:0;grid-template-rows:0fr;opacity:0;visibility:hidden;border:0;background:#f8f9fd;overflow:hidden;z-index:2;transition:grid-template-rows var(--motion-panel) var(--motion-ease),opacity 180ms ease,visibility var(--motion-panel)}
 .dashboard-active.mobile-nav-open .dashboard-sidebar{grid-template-rows:1fr;opacity:1;visibility:visible;border-bottom:1px solid #dfe5ef}
 .dashboard-sidebar .sidebar-content{overflow:hidden;min-height:0;width:100%;display:flex;flex-direction:column;flex:none}
 .dashboard-sidebar .sidebar-brand{display:none}.dashboard-sidebar nav{flex:none;padding:12px 20px 4px;width:min(760px,100%);margin-inline:auto}
 .dashboard-sidebar .nav-section-label{margin:8px 10px}.dashboard-sidebar nav button,.sidebar-request-group>summary{min-height:44px}
 .dashboard-sidebar .sidebar-utilities{margin-top:10px}.dashboard-sidebar .sidebar-utilities .nav-section-label{display:none}
 .dashboard-sidebar .sidebar-bottom{margin:8px auto 16px;width:calc(100% - 40px);max-width:720px;padding:10px;border-radius:7px;flex-shrink:0}
 .dashboard-active .site-header,.dashboard-active .site-footer,.dashboard-active .page-shell{margin-left:0;left:auto;transition:none}.dashboard-active .page-shell{margin-inline:20px;width:calc(100% - 40px)}
}
@media(max-width:600px){.dashboard-active .page-shell{margin-inline:14px;width:calc(100% - 28px)}.dashboard-sidebar nav{padding-inline:14px}.dashboard-sidebar .sidebar-bottom{width:calc(100% - 28px)}.dashboard-sidebar nav button,.sidebar-request-group>summary{font-size:13px}.dashboard-sidebar .sidebar-subnav button{min-height:44px;font-size:12px}.dashboard-active .header-inner{min-height:68px}}
@media(prefers-reduced-motion:reduce){
 .dashboard-active *,.dashboard-active *::before,.dashboard-active *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .dashboard-active button:active:not(:disabled),.dashboard-active .dashboard-stat:hover,.dashboard-active .track-btn:hover,.dashboard-active .secondary-btn:hover{transform:none}
}