/* Переключатель активного филиала в шапке сайдбара (Этап 4).
   Морф-дропдаун «воркспейс-карточки»: триггер-строка разворачивается в список ВНУТРИ той же
   карточки (контейнер растёт по высоте/радиусу), без отдельного поповера и БЕЗ теней.
   Сайдбар тёмный → светлый текст; акцент раскрытия — голубая рамка. Триггер сжат в одну строку
   (только название филиала; организация — в шапке раскрытой панели). */

.vetka-bsw { position: relative; margin: 8px 10px 4px; }

/* Морфящаяся поверхность (триггер + раскрытие). Static-карточка (один филиал) — та же поверхность. */
.vetka-bsw__box,
.vetka-bsw--static {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 10px;
    transition: border-color .18s ease, background .18s ease, border-radius .18s ease;
}
.vetka-bsw__box:hover { background: rgba(255, 255, 255, .10); }
.vetka-bsw.is-open .vetka-bsw__box {
    border-color: rgba(143, 182, 255, .55);
    background: rgba(255, 255, 255, .08);
    border-radius: 12px;
}

/* Static (один филиал) — две строки, без интерактива */
.vetka-bsw--static { display: flex; align-items: center; gap: 10px; padding: 7px 9px; color: #eaf1ff; cursor: default; }

/* Триггер — ОДНА строка: плитка + название + шеврон */
.vetka-bsw__trigger {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    background: transparent;
    border: 0;
    border-radius: 10px;
    padding: 7px 9px;
    text-align: left;
    color: #eaf1ff;
    cursor: pointer;
}

.vetka-bsw__tile {
    width: 26px;
    height: 26px;
    border-radius: 7px;
    flex-shrink: 0;
    background: rgba(143, 182, 255, .18);
    color: #9fc0ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

/* copy/org — только для static-карточки (две строки) */
.vetka-bsw__copy { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; flex: 1; }
.vetka-bsw__org { font-size: 10.5px; color: #8aa0c6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* название филиала — основная строка (и в триггере, и в static) */
.vetka-bsw__branch {
    flex: 1;
    font-size: 13px;
    font-weight: 500;
    color: #5b729f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}
.vetka-bsw--static .vetka-bsw__branch { flex: none; }

.vetka-bsw__chev { font-size: 16px; color: #8aa0c6; flex-shrink: 0; transition: transform .18s ease; }
.vetka-bsw.is-open .vetka-bsw__chev { transform: rotate(180deg); }

/* Раскрываемая часть (морф высоты) — в потоке, растёт из карточки. Без box-shadow. */
.vetka-bsw__reveal {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height .2s cubic-bezier(.34, 1.12, .5, 1), opacity .14s ease;
}
.vetka-bsw.is-open .vetka-bsw__reveal { max-height: 320px; opacity: 1; }
.vetka-bsw__reveal-inner { padding: 0 4px 4px; }
.vetka-bsw__menu-head { font-size: 10.5px; text-transform: uppercase; letter-spacing: .04em; color: #8aa0c6; padding: 4px 9px 6px; }

.vetka-bsw__item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    background: transparent;
    border: 0;
    border-radius: 8px;
    padding: 8px 9px;
    cursor: pointer;
    text-align: left;
    color: #9fc0ff;
    font-size: 13px;
    opacity: 0;
    transform: translateY(-4px);
    transition: background .15s ease, opacity .2s ease, transform .2s ease;
}
.vetka-bsw.is-open .vetka-bsw__item { opacity: 1; transform: none; }
.vetka-bsw.is-open .vetka-bsw__item:nth-of-type(1) { transition-delay: 40ms; }
.vetka-bsw.is-open .vetka-bsw__item:nth-of-type(2) { transition-delay: 80ms; }
.vetka-bsw.is-open .vetka-bsw__item:nth-of-type(3) { transition-delay: 120ms; }

.vetka-bsw__item:hover { background: rgba(255, 255, 255, .08); }
.vetka-bsw__item.is-active { background: rgba(143, 182, 255, .16); }
.vetka-bsw__item-icon { font-size: 16px; color: #8aa0c6; flex-shrink: 0; }
.vetka-bsw__item.is-active .vetka-bsw__item-icon { color: #9fc0ff; }
.vetka-bsw__item-name { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vetka-bsw__item.is-active .vetka-bsw__item-name { font-weight: 500; color: #9fc0ff; }
.vetka-bsw__badge { font-size: 10px; color: #9fc0ff; background: rgba(143, 182, 255, .16); padding: 1px 7px; border-radius: 999px; flex-shrink: 0; }
.vetka-bsw__item-check { font-size: 16px; color: #9fc0ff; flex-shrink: 0; }
.vetka-bsw__item.is-loading { opacity: .55; pointer-events: none; }

/* Свёрнутый сайдбар: только плитка-иконка; раскрытие в узком сайдбаре отключаем
   (переключать филиал — развернув сайдбар). */
body.vetka-sidebar-collapsed .vetka-bsw__branch,
body.vetka-sidebar-collapsed .vetka-bsw__org,
body.vetka-sidebar-collapsed .vetka-bsw__chev { display: none; }
body.vetka-sidebar-collapsed .vetka-bsw__trigger,
body.vetka-sidebar-collapsed .vetka-bsw--static { justify-content: center; padding: 7px; }
body.vetka-sidebar-collapsed .vetka-bsw__reveal { display: none; }