/* ✅ МОБИЛЬНАЯ АДАПТАЦИЯ (без изменений sidebar) */
@media screen and (max-width: 768px) {
  /* 🔹 Контейнеры */
  .container,
  .container-fluid,
  .content,
  .main,
  .content-wrapper {
    width: 100% !important;
    padding: 10px !important;
    margin: 0 !important;
    box-sizing: border-box;
  }

  /* 🔹 Формы */
  form input[type="text"],
  form input[type="number"],
  form input[type="date"],
  form select,
  form textarea,
  .form-control {
    width: 100% !important;
    padding: 10px;
    font-size: 16px;
    margin-bottom: 10px;
  }

  /* 🔹 Таблицы */
  .table-responsive,
  table {
    display: block;
    overflow-x: auto;
    width: 100% !important;
  }

  table th,
  table td {
    white-space: nowrap;
    font-size: 14px;
    padding: 8px 12px;
  }

  /* 🔹 Карточки, формы, фильтры */
  .card,
  .filter-panel,
  .client-form-container,
  .operation-form-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 15px;
  }

  /* 🔹 Список меню (если карточки) */
  .menu-list {
    flex-direction: column;
    align-items: center;
  }

  .menu-item {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* 🔹 Flash-сообщения */
  .flash-message {
    max-width: 100% !important;
    width: 90% !important;
  }

  /* 🔹 Уменьшаем отступы у заголовков */
  .sales-header,
  .section-title {
    font-size: 22px;
    padding: 10px;
    margin-bottom: 10px;
  }
}

/* ✅ Скрыть "Добро пожаловать" на мобильных по классу */
@media screen and (max-width: 768px) {
  .welcome {
    display: none !important;
  }
}

/* Кнопка входа/выхода */
.header-user a,
.header-login a {
  font-size: 16px;
  padding: 6px 12px;
}


/* ✅ Адаптация под мобильные */
@media screen and (max-width: 768px) {
  .content,
  .main,
  .content-wrapper {
    margin-left: 70px !important;
    width: calc(100% - 70px) !important;
    margin-top: 80px !important; /* Тот же отступ сверху */
    padding: 10px !important;
    overflow-x: auto;
  }
  /* ✅ Сдвигаем содержимое ниже шапки */
  .content,
  .main,
  .content-wrapper {
    margin-left: 70px; /* Место для боковой панели */
    margin-top: 80px;  /* Отступ сверху, чтобы не залезало под шапку */
    padding: 20px;
    box-sizing: border-box;
  }
  /* Таблицы с горизонтальной прокруткой */
  table,
  .table-responsive {
    display: block;
    width: 100% !important;
    overflow-x: auto;
    white-space: nowrap;
  }
}