.sidebar-nav { gap: 18px; min-height: 0; }
.sidebar-nav-toolbar { position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 6px 12px 10px; background: #fff; color: #8792a8; font-size: 10px; font-weight: 700; }
.sidebar-nav-toolbar button { min-height: 32px; padding: 5px 8px; border: 1px solid #e2e6ef; border-radius: 7px; background: #fff; color: #526183; font: inherit; font-size: 10px; cursor: pointer; }
.sidebar-nav-toolbar button:hover { background: #f5f6fb; border-color: #aab4db; }
.sidebar-nav-toolbar button:focus-visible { outline: 3px solid #8793e8; outline-offset: 2px; }
.sidebar-nav-toolbar [hidden] { display: none; }
.sidebar-section { gap: 3px; }
.sidebar-section-title { padding: 0 14px; margin-bottom: 6px; font-size: 10px; letter-spacing: .1em; color: #8a94a8; }
.sidebar-link { min-height: 39px; padding: 9px 13px; border-radius: 8px; gap: 11px; font-size: 13px; }
.sidebar-link > span { min-width: 0; white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.45; }
.sidebar-link.has-badge > span { white-space: normal; overflow: visible; text-overflow: clip; }
.sidebar-link-icon { width: 18px; height: 18px; flex: 0 0 18px; }
.sidebar-link.is-active { background: #eef0ff; color: #4652ca; box-shadow: inset 3px 0 #5965db; }
.sidebar-link-badge { font-size: 8px; padding: 3px 5px; margin-left: auto; }
.sidebar-tools > summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 13px; color: #6a768e; font-size: 11px; font-weight: 700; cursor: pointer; list-style: none; border-radius: 7px; }
.sidebar-tools > summary > span:first-child { flex: 1; min-width: 0; line-height: 1.5; }
.sidebar-tools > summary > span:last-child { flex-shrink: 0; }
.sidebar-tools:has(.sidebar-link.is-active) > summary { color: #4652ca; background: #f6f7ff; }
.sidebar-tools > summary::-webkit-details-marker { display: none; }
.sidebar-tools > summary > span:last-child { transition: transform .16s; font-size: 15px; }
.sidebar-tools[open] > summary > span:last-child { transform: rotate(180deg); }
.sidebar-tools > summary:hover { background: #f5f6fa; }
.sidebar-tools > summary:focus-visible { outline: 3px solid #8793e8; outline-offset: 2px; }
.sidebar-tools:not([open]) > .sidebar-link { display: none; }
.sidebar-tools[open] > .sidebar-link { display: grid; }
.sidebar-footer { margin-top: 12px; }
.app-nav-toggle { display: none; }
@media (max-width: 1024px) {
    body.has-navigation-js:not(.has-clip-editor-studio):not(.has-express-editor-studio) .app-shell { display: block; padding-top: 77px; }
    .sidebar-nav-toolbar { position: static; flex: 0 0 auto; }
    body.has-navigation-js:not(.has-clip-editor-studio):not(.has-express-editor-studio) .app-shell > .sidebar { position: fixed; inset: 0 0 auto; z-index: 55; display: block; width: 100%; height: auto; padding: 0; overflow: visible; background: #fff; border-bottom: 1px solid #e3e7f0; }
    body.has-navigation-js:not(.has-clip-editor-studio):not(.has-express-editor-studio) .sidebar-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 9px 16px; height: 76px; min-height: 76px; }
    body.has-navigation-js:not(.has-clip-editor-studio):not(.has-express-editor-studio) .sidebar-brand { margin: 0; padding: 0; width: 145px; flex: 0 0 145px; }
    body.has-navigation-js:not(.has-clip-editor-studio):not(.has-express-editor-studio) .app-nav-toggle { display: inline-flex; align-items: center; gap: 9px; min-height: 38px; padding: 8px 12px; border: 1px solid #dfe4ee; border-radius: 8px; background: #fff; color: #46516a; font: inherit; font-size: 12px; font-weight: 650; cursor: pointer; }
    .app-nav-toggle svg { width: 17px; height: 17px; }
    .app-nav-toggle:focus-visible { outline: 3px solid #8793e8; outline-offset: 2px; }
    body.has-navigation-js:not(.has-clip-editor-studio):not(.has-express-editor-studio) .sidebar-nav { display: none; position: absolute; top: 100%; left: 0; width: 100%; max-height: calc(100dvh - 78px); overflow-y: auto; overscroll-behavior: contain; padding: 18px 16px 24px; margin: 0; background: #fff; border-bottom: 1px solid #e1e5ef; box-shadow: 0 16px 26px #17213a16; }
    body.has-navigation-js:not(.has-clip-editor-studio):not(.has-express-editor-studio) .sidebar.is-navigation-open .sidebar-nav { display: flex; flex-direction: column; gap: 16px; }
    body.has-navigation-js:not(.has-clip-editor-studio):not(.has-express-editor-studio) .sidebar-section { display: flex; flex: 0 0 auto; flex-direction: column; gap: 3px; width: 100%; }
    body.has-navigation-js:not(.has-clip-editor-studio):not(.has-express-editor-studio) .sidebar-section-title { display: block; margin: 0 0 5px; padding: 0 12px; }
    body.has-navigation-js:not(.has-clip-editor-studio):not(.has-express-editor-studio) .sidebar-tools { display: block; }
    body.has-navigation-js:not(.has-clip-editor-studio):not(.has-express-editor-studio) .sidebar-link { width: 100%; min-height: 42px; padding: 10px 12px; font-size: 13px; margin: 0; flex: 0 0 auto; }
    body.has-navigation-js:not(.has-clip-editor-studio):not(.has-express-editor-studio) .sidebar-footer { display: none; }
}
@media (prefers-reduced-motion: reduce) { .sidebar-tools > summary > span:last-child { transition: none; } }