/**
 * Photon Grid base styles — tree 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 treeCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Tree Data \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   The toggle column's cell gets a marker class ('.pg-cell--tree-toggle-col',\n   applied by applyTreeToggle regardless of whether the row has children \u2014\n   leaves still need to sit indented under their parent), then indentation is\n   purely data-level-driven CSS, the same mechanism '.pg-row--group' already\n   uses (see above) \u2014 no inline styles, no per-instance stylesheet. */\n.pg-cell--tree-toggle-col {\n  display: flex;\n  align-items: center;\n  gap: var(--pg-group-row-gap, 6px);\n  min-width: 0;\n}\n\n.pg-row--tree[data-level=\"0\"] .pg-cell--tree-toggle-col { padding-left: var(--pg-tree-indent-0, 8px); }\n.pg-row--tree[data-level=\"1\"] .pg-cell--tree-toggle-col { padding-left: var(--pg-tree-indent-1, 28px); }\n.pg-row--tree[data-level=\"2\"] .pg-cell--tree-toggle-col { padding-left: var(--pg-tree-indent-2, 48px); }\n.pg-row--tree[data-level=\"3\"] .pg-cell--tree-toggle-col { padding-left: var(--pg-tree-indent-3, 68px); }\n.pg-row--tree[data-level=\"4\"] .pg-cell--tree-toggle-col { padding-left: var(--pg-tree-indent-4, 88px); }\n.pg-row--tree[data-level=\"5\"] .pg-cell--tree-toggle-col { padding-left: var(--pg-tree-indent-5, 108px); }\n.pg-row--tree[data-level=\"6\"] .pg-cell--tree-toggle-col { padding-left: var(--pg-tree-indent-6, 128px); }\n.pg-row--tree[data-level=\"7\"] .pg-cell--tree-toggle-col { padding-left: var(--pg-tree-indent-7, 148px); }\n\n.pg-tree-toggle {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: var(--pg-group-toggle-size, 24px);\n  height: var(--pg-group-toggle-size, 24px);\n  border-radius: var(--pg-borders-radius-sm, 4px);\n  color: var(--pg-colors-text-secondary, #64748b);\n  cursor: pointer;\n  transition:\n    background var(--pg-transitions-duration-fast, 100ms),\n    color var(--pg-transitions-duration-fast, 100ms);\n}\n.pg-tree-toggle:hover {\n  background: var(--pg-colors-row-hover, #f0f7ff);\n  color: var(--pg-colors-text-primary, #1e293b);\n}\n\n/* Reserves the toggle's own footprint on leaf rows (no chevron) so a leaf's\n   content lines up under its parent's content, not under the parent's toggle. */\n.pg-tree-toggle-spacer {\n  display: inline-block;\n  flex-shrink: 0;\n  width: var(--pg-group-toggle-size, 24px);\n  height: var(--pg-group-toggle-size, 24px);\n}\n\n/* A getDataPath filler node \u2014 a synthetic path-prefix row with no real backing record. */\n.pg-row--tree-filler .pg-cell__value {\n  font-style: italic;\n  color: var(--pg-colors-text-secondary, #64748b);\n}\n\n/* Drag-to-reparent drop feedback (3-way before/inside/after \u2014 see RowDragRenderer.setTreeMode) */\n.pg-row--drop-target.pg-row--drop-inside {\n  background: var(--pg-colors-selection-background, rgba(37, 99, 235, 0.1));\n  outline: 2px dashed var(--pg-colors-primary, #2563eb);\n  outline-offset: -2px;\n}\n.pg-row--drop-target.pg-row--drop-before {\n  box-shadow: inset 0 2px 0 0 var(--pg-colors-primary, #2563eb);\n}\n.pg-row--drop-target.pg-row--drop-after {\n  box-shadow: inset 0 -2px 0 0 var(--pg-colors-primary, #2563eb);\n}\n\n";
//# sourceMappingURL=tree.css.d.ts.map