/*
 * Ручка изменения ширины бокового меню (№83 п.1).
 *
 * Своего у Filament нет: ширина задаётся конфигом панели один раз.
 * Поведение — public/js/neho-sidebar.js, здесь только вид ручки.
 *
 * Обычный CSS, а не Tailwind: своя тема не собирается, класс из
 * несобранной темы молча не применился бы (AGENTS §8).
 *
 * ⚠️ РУЧКА НЕВИДИМА, ПОКА НЕ НУЖНА. Постоянная полоса на границе меню
 * читалась бы как элемент разметки и спорила с рамкой самого меню;
 * подсветка при наведении говорит «меня можно тянуть» ровно в тот
 * момент, когда человек к ней подвёл курсор.
 */
.neho-sidebar-resizer {
    position: absolute;
    top: 0;
    right: -3px;
    bottom: 0;
    z-index: 30;
    width: 6px;
    cursor: col-resize;
    background: transparent;
    transition: background-color 0.15s ease;
}

.neho-sidebar-resizer:hover,
.neho-sidebar-resizer:active {
    background: var(--primary-500, #f59e0b);
}

/*
 * Меню — точка отсчёта для ручки: без этого она позиционировалась бы от
 * окна и уезжала бы при прокрутке страницы.
 */
.fi-main-sidebar {
    position: relative;
}

/* На узком экране меню выезжает поверх страницы — тянуть там нечего. */
@media (max-width: 1023px) {
    .neho-sidebar-resizer {
        display: none;
    }
}

/*
 * Свёрнутое боковое меню (№83, доработка владельца 29.07).
 *
 * Filament помечает РАЗВЁРНУТОЕ меню классом fi-sidebar-open, поэтому
 * свёрнутое состояние — это его отсутствие. Своего признака не заводим:
 * два источника правды разошлись бы при первом же сворачивании из
 * другого места.
 */

/*
 * ⚠️ ВЕНДОРНАЯ СТРЕЛКА В ШАПКЕ СКРЫТА. Она стоит в самом верху, у
 * логотипа — далеко от меню, которым управляет (замечание владельца).
 * Своя стрелка живёт рядом с навигацией, в блоке инструментов; две
 * стрелки для одного действия — это вопрос «а в чём между ними
 * разница».
 */
.fi-topbar-collapse-sidebar-btn-ctn {
    display: none !important;
}

/*
 * ⚠️ ВЕРТИКАЛЬНЫЙ РИТМ В СВЁРНУТОМ МЕНЮ. Заголовки групп там скрыты, но
 * их блоки продолжали занимать место — иконки пунктов оказывались
 * разрежены большими пустотами, и меню выглядело сломанным (скрин
 * владельца). Пустой блок убираем совсем, а границу между группами
 * держит тонкая линия: без неё пункты сливаются в один список.
 */
.fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-btn {
    display: none;
}

.fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group + .fi-sidebar-group {
    margin-top: 0.25rem;
    padding-top: 0.25rem;
    border-top: 1px solid rgba(127, 127, 127, 0.22);
}

.fi-main-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-items {
    row-gap: 0.125rem;
}

/*
 * Ручка изменения ширины в свёрнутом меню не нужна: ширина там своя
 * (--collapsed-sidebar-width), и тянуть её значит менять невидимое.
 */
.fi-main-sidebar:not(.fi-sidebar-open) .neho-sidebar-resizer {
    display: none;
}