/**
 * Photon Grid base styles — touch / coarse-pointer section.
 *
 * Auto-split style module (see base-styles.ts). Everything here supports touch
 * input:
 *
 *  1. `touch-action` declarations that let the JS pointer handlers own their
 *     gestures instead of the browser's native scroll/zoom. The grid scrolls via
 *     transform (not native overflow), so finger panning is synthesized in
 *     `ScrollController`; `touch-action: none` on the scroll surfaces stops the
 *     browser from hijacking the drag and cancelling the pointer stream.
 *  2. `@media (pointer: coarse)` overrides that grow the resize / drag / fill
 *     handles from mouse-sized (2–6px) targets to finger-sized ones.
 *
 * `touch-action` is intentionally scoped to the header and the cell panel bodies
 * (`.pg-panel__body`) — NOT the whole `.pg-grid__body`. Overlay children that
 * scroll natively (the AI panel, editor dropdowns) are siblings of the panels,
 * so this leaves their native scrolling intact.
 *
 * All colors come from theme tokens; no hardcoded palette values.
 */
export declare const touchCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Touch / coarse pointer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n/* Scroll surfaces: suppress native pan/zoom so JS panning owns the gesture. */\n.pg-grid__header,\n.pg-panel__body { touch-action: none; }\n\n/* Interactive handles own their own drag \u2014 never let a touch on them scroll. */\n.pg-th__resize-handle,\n.pg-th__resize-handle--group,\n[data-row-drag],\n[data-detail-resize-handle],\n.pg-fill-handle { touch-action: none; }\n\n/* Column header \"picked up\" via long-press (touch reorder). */\n.pg-th--drag-armed {\n  background: var(--pg-colors-row-selected, rgba(37, 99, 235, 0.08));\n  cursor: grabbing;\n}\n\n/* \u2500\u2500 Finger-sized hit targets \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Coarse pointers (touch) get enlarged, transparent hit areas; the visible\n   affordance (a thin line / small square) is preserved via ::after or the\n   existing box so the look is unchanged on desktop. */\n@media (pointer: coarse) {\n  /* Column resize handle: a finger needs more than a mouse. One token drives\n     the width, the offset that keeps the line centred, and the right-pinned\n     variant \u2014 they are all derived from it in header.css. The visible line is\n     unchanged; only the grab zone grows. */\n  .pg-th__resize-handle {\n    --pg-sizing-resize-grab-width: 18px;\n  }\n\n  /* Row drag handle: larger and more visible for fingers. */\n  .pg-row-drag-handle {\n    width: 32px;\n    opacity: 0.6;\n  }\n\n  /* Fill handle: grow the corner target so it can be grabbed with a finger. */\n  .pg-fill-handle {\n    width: 14px;\n    height: 14px;\n  }\n\n  /* Master/Detail bottom-edge resize handle: taller grab strip. */\n  [data-detail-resize-handle] {\n    min-height: 16px;\n  }\n}\n";
//# sourceMappingURL=touch.css.d.ts.map