/* base styles for app root */
html, body, #root { height: 100%; margin: 0; padding: 0; }

/* Стили приложения */

/* react-datasheet-grid tweaks */
/* reverted wrap rules to avoid flicker */


/* ReactGrid: перенос строк по словам */
.reactgrid .rg-cell {
  white-space: normal;
  word-break: break-word;
}

/* ReactGrid v4: базовый селектор ячейки переопределяет nowrap — усилим для текстовых ячеек */
.reactgrid-content .rg-pane .rg-cell.rg-text-cell {
  white-space: normal;
  word-break: break-word;
  align-items: flex-start;
}

/* Перенос слов в ячейках заголовков */
.reactgrid-content .rg-pane .rg-cell.rg-header-cell,
.custom-cell.header-cell {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  align-items: flex-start;
}

/* Сдвигаем липкую шапку ReactGrid вверх на 24px, чтобы компенсировать padding у хоста */
.reactgrid .rg-pane-top,
.reactgrid .rg-pane-top.rg-pane-left,
.reactgrid .rg-pane-shadow.shadow-top,
.reactgrid .rg-pane-shadow.shadow-top-left-corner {
  top: -24px !important;
}

/* Контейнеры ReactGrid должны уметь прокручиваться; не ограничиваем высоту ячейками */
.reactgrid-content {
  max-height: unset;
}

/* Если ширина таблицы больше контейнера — показываем горизонтальный скролл */
.reactgrid {
  min-width: 100%;
}

/* Кастомные классы оформления ячеек из UI-настроек */
.custom-cell {
  font-family: Inter, Arial, sans-serif;
  font-size: 14px;
  padding: 4px 6px;
}
.row-even { background: #ffffff; }
.row-odd { background: #fafafa; }