/* /layout/wide.css — site-wide "wide mode" (v2)
   Правый отступ теперь равен левому (относительно главного меню).
*/

:root{
  --sidebar-w: 220px;   /* фактическая ширина левого меню */
  --page-pad: 24px;     /* внутренний отступ от контента до меню/края */
  --page-max: 1920px;   /* максимум ширины контента, при желании измените */
}

/* На широких экранах убираем искусственные max-width у частых контейнеров */
@media (min-width: 1280px){
  .app-content,
  .content, .content-inner,
  .container, .container-fluid,
  .page, .page-inner, .page-content,
  .main, .main-inner, main {
    max-width: none !important;
    width: auto !important;
  }

  /* Симметричные поля: слева = меню + паддинг, справа = то же самое */
  .app-content,
  .content, .content-inner,
  .container, .page, .page-inner, .page-content,
  .main, .main-inner, main {
    margin-left: calc(var(--sidebar-w) + var(--page-pad)) !important;
    margin-right: calc(var(--sidebar-w) + var(--page-pad)) !important;
  }

  /* Также расширим локальные блоки, у которых был max-width */
  .table-wrap, .card, .panel, .block, .section, .parts-app .table-wrap {
    max-width: none !important;
  }
}

/* На сверхшироких мониторах оставляем ту же симметрию; при желании ограничьте ширину */
@media (min-width: 1921px){
  /* можно добавить явный max-width для ряда страниц, если потребуется */
}