/** * Photon Grid base styles — root 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 rootCss = "\n/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Root \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n/* Per-grid portal host: the -level element that overlays (context menus,\n dropdown panels, the column chooser, toasts, drag ghosts) are appended into so\n they resolve the theme of the grid that opened them rather than the shared\n document root. See theme/overlay-portal.ts.\n\n `display: contents` is load-bearing, not cosmetic: the host must carry the\n scope id, mode and variant for CSS matching while generating no box at all.\n With no box it adds no layout, establishes no containing block \u2014 so a\n `position: fixed` overlay inside still resolves against the viewport \u2014 and\n cannot clip its children. Custom properties and `color-scheme` still inherit\n through it, because inheritance follows the element tree, not the box tree. */\n.pg-portal-host { display: contents; }\n\n.pg-grid {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n overflow: hidden;\n border: 1px solid var(--pg-colors-border, #e2e8f0);\n border-radius: var(--pg-borders-radius-md, 6px);\n background: var(--pg-colors-row-background, #fff);\n color: var(--pg-colors-text-primary, #0f172a);\n font-family: var(--pg-typography-font-family, \"Inter\", system-ui, sans-serif);\n font-size: var(--pg-typography-font-size-md, 0.8rem);\n text-fit: width; \n font-weight: var(--pg-typography-font-weight-regular, 400);\n box-sizing: border-box;\n position: relative;\n --pg-scroll-x: 0px;\n --pg-scroll-y: 0px;\n --pg-row-origin-y: 0px;\n --pg-row-offset-y: 0px;\n --pg-content-height: 0px;\n --pg-center-content-width: 0px;\n --pg-left-panel-width: auto;\n --pg-right-panel-width: auto;\n /* Height of the band currently occupied by sticky rows (Master/Detail or\n Tree Data ancestors) \u2014 published per frame by GridRenderer.performRender,\n 0 when nothing is stuck. Bounds the sticky layer's pinned-edge shadow;\n see master-detail.css.ts. */\n --pg-sticky-block-height: 0px;\n --pg-header-row-height: 44px;\n --pg-filter-row-height: 36px;\n}\n.pg-grid *, .pg-grid *::before, .pg-grid *::after { box-sizing: border-box; }\n\n/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Outer flex-row / main flex-col wrappers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.pg-grid-outer {\n display: flex;\n flex-direction: row;\n flex: 1 1 0;\n min-height: 0;\n overflow: hidden;\n}\n.pg-grid-main {\n display: flex;\n flex-direction: column;\n flex: 1 1 0;\n min-height: 0;\n min-width: 0;\n overflow: hidden;\n position: relative;\n}\n\n"; //# sourceMappingURL=root.css.d.ts.map