/* Navigation-only layer. Uses the platform palette; never styles the login. */
#platformView #sidebar {
  width:240px;height:100dvh;position:fixed;inset:0 auto 0 0;
  display:flex;flex-direction:column;background:var(--app-panel,#fff);
  border-right:1px solid var(--app-border,#DCE6ED);box-shadow:none;
  color:var(--app-text,#1C2B36);overflow:hidden;transition:none;
}
#platformView .workspace {margin-left:240px;min-width:0}
#platformView #sidebar .side-head {
  height:76px;flex:0 0 76px;padding:0 22px;
  border-bottom:1px solid var(--app-border,#DCE6ED);gap:10px;
}
#platformView #sidebar .sidebar-wordmark {
  color:var(--app-text,#1C2B36);font-size:21px;font-weight:500;
  letter-spacing:-.7px;gap:10px;line-height:1;
}
#platformView #sidebar .sidebar-wordmark strong {font-weight:750}
#platformView #sidebar .sidebar-wordmark>span,
#platformView #sidebar .sidebar-wordmark strong {color:var(--app-text,#1C2D3A)}
#platformView #sidebar .sidebar-wordmark svg {stroke:var(--app-primary,#087EA4);width:28px;flex-basis:28px}
#platformView #navigation {flex:1;min-height:0;padding:20px 12px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cedbe3 transparent}
#platformView #navigation section {margin:0 0 22px}
#platformView #navigation section:last-child {margin-bottom:0}
#platformView #navigation label {padding:0 12px 8px;color:var(--app-muted,#617383);font-size:10px;font-weight:650;line-height:16px;letter-spacing:1.25px}
#platformView #navigation a {
  height:42px;min-height:42px;margin:3px 0;padding:0 12px;gap:11px;
  border-radius:7px;border:1px solid transparent;background:transparent;
  color:var(--app-text,#1C2B36);font-size:14px;font-weight:500;
  box-shadow:none;transform:none;transition:background-color .12s,color .12s;
}
#platformView #navigation a>b {color:inherit;font-size:14px;line-height:20px;font-weight:inherit;letter-spacing:0}
#platformView #navigation a>span {color:var(--app-muted,#617383);width:18px;height:18px;flex-basis:18px}
#platformView #navigation a svg {width:18px;height:18px;stroke-width:1.65}
#platformView #navigation a:hover {background:var(--app-page,#F6F9FC);color:var(--app-primary,#087EA4)}
#platformView #navigation a.active {background:var(--app-primary-soft,#E7F6FC);color:var(--app-primary,#087EA4);font-weight:650;border-color:var(--app-border,#DCE6ED)}
#platformView #navigation a.active>span {color:inherit}
#platformView #navigation a.active::before {display:block;content:'';position:absolute;left:-1px;top:11px;bottom:11px;width:3px;border-radius:3px;background:var(--app-primary,#087EA4)}
#platformView #sidebar .side-bottom {flex:none;padding:12px;background:var(--app-panel,#fff);border-top:1px solid var(--app-border,#DCE6ED);gap:2px}
#platformView #sidebar .side-utility {height:38px;font-size:12px;font-weight:500;color:var(--app-muted,#617383);gap:11px;padding:0 12px;border-radius:7px;transform:none}
#platformView #sidebar .side-utility:hover {background:var(--app-page,#F6F9FC);color:var(--app-primary,#087EA4)}
#platformView #sidebar .side-utility svg {width:17px;height:17px;flex-basis:17px;stroke-width:1.65}
#platformView #sidebar :is(a,button):focus-visible {outline:2px solid var(--app-primary,#087EA4);outline-offset:2px}
#platformView #sidebar .nav-close {color:var(--app-muted,#617383);background:transparent}
#platformView.sidebar-collapsed #sidebar {width:72px}
#platformView.sidebar-collapsed .workspace {margin-left:72px}
#platformView.sidebar-collapsed #sidebar .side-head {padding:0;justify-content:center}
#platformView.sidebar-collapsed #navigation {padding:16px 10px}
#platformView.sidebar-collapsed #navigation section+section {border-top:1px solid var(--app-border,#DCE6ED);padding-top:10px}
#platformView.sidebar-collapsed #navigation section {margin-bottom:10px}
#platformView.sidebar-collapsed #navigation a {padding:0;justify-content:center;height:44px}
#platformView.sidebar-collapsed #sidebar .side-bottom {padding:10px}
#platformView.sidebar-collapsed #sidebar .side-utility {justify-content:center;padding:0}
#platformView.sidebar-collapsed #sidebar .side-utility::after {display:none}
.sidebar-tooltip {font-size:12px;line-height:18px;border-radius:6px;box-shadow:none}
@media(max-width:900px) {
  #platformView #sidebar,#platformView.sidebar-collapsed #sidebar {width:min(288px,calc(100vw - 48px));transform:translateX(-100%);visibility:hidden;z-index:100}
  #platformView #sidebar.open {transform:translateX(0);visibility:visible}
  #platformView .workspace,#platformView.sidebar-collapsed .workspace {margin-left:0}
  #platformView.sidebar-collapsed #sidebar .side-head {padding:0 22px;justify-content:space-between}
  #platformView.sidebar-collapsed #sidebar .sidebar-wordmark {gap:10px}
  #platformView.sidebar-collapsed #sidebar .sidebar-wordmark>span,
  #platformView.sidebar-collapsed #navigation label,
  #platformView.sidebar-collapsed #navigation a>b,
  #platformView.sidebar-collapsed #sidebar .side-utility>span {display:block}
  #platformView.sidebar-collapsed #navigation {padding:20px 12px}
  #platformView.sidebar-collapsed #navigation section {margin-bottom:22px;border:0;padding-top:0}
  #platformView #navigation a,#platformView.sidebar-collapsed #navigation a {height:44px;justify-content:flex-start;padding:0 12px}
  #platformView.sidebar-collapsed #sidebar .side-utility {justify-content:flex-start;padding:0 12px}
  #platformView #collapseSidebar {display:none}
  #platformView #closeNav {display:grid;place-items:center;margin-left:auto;width:32px;height:32px;font-size:24px}
  #platformView #navShade {z-index:99}
  body:has(#platformView #sidebar.open) {overflow:hidden}
}
@media(prefers-reduced-motion:reduce) {#platformView #navigation a {transition:none}}
