.crm-nav{flex-shrink:0}
.nav .crm-root{width:100%;text-align:left;min-height:35px}
.crm-chevron{margin-left:auto;width:13px!important;height:13px!important;opacity:.65;transition:transform .2s var(--ease),opacity .2s}
.crm-root[aria-expanded=true]>.crm-chevron,.crm-pipelines-toggle[aria-expanded=true]>.crm-chevron{transform:rotate(180deg);opacity:1}
.crm-root[aria-current]::after{display:none}
.crm-active>.crm-root{color:var(--nav-selected);background:var(--nav-active);box-shadow:inset 2px 0 var(--side-accent)}
.crm-tree{position:relative;margin:4px 0 5px 20px;padding-left:9px;border-left:1px solid var(--side-line)}
.crm-tree:not([hidden]){animation:crm-branch-in .18s var(--ease)}
.crm-nav-item{display:flex;align-items:center;gap:8px;width:100%;min-height:35px;padding:8px;border-radius:7px;color:var(--nav-ink);text-align:left;font-size:11px;line-height:1.4;cursor:pointer}
.crm-nav-item>.icon{width:15px;height:15px;flex-shrink:0}
.crm-nav-item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.crm-nav-item:hover,.crm-nav-item[aria-current=page]{background:var(--nav-active);color:var(--nav-selected)}
.crm-nav-item[aria-current=page]{font-weight:600}
.crm-branch-active{color:var(--nav-selected)}
.crm-pipeline-tree{margin-left:15px;padding-left:7px}
.crm-pipeline-tree .crm-nav-item{font-size:11px}
.crm-nav-divider{height:1px;background:var(--side-line);margin:6px 8px}
.crm-flyout{position:fixed;z-index:45;display:flex;flex-direction:column;width:236px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:7px;background:var(--side);color:var(--nav-ink);border:1px solid var(--side-line);border-radius:12px;box-shadow:0 14px 36px #00000026,0 3px 8px #00000014;animation:crm-menu-in .16s var(--ease);overscroll-behavior:contain}
.crm-flyout-title{padding:7px 10px 10px;font-size:11px;font-weight:500;opacity:.7;flex-shrink:0}
.crm-flyout-items{min-height:0;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}
.crm-flyout .crm-nav-item{min-height:38px;padding:9px 10px;font-size:12px}
.crm-flyout .crm-chevron{transform:none!important}
.crm-flyout .crm-nav-item[aria-current=page]{box-shadow:inset 2px 0 var(--side-accent)}
.crm-flyout :focus-visible,.crm-nav :focus-visible{outline:2px solid var(--side-accent);outline-offset:-2px}
@keyframes crm-menu-in{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}
@keyframes crm-branch-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:701px){.compact-menu .crm-nav>.crm-tree{display:none}.compact-menu .crm-root>.crm-chevron{display:none}.compact-menu .crm-root{justify-content:center}}
@media(min-width:701px) and (max-width:760px){.crm-flyout{width:210px}}
@media(max-width:700px){.crm-tree .crm-nav-item{min-height:40px}.crm-flyout{display:none}}
@media(prefers-reduced-motion:reduce){.crm-flyout,.crm-tree:not([hidden]){animation:none}.crm-chevron{transition:none}}

.crm-flyout-heading{display:flex;align-items:center;gap:8px;padding:0 3px 3px;flex-shrink:0}
.crm-flyout-heading .crm-flyout-title{flex:1;padding:8px 7px}
.crm-pipeline-heading{display:flex;align-items:center;gap:2px;min-width:0}
.crm-pipeline-heading>.crm-pipelines-toggle{flex:1;min-width:0}
.crm-manage-trigger{width:28px;height:28px;flex-shrink:0;color:var(--nav-ink);border-radius:7px;opacity:.75}
.crm-manage-trigger>.icon{width:16px;height:16px}
.crm-manage-trigger:hover,.crm-manage-trigger[aria-expanded=true]{opacity:1;background:var(--nav-active);color:var(--nav-selected)}
.crm-management-popover{position:fixed;z-index:50;display:grid;width:232px;max-width:calc(100vw - 24px);padding:6px;background:var(--side);color:var(--nav-ink);border:1px solid var(--side-line);border-radius:11px;box-shadow:0 12px 32px #00000026;animation:crm-menu-in .16s var(--ease)}
.crm-management-popover button{display:flex;align-items:center;gap:10px;padding:11px 10px;text-align:left;font-size:12px;border-radius:7px;color:inherit}
.crm-management-popover button:hover,.crm-management-popover button:focus-visible{background:var(--nav-active);color:var(--nav-selected)}
.crm-management-popover button:focus-visible{outline:2px solid var(--side-accent);outline-offset:-2px}
.crm-management-popover .icon{width:17px;height:17px;flex-shrink:0}
@media(prefers-reduced-motion:reduce){.crm-management-popover{animation:none}}