@import 'ag-grid-community/styles/ag-grid.css';
@import 'ag-grid-community/styles/ag-theme-alpine.css';

html,
body,
#root {
  min-height: 100%;
  background-color: #c5ddd8;
}

html,
body {
  overscroll-behavior-y: none;
  touch-action: manipulation;
}

html {
  scrollbar-gutter: stable;
}

/* SortableJS: Kategorie-Reorder im Edit-Modus */
.sortable-ghost {
  outline: 2px dashed #2e7d32;
  outline-offset: 2px;
  background-color: rgba(46, 125, 50, 0.12) !important;
}

.sortable-drag {
  opacity: 1 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28);
  cursor: grabbing !important;
  user-select: none !important;
}