body {
    font-family: 'Inter', sans-serif;
    font-weight: 400; /* Regular */
    font-style: normal;
    font-size: 14px;
    line-height: 130%; /* эквивалент 1.3 */
    letter-spacing: 0;
    
    background-color: var(--color-gray-bg) !important;
    color: var(--color-black);
    margin: 0;
    min-height: 100vh;
}

main {
    background-color: var(--color-bg); /* Цвет фона для основной части страницы */
    padding: 20px; /* Отступы внутри */
    /* margin: 0px 20px 20px 260px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px; */
    /* box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);  */
    min-height: calc(100vh - 57px); /* Уменьшаем высоту main, учитывая высоту topbar */
}

hr {
    border: 0;
    border-top: 1px solid var(--color-border); /* Горизонтальная линия */
    margin: 16px 0; /* Отступы сверху и снизу */
}

.page-container {
    width: 100%;
    max-width: 1400px;
    gap: 40px;
    margin: 0 auto;
    padding: 0 132px;
    /* overflow-x: auto; */
    box-sizing: border-box;
}

.page-container-deal {
    max-width: 1400px;
    gap: 40px;
    margin: 0;
    padding: 0 20px;
    overflow-x: auto; /* Добавляем горизонтальную прокрутку */
}

ul.messages li.error,
ul.messages li.warning {
  color: red;
  font-weight: bold;
}

@media (max-width: 768px) {
  html, body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .page-container {
    padding: 0 16px;
    margin: 0;
    width: 100%;
    overflow-x: hidden;
  }
}

h2 {
    color: var(--color-type-black); /* или конкретный hex, например #2E90FA */
}