/* Тонкое меню кабинета Ромы: в сайдбаре остаётся рабочее пространство и наши кнопки — «AI Workspace» и «Состояние системы». Все донорские разделы прячутся — не удаляются, их страницы живы по прямым адресам, реестр: /opt/roman-cfg/СКРЫТЫЕ-РАЗДЕЛЫ.md Прячем стилем, а не скриптом, чтобы меню не мигало на секунду при загрузке. Цвета кнопки берём из палитры (theme-red.css), а не задаём числом — иначе она выпадала бы из темы при переключении светлой и тёмной. Откат: снять две строки в ui-dist/index.html. */ nav.scrollbar-auto-hide { display: none !important; } #roman-status-btn, .roman-btn { display: flex; align-items: center; gap: 10px; margin: 10px 12px; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--sb-border, rgba(0,0,0,.10)); background: var(--sb-sec-bg, rgba(0,0,0,.02)); color: var(--sb-item, inherit); font-size: 14px; font-weight: 500; text-decoration: none; transition: background .15s ease, border-color .15s ease, color .15s ease; } #roman-status-btn:hover, .roman-btn:hover { background: var(--sb-item-hover-bg, rgba(0,0,0,.05)); border-color: var(--sbm-accent, rgba(0,0,0,.2)); color: var(--sb-item-hover-text, inherit); } .roman-btn .rs-ico { flex: 0 0 auto; color: var(--sbm-accent, currentColor); } .roman-btn .rs-dot { margin-left: auto; width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 3px rgba(34,197,94,.15); } /* Открытый раздел: фрейм лежит в , а позицию и размер получает по прямоугольнику родной колонки контента — так React его не трогает, а меню, шапка и переключатель пространства остаются на своих местах и работают. */ #roman-frame { position: fixed; border: 0; background: var(--sb-bg-top, #fff); z-index: 25; } /* Кнопка открытого раздела подсвечена — видно, где находишься. */ .roman-btn.on { background: var(--sb-sec-bg-on, rgba(200,30,30,.08)); border-color: var(--sbm-accent, rgba(200,30,30,.35)); color: var(--sbm-accent, inherit); font-weight: 600; }