/**
 * Photon Grid base styles — row-group 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 rowGroupCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Checkbox \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.pg-checkbox {\n  width: var(--pg-sizing-checkbox-size, 16px);\n  height: var(--pg-sizing-checkbox-size, 16px);\n  accent-color: var(--pg-colors-primary, #2563eb);\n  cursor: pointer;\n  flex-shrink: 0;\n}\n\n/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Row Group \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n/* Inner layout cell \u2014 carries level-based left padding */\n.pg-row-group__cell {\n  display: flex;\n  align-items: center;\n  gap: var(--pg-group-row-gap, 6px);\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  padding-right: var(--pg-group-row-padding-right, 16px);\n}\n\n/* Level-based indentation (data-level set by the renderer, no inline style) */\n.pg-row--group[data-level=\"0\"] .pg-row-group__cell { padding-left: var(--pg-group-indent-0, 8px); }\n.pg-row--group[data-level=\"1\"] .pg-row-group__cell { padding-left: var(--pg-group-indent-1, 28px); }\n.pg-row--group[data-level=\"2\"] .pg-row-group__cell { padding-left: var(--pg-group-indent-2, 48px); }\n.pg-row--group[data-level=\"3\"] .pg-row-group__cell { padding-left: var(--pg-group-indent-3, 68px); }\n.pg-row--group[data-level=\"4\"] .pg-row-group__cell { padding-left: var(--pg-group-indent-4, 88px); }\n.pg-row--group[data-level=\"5\"] .pg-row-group__cell { padding-left: var(--pg-group-indent-5, 108px); }\n\n/* Toggle button \u2014 a themed wrapper, not the raw icon element */\n.pg-row-group__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  background: transparent;\n  transition:\n    background var(--pg-transitions-duration-fast, 100ms),\n    color var(--pg-transitions-duration-fast, 100ms);\n}\n\n.pg-row-group__label {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--pg-colors-group-row-text, inherit);\n}\n\n.pg-row-group__count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: var(--pg-group-count-min-width, 24px);\n  padding: var(--pg-group-count-padding, 1px 8px);\n  border-radius: var(--pg-borders-radius-pill, 9999px);\n  background: var(--pg-colors-badge-background, #dbeafe);\n  color: var(--pg-colors-badge-text, #1e40af);\n  font-size: var(--pg-typography-font-size-xs, 11px);\n  font-weight: var(--pg-typography-font-weight-semi-bold, 600);\n  flex-shrink: 0;\n  letter-spacing: 0.02em;\n}\n\n";
//# sourceMappingURL=row-group.css.d.ts.map