/* Shared payroll/personnel navigation; hidden together with the authenticated app. */
#app>.payroll-side-nav{position:fixed;left:16px;top:112px;width:190px;display:grid;gap:8px;padding:16px 10px;background:#fff;border:1px solid #d7e4dd;border-radius:16px;z-index:8}
.payroll-side-nav .nav-caption{font-size:12px;color:#63796e;padding:4px 10px}
.payroll-side-nav a{display:flex;align-items:center;gap:10px;border-radius:10px;padding:13px 12px;color:#264a3b;text-decoration:none;font-size:15px;font-weight:600;min-width:0}
.payroll-side-nav a:hover{background:#f1f7f3}.payroll-side-nav a[aria-current=page]{background:#e5f3e9;color:#17633e;box-shadow:inset 3px 0 #267b55}
.payroll-side-nav a:focus-visible{outline:3px solid #83b79b;outline-offset:2px}
body #app>.workspace{margin-left:226px!important;margin-right:0!important;width:calc(100% - 226px)!important;max-width:none!important;padding-left:24px!important;padding-right:24px!important;min-width:0}
@media(max-width:900px){#app>.payroll-side-nav{position:static;width:auto;margin:12px 16px;display:flex;padding:5px;border-radius:12px}.payroll-side-nav .nav-caption{display:none}.payroll-side-nav a{flex:1;justify-content:center;padding:11px 8px;font-size:14px}body #app>.workspace{margin:0!important;width:100%!important;padding-left:16px!important;padding-right:16px!important}}
@media print{#app>.payroll-side-nav{display:none!important}body #app>.workspace{margin:0!important;width:100%!important}}