/* Palette sampled from the supplied kykitologo.png; print documents keep their own CSS. */
:root{--brand-blue:#2e369d;--brand-blue-dark:#222979;--brand-orange:#f46700;--brand-gray:#8f8585;--surface:#fff;--background:#f5f6fa;--border:#dce0e9;--text:#202839;--muted:#657083;--danger:#ac2936;--warning:#875e13;--success:#246551;--ink:var(--text);--line:var(--border);--accent:var(--brand-blue);--bg:var(--background);--nav:#202653}
.app-sidebar{width:236px;padding:22px 12px 10px;z-index:60;overflow:hidden}
.app-sidebar .brand{flex:none;padding:0 12px 12px;display:flex;align-items:flex-start;flex-direction:column;gap:5px;font-size:16px}
.app-sidebar .brand img{width:172px;height:auto;background:white;border-radius:4px;padding:5px}
.app-sidebar .brand small{display:block;margin:0;font-size:11px;color:#c2c8de}
.app-sidebar nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0;scrollbar-width:thin;scrollbar-color:#727ba7 transparent}
.nav-group{margin:6px 0 14px}.nav-group .navlabel{display:block;padding:8px 12px 4px;margin:0;font-size:11px;color:#bcc4df;font-weight:400}
.app-sidebar .nav-group a{display:flex;align-items:center;position:relative;color:#e1e5f1;min-height:44px;padding:10px 12px 10px 16px;border-radius:5px;line-height:24px;font-size:15px}
.nav-group a:hover{background:#343c71;text-decoration:none;color:white}.nav-group a.active{background:#414c88;color:white;font-weight:700}
.nav-group a.active:before{content:'';position:absolute;left:0;top:9px;bottom:9px;width:3px;background:var(--brand-orange);border-radius:2px}
.app-sidebar .phase{flex:none;font-size:10px;padding:9px 8px;color:#bcc4df}
.workspace{margin-left:236px;min-width:0}.app-topbar{min-height:76px;padding:14px 28px;gap:14px}.company-switch select{background:#f6f7fc}.topbar-clock{margin-left:auto;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.identity{margin-left:auto}
main{width:100%;max-width:none;padding:28px;min-width:0}.mobile-brand,.drawer-close,.nav-backdrop,.menu-toggle{display:none}
.skip-link{position:fixed;left:250px;top:-100px;background:white;padding:10px;z-index:100}.skip-link:focus{top:8px}
a:focus-visible,button:focus-visible{outline:3px solid #b8bfff;outline-offset:3px}input:focus,select:focus,textarea:focus{outline-color:#7983cf}
@media(max-width:1023px) and (min-width:651px){.workspace{margin:0}.app-topbar{padding:12px 20px;gap:12px;flex-wrap:wrap}main{padding:24px 20px}.mobile-brand{display:flex;align-items:center;gap:10px;flex:none}.mobile-brand img{width:96px;height:auto}.menu-toggle{display:block;min-width:44px;min-height:44px;padding:6px;font-size:22px}.company-switch{flex:1;min-width:230px;justify-content:flex-end}.work-search-topbar{flex:1 1 280px;min-width:240px}.topbar-clock{display:none}.identity{width:100%;justify-content:flex-end}.skip-link{left:10px}}
@media(max-width:1023px){
 .workspace{margin:0}.app-sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,88vw);padding:18px 12px 10px;transform:translateX(-100%);visibility:hidden;transition:transform .16s;z-index:80;height:100dvh}
 .app-sidebar nav{display:block;overflow-y:auto;margin:0}.app-sidebar .brand{padding-right:48px}.app-sidebar .brand img{width:148px}.app-sidebar .navlabel{display:block}.app-sidebar .phase{display:block}
 .drawer-open .app-sidebar{transform:none;visibility:visible}.drawer-open{overflow:hidden}.drawer-close{display:block;position:absolute;right:10px;top:18px;padding:8px;font-size:12px;min-height:44px}
 .nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:70;background:rgba(15,20,40,.48);border:0;border-radius:0;padding:0}
 .mobile-brand{display:flex;align-items:center;gap:10px}.mobile-brand img{width:96px;height:auto}.menu-toggle{display:block;min-width:44px;min-height:44px;padding:6px;font-size:22px}
}
@media(max-width:650px){
 .app-topbar{padding:10px 14px;gap:8px;align-items:center;flex-wrap:wrap}.company-switch{flex:1;justify-content:flex-end;gap:6px}.company-switch label{display:block;width:100%;text-align:right;font-size:10px}.company-switch select{width:145px;max-width:calc(100% - 60px);padding:8px;font-size:12px}.company-switch button{padding:8px;min-height:44px;font-size:12px}.topbar-clock{display:none}.identity{width:100%;font-size:11px}.identity .link{min-height:32px}
 main{padding:20px 14px}.skip-link{left:10px}
}
@media(prefers-reduced-motion:reduce){.app-sidebar{transition:none}}
@media print{.app-sidebar,.app-topbar,.nav-backdrop,.mobile-brand,.skip-link{display:none!important}.workspace{margin:0}}

@media(min-width:1024px){.app-topbar .topbar-clock+.identity{margin-left:0}}