/* 
 * Дополнительные стили для исправления проблем прокрутки в Safari и Chrome
 */

/* Глобальные исправления для всех браузеров */
html, body, #root {
  height: 100% !important;
  position: relative !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: manipulation !important;
}

/* Темная тема для элементов ввода */
.dark-input {
  background-color: #2D3748 !important;
  color: white !important;
  border-color: #4A5568 !important;
}

/* Стили для темной темы */
.chakra-ui-dark {
  background-color: #1A202C !important;
  color: white !important;
}

.chakra-ui-dark .chakra-card {
  background-color: #1A202C !important;
}

.chakra-ui-dark .chakra-card__header {
  background-color: #2D3748 !important;
}

.chakra-ui-dark .chakra-input {
  background-color: #2D3748 !important;
  color: white !important;
  border-color: #4A5568 !important;
}

.chakra-ui-dark .chakra-select {
  background-color: #2D3748 !important;
  color: white !important;
  border-color: #4A5568 !important;
}

.chakra-ui-dark .chakra-textarea {
  background-color: #2D3748 !important;
  color: white !important;
  border-color: #4A5568 !important;
}

.chakra-ui-dark .chakra-modal__content {
  background-color: #1A202C !important;
  color: white !important;
}

.chakra-ui-dark .chakra-modal__header {
  background-color: #2D3748 !important;
  color: white !important;
}

.chakra-ui-dark .chakra-modal__body {
  background-color: #1A202C !important;
  color: white !important;
}

.chakra-ui-dark .chakra-modal__footer {
  background-color: #1A202C !important;
  color: white !important;
}

/* Исправления для таблиц */
.ag-theme-alpine, 
.ag-theme-alpine-dark,
.ag-theme-material,
.MuiDataGrid-root,
.shift-table-container,
.shift-table-scroll-container,
.mui-datagrid-container {
  -webkit-overflow-scrolling: touch !important;
  overflow-scrolling: touch !important;
  touch-action: manipulation !important;
  transform: translate3d(0, 0, 0) !important;
  will-change: transform !important;
  position: relative !important;
}

/* Исправления для прокрутки в таблицах */
.ag-body-viewport,
.ag-center-cols-viewport,
.MuiDataGrid-virtualScroller,
.MuiDataGrid-virtualScrollerContent,
.MuiDataGrid-virtualScrollerRenderZone {
  -webkit-overflow-scrolling: touch !important;
  overflow-scrolling: touch !important;
  touch-action: manipulation !important;
  overflow: auto !important;
  transform: translate3d(0, 0, 0) !important;
  will-change: transform !important;
  position: relative !important;
}

/* Исправления для модальных окон */
.chakra-modal__content {
  position: relative !important;
  transform: translate3d(0, 0, 0) !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
}

/* Исправление для прокрутки в модальных окнах */
.chakra-modal__body {
  -webkit-overflow-scrolling: touch !important;
  overflow-scrolling: touch !important;
  touch-action: manipulation !important;
  overflow: auto !important;
}

/* Глобальные исправления для всех контейнеров с прокруткой */
div[style*="overflow"], 
div[style*="overflow-y"], 
div[style*="overflow-x"],
div[style*="overflow: auto"],
div[style*="overflow-y: auto"],
div[style*="overflow-x: auto"] {
  -webkit-overflow-scrolling: touch !important;
  overflow-scrolling: touch !important;
  touch-action: manipulation !important;
}

/* Скрытие только поля названия вахты */
form [data-field="title"],
form input[name="title"],
form label[for="title"] {
  display: none !important;
}

/* Стили для темного режима */
.dark-input {
  background-color: #2D3748 !important;
  color: white !important;
  border-color: #4A5568 !important;
}

.dark-input:focus {
  border-color: #3182CE !important;
  box-shadow: 0 0 0 1px #3182CE !important;
}

/* Исправление для модальных окон в темном режиме */
.chakra-modal__content {
  background-color: var(--chakra-colors-gray-800) !important;
}