/* Shared toolbar inside both the website and LatePoint's native workspace.
   LatePoint resets every nav to display:block; explicitly scope the flex row. */
body nav.stlch-workspace-nav[data-stlch-workspace-nav]{--sl-account-nav-top:0px;box-sizing:border-box;display:flex!important;flex-flow:row nowrap!important;align-items:stretch;justify-content:flex-start;gap:4px;position:sticky;top:var(--sl-account-nav-top);z-index:120;background:var(--sl-account-nav-bg,#fff);border:1px solid var(--sl-account-line,#d7dfd6);border-radius:8px;box-shadow:0 3px 12px #17221c08;margin:0 0 14px;padding:5px;width:100%;max-width:100%;min-width:0;height:auto;float:none;clear:both;overflow:visible}
body nav.stlch-workspace-nav *{box-sizing:border-box;font-family:inherit;text-decoration:none}
body nav.stlch-workspace-nav>.stlch-workspace-nav__items{display:flex!important;flex-flow:row nowrap!important;align-items:stretch;gap:3px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#9cab9c transparent;min-width:0;width:auto;max-width:none;flex:1 1 0%;margin:0;padding:0}
body nav.stlch-workspace-nav :is(a,button){display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;gap:3px;padding:6px 10px;min-width:60px;min-height:52px;width:auto;max-width:none;height:auto;border:0;border-radius:5px;background:var(--sl-account-nav-bg,#fff);color:var(--sl-account-muted,#526056);box-shadow:none;margin:0;font-family:inherit;font-size:12px;line-height:1.1;text-decoration:none;white-space:nowrap}
body nav.stlch-workspace-nav>.stlch-workspace-nav__items>a{width:auto!important;flex:0 0 auto!important;float:none}
body nav.stlch-workspace-nav :is(a,button):hover{background:var(--sl-account-soft,#eff3ec);color:var(--sl-account-ink,#17221c)}
body nav.stlch-workspace-nav a.is-current{background:var(--sl-account-ink,#17221c);color:#fff}
body nav.stlch-workspace-nav a.is-current svg{color:var(--sl-accent,#b9e327)}
body nav.stlch-workspace-nav span{background:none;color:inherit;border:0;padding:0;font-size:12px;font-weight:650;white-space:nowrap;line-height:1.2}
body nav.stlch-workspace-nav svg{display:block;flex-shrink:0;width:19px;height:19px}
body nav.stlch-workspace-nav>.stlch-workspace-nav__logout{display:flex!important;flex:0 0 auto!important;align-items:stretch;flex-flow:row nowrap;margin:0!important;padding:0!important;width:auto!important;min-width:0;max-width:none;border:0;border-left:1px solid var(--sl-account-line,#d7dfd6);background:none;box-shadow:none;float:none}
body nav.stlch-workspace-nav>.stlch-workspace-nav__logout button{color:#a12635;min-width:48px;width:auto!important;cursor:pointer}
body nav.stlch-workspace-nav>.stlch-workspace-nav__back{flex:0 0 auto!important;width:auto!important;border-right:1px solid var(--sl-account-line,#d7dfd6)!important;min-width:48px!important}
body nav.stlch-workspace-nav>.stlch-updates{display:flex;flex:0 0 auto!important;width:auto!important;min-width:0;margin:0;padding:0;align-items:stretch}
body nav.stlch-workspace-nav>.stlch-updates[hidden],body nav.stlch-workspace-nav [hidden]{display:none!important}
body nav.stlch-workspace-nav>.stlch-updates-sr{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0}
body nav.stlch-workspace-nav :focus-visible{outline:2px solid var(--sl-account-focus,#648314);outline-offset:-2px}
@media(max-width:600px){
 body nav.stlch-workspace-nav[data-stlch-workspace-nav]{border-radius:6px;padding:4px 2px;gap:2px}
 body nav.stlch-workspace-nav :is(a,button){min-width:56px;padding:6px 7px;min-height:48px}
 body nav.stlch-workspace-nav>.stlch-workspace-nav__back,body nav.stlch-workspace-nav>.stlch-workspace-nav__logout button{min-width:44px!important;padding-inline:7px}
 body nav.stlch-workspace-nav span{font-size:11px}
}
@media print{body nav.stlch-workspace-nav[data-stlch-workspace-nav]{display:none!important}}
/* Notifications are a utility control, separated from section navigation. */
body nav.stlch-workspace-nav>.stlch-updates{border-left:3px solid #d8d8c7;margin-left:3px;padding-left:5px}
body nav.stlch-workspace-nav>.stlch-updates>.stlch-updates__toggle{background:#fff4d5;color:#775200;border:1px solid #ecd797;border-radius:8px;cursor:pointer}
body nav.stlch-workspace-nav>.stlch-updates>.stlch-updates__toggle:hover,
body nav.stlch-workspace-nav>.stlch-updates>.stlch-updates__toggle[aria-expanded="true"]{background:#ffebad;color:#654500;border-color:#bd9232}
@media(max-width:600px){body nav.stlch-workspace-nav>.stlch-updates{margin-left:1px;padding-left:3px}}
