/* Главное левое меню — заголовки + единый аккордеон + одна активная подсветка. */ nav.scrollbar-auto-hide { --orq-head: oklch(45% 0.17 264); } .dark nav.scrollbar-auto-hide, [data-theme="dark"] nav.scrollbar-auto-hide { --orq-head: oklch(74% 0.15 264); } /* Все секции свёрнуты по умолчанию (до JS) — строго верхний уровень, вложенные подгруппы не трогаем. Gate .orq-acc-on ставит inline-скрипт в и снимает, если полировка не загрузилась (тогда меню остаётся раскрытым — безопасный фолбэк, а не «залипло свёрнутым»). */ .orq-acc-on nav.scrollbar-auto-hide > * > .group\/sidebar-section:not(.orq-managed) + * { max-height: 0; overflow: hidden; opacity: 0; } /* --- Заголовки секций: крупнее, ярче, в цвете, кликабельны --- */ nav.scrollbar-auto-hide .group\/sidebar-section { margin-top: 0.5rem; border-radius: 8px; cursor: pointer; transition: background-color 0.16s ease; } nav.scrollbar-auto-hide .group\/sidebar-section.orq-managed:first-child, nav.scrollbar-auto-hide > :nth-child(2) > .group\/sidebar-section { margin-top: 0.15rem; } nav.scrollbar-auto-hide .group\/sidebar-section.orq-managed:hover { background: color-mix(in oklab, var(--sidebar-accent, oklch(50% 0 0)) 55%, transparent); } nav.scrollbar-auto-hide .orq-sec, nav.scrollbar-auto-hide .group\/sidebar-section .uppercase { font-family: inherit !important; font-size: 12.5px !important; line-height: 1.15 !important; font-weight: 700 !important; letter-spacing: 0.085em !important; text-transform: uppercase !important; color: var(--orq-head) !important; opacity: 1 !important; } /* --- Мой шеврон: всегда виден, яркий/белый, крупнее, поворот при раскрытии --- */ nav.scrollbar-auto-hide .orq-native-hidden { display: none !important; } nav.scrollbar-auto-hide .orq-chev { margin-left: auto; display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; flex: 0 0 18px; border-radius: 5px; color: var(--foreground); opacity: 0.85; transition: transform 0.22s ease, background-color 0.16s ease, opacity 0.16s ease; } nav.scrollbar-auto-hide .orq-chev svg { width: 15px; height: 15px; } nav.scrollbar-auto-hide .group\/sidebar-section.orq-open .orq-chev { transform: rotate(90deg); } nav.scrollbar-auto-hide .group\/sidebar-section:hover .orq-chev { opacity: 1; background: color-mix(in oklab, var(--foreground) 16%, transparent); } /* --- Пункты: чуть мельче заголовков, ровно, ОДНА активная подсветка --- */ nav.scrollbar-auto-hide a.orq-item { font-size: 12px !important; gap: 0.6rem !important; padding-top: 0.34rem !important; padding-bottom: 0.34rem !important; align-items: center !important; border-radius: 7px; } nav.scrollbar-auto-hide a.orq-item > span.shrink-0, nav.scrollbar-auto-hide a.orq-item > span:first-child { flex: 0 0 16px !important; } nav.scrollbar-auto-hide a.orq-item svg { width: 16px !important; height: 16px !important; } nav.scrollbar-auto-hide a.orq-item > span.flex-1 { min-width: 0 !important; } /* Пункт НЕ должен «торчать» за левый край: nav с overflow-y:auto режет по X, и любой отрицательный сдвиг (margin/position/transform) обрезает текст («естр…»). Жёстко сбрасываем сдвиги — инжектированные клоны (Реестр платежей) встают ровно. */ nav.scrollbar-auto-hide a.orq-item { position: static !important; margin-left: 0 !important; margin-right: 0 !important; left: auto !important; right: auto !important; transform: none !important; width: auto !important; max-width: 100% !important; } /* ОДНА активная подсветка (авторитетно): активный пункт — свой фон; у всех остальных фон гасим, но ХОВЕР сохраняем (:not(:hover)). Это убивает и ложную активность родителя /crm на /crm/*, и клоны-инжекторы с чужим bg-accent. */ nav.scrollbar-auto-hide a.orq-item.orq-active { background-color: var(--sidebar-accent, var(--accent)) !important; color: var(--sidebar-accent-foreground, var(--foreground)) !important; } nav.scrollbar-auto-hide a.orq-item.orq-mute:not(:hover) { background-color: transparent !important; } /* «Голые» подписи. */ nav.scrollbar-auto-hide .orq-ghost { display: flex !important; align-items: center !important; font-size: 12px !important; padding: 0.34rem 0.75rem 0.34rem calc(0.75rem + 16px + 0.6rem) !important; color: var(--muted-foreground) !important; }