:root {
  --bg-primary: #f7f7f8;
  --bg-sidebar: #ffffff;
  --text-primary: #374151;
  --text-secondary: #6b7280;
  --accent-color: #10a37f;
  --border-color: #e5e7eb;
  --sidebar-width: 260px;
  --sidebar-collapsed: 100px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Segoe UI', system-ui, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}

body {
  background-color: rgb(34, 83, 120);
  margin: 0;
  min-height: 100vh;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.app-container {
  display: flex;
  min-height: 100vh;
}

.content {
  flex: 1;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: stretch; /* Растягиваем содержимое по ширине */
}

.main-content-wrapper {
  width: 100%; /* Растягиваем на всю доступную ширину */
  max-width: calc(100% - var(--sidebar-width)); /* Ограничиваем ширину до слайдбара */
  margin-left: var(--sidebar-width); /* Начинаем после слайдбара */
  display: flex;
  flex-direction: column;
  padding: 0 20px; /* Сохраняем базовый padding */
  padding-right: var(--sidebar-width); /* Добавляем правый отступ, равный ширине слайдбара */
  box-sizing: border-box; /* Учитываем padding */
}

.sidebar.collapsed ~ .content .main-content-wrapper {
  max-width: calc(100% - var(--sidebar-collapsed)); /* Уменьшаем ширину при закрытом слайдбаре */
  margin-left: var(--sidebar-collapsed); /* Смещаем при закрытом слайдбаре */
  padding-right: var(--sidebar-collapsed); /* Уменьшаем правый отступ при закрытом слайдбаре */
}

@media (max-width: 768px) {
  .content {
    width: 100%;
  }

  .main-content-wrapper {
    margin-left: 0; /* Убираем отступ на мобильных */
    max-width: 100%; /* Растягиваем на всю ширину на мобильных */
    padding: 0 10px; /* Восстанавливаем базовый padding на мобильных */
    padding-right: 0; /* Убираем правый отступ на мобильных */
  }
}