/**
 * Photon Grid base styles — row-drag section.
 *
 * Auto-split from base-styles.ts. Concatenated back (in order) by
 * base-styles.ts; edit here, not there. Order is preserved because CSS
 * cascade depends on it.
 */
export declare const rowDragCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Row Drag \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.pg-grid__body { position: relative; transform: translateZ(10px);}\n\n.pg-row-drag-handle {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 100%;\n  flex-shrink: 0;\n  cursor: grab;\n  opacity: 0.35;\n  color: var(--pg-colors-text-secondary, #475569);\n  margin-right: 8px;\n}\n.pg-row-drag-handle:hover { opacity: 0.7; }\n.pg-row-drag-handle:active { cursor: grabbing; }\n\n/* Positioned by transform rather than left/top: a translation is resolved on the\n * compositor, while left/top dirty layout and paint on every write. RowDragRenderer\n * publishes the cursor position as --pg-ghost-x / --pg-ghost-y (see DragGhost);\n * the chip's own (12px, -50%) offset is composed on top so it is preserved. */\n.pg-row-drag-ghost {\n  position: fixed;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n  z-index: 9999;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 10px;\n  height: var(--pg-drag-ghost-height, 28px);\n  border-radius: var(--pg-borders-radius-sm, 4px);\n  /* border: 1.5px solid var(--pg-colors-primary, #2563eb); */\n  border: 2px solid var(--pg-colors-drag-ghost-border-color, #ddd);\n  background: var(--pg-colors-surface, #fff);\n  color: var(--pg-colors-row-drag-ghost, #2c2c2c);\n  font-size: var(--pg-typography-font-size-sm, 12px);\n  font-weight: 500;\n  box-shadow: 0 6px 24px rgba(37,99,235,0.13), 0 2px 8px rgba(37,99,235,0.12);\n  transform: translate3d(var(--pg-ghost-x, -9999px), var(--pg-ghost-y, -9999px), 0) translate(12px, -50%);\n  will-change: transform;\n  white-space: nowrap;\n  max-width: 240px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.pg-row-drag-ghost__icon { display: inline-flex; align-items: center; opacity: 0.8; }\n.pg-row-drag-ghost__icon--block { display: none; }\n.pg-row-drag-ghost__label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }\n\n.pg-row-drag-ghost--outside {\n  border-color: var(--pg-colors-danger, #ef4444);\n  box-shadow: 0 6px 24px rgba(239,68,68,0.13), 0 2px 8px rgba(239,68,68,0.12);\n  color: var(--pg-colors-danger, #ef4444);\n}\n.pg-row-drag-ghost--outside .pg-row-drag-ghost__icon--drag { display: none; }\n.pg-row-drag-ghost--outside .pg-row-drag-ghost__icon--block { display: inline-flex; }\n\n.pg-row-drop-indicator {\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 2px;\n  background: var(--pg-colors-primary, #2563eb);\n  pointer-events: none;\n  z-index: 100;\n  border-radius: 1px;\n}\n.pg-row-drop-indicator::before {\n  content: '';\n  position: absolute;\n  left: -3px;\n  top: -3px;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--pg-colors-primary, #2563eb);\n}\n\n/* The dragged row: semi-transparent, moves to virtual landing position */\n.pg-row--row-dragging { opacity: 0.4; }\n\n/* During row drag: kill hover/click on all rows; animate top changes.\n   Uses top (not transform) so rows stay within panel overflow:hidden bounds. */\n.pg-grid--row-dragging .pg-row {\n  pointer-events: none;\n  will-change: top;\n  transition: background var(--pg-transitions-duration-fast, 100ms),\n              top 130ms cubic-bezier(0.2, 0, 0, 1);\n}\n\n";
//# sourceMappingURL=row-drag.css.d.ts.map