/* ============================================================
   Левый сайдбар (navigation_bar)
   Варианты: --guest (тёмный, пустой) и кабинетный (светлый, меню)
   ============================================================ */

.sidebar {
  background: var(--c-sidebar);
  padding: var(--sp-6) var(--sp-5);
  font-size: var(--fz-14);
}

/* Гостевой вариант — тёмная пустая колонка на экранах входа */
.sidebar--guest { background: var(--c-sidebar-guest); }

/* Заголовок «Кабинет» */
.sidebar__title {
  font-size: var(--fz-16); font-weight: var(--fw-bold);
  color: var(--c-text-2); margin-bottom: var(--sp-4);
}

/* Меню кабинета */
.sidebar-menu { display: flex; flex-direction: column; gap: 2px; }
.sidebar-menu__item {
  display: flex; align-items: center; gap: var(--sp-3);
  padding: var(--sp-3) var(--sp-3);
  border-radius: var(--r-sm);
  color: var(--c-text);
}
.sidebar-menu__item:hover { background: rgba(37, 99, 214, .08); text-decoration: none; }
.sidebar-menu__item.is-active {
  background: rgba(37, 99, 214, .12); color: var(--c-primary); font-weight: var(--fw-medium);
}
.sidebar-menu__icon { color: var(--c-primary); flex: 0 0 auto; }

/* Блок «Ваш менеджер» */
.manager { margin-top: var(--sp-8); }
.manager__head { color: var(--c-link); font-weight: var(--fw-bold); margin-bottom: var(--sp-3); }
.manager__name { font-weight: var(--fw-bold); color: var(--c-text); }
.manager__role { color: var(--c-text-2); margin-bottom: var(--sp-3); }
.manager__row {
  display: flex; align-items: flex-start; gap: 8px;
  margin-top: var(--sp-2); color: var(--c-text-2);
}
.manager__row-label { color: var(--c-accent); font-weight: var(--fw-bold); }
.manager__icon { color: var(--c-primary); flex: 0 0 auto; margin-top: 2px; }

/* Подложка off-canvas: всегда fixed (вне grid-потока), по умолчанию скрыта */
.sidebar-backdrop {
  position: fixed; inset: var(--header-h) 0 0 0; z-index: 39;
  background: rgba(0,0,0,.4); opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .25s ease;
}
.sidebar-backdrop.is-open { opacity: 1; visibility: visible; pointer-events: auto; }

/* --- Адаптив: off-canvas на планшете/мобиле --- */
@media (max-width: 768px) {
  .sidebar {
    position: fixed; top: var(--header-h); left: 0; bottom: 0;
    width: 280px; z-index: 40;
    transform: translateX(-100%);
    transition: transform .25s ease;
    overflow-y: auto;
    box-shadow: var(--shadow-pop);
  }
  .sidebar.is-open { transform: translateX(0); }
  .sidebar--guest { display: none; } /* на входе тёмная колонка не нужна на мобиле */
}