/* z-mesh UI-доводка (14.2): фирменный индиго + layout панели.
   Подключается ПОСЛЕ tabler.min.css → переопределяет переменные/правила Tabler. */

/* Фирменный цвет: индиго (light/dark). Остальная палитра Tabler не трогается. */
:root,
[data-bs-theme=light] {
  --tblr-primary: #4263eb;
  --tblr-primary-rgb: 66, 99, 235;
}
[data-bs-theme=dark] {
  --tblr-primary: #5c7cfa;
  --tblr-primary-rgb: 92, 124, 250;
}

/* Layout панели: Tabler .page/.page-wrapper рассчитаны на фиксированный сайдбар
   (padding-left / margin-left: 15rem) — сбрасываем и строим свой:
   <992px — drawer (offcanvas-lg, сдвинут за экран, открывается hamburger),
   >=992px — левая колонка 250px (aside статичен). .bd-sidebar сам по себе CSS не имеет. */
.page {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  max-width: 100%;
  border: 0;
}
.page-wrapper {
  flex: 1 1 100%;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
/* Ширина drawer-меню на мобильных (Bootstrap по умолчанию 400px — шире экрана). */
.bd-sidebar {
  --bs-offcanvas-width: 280px;
}
@media (min-width: 992px) {
  .bd-sidebar {
    flex: 0 0 250px;
    width: 250px;
  }
  .page-wrapper {
    flex: 1 1 auto;
    width: auto;
  }
}