/**
 * Photon Grid base styles — context-menu 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 contextMenuCss = "/* \u2500\u2500\u2500 Context menu \u2500\u2500\u2500 */\n.pg-context-menu {\n  position: fixed;\n  z-index: 999999;\n  display: none;\n  min-width: 192px;\n  padding: 4px 0;\n  background: var(--pg-colors-surface, #fff);\n  border: 1px solid var(--pg-colors-border, #e2e8f0);\n  border-radius: var(--pg-borders-radius-md, 6px);\n  box-shadow: var(--pg-shadows-dropdown, 0 8px 24px rgba(0,0,0,0.12), 0 2px 6px rgba(0,0,0,0.07));\n  font-family: var(--pg-typography-font-family, system-ui, sans-serif);\n  font-size: var(--pg-typography-font-size-md, 13px);\n}\n.pg-context-menu--visible { display: block; }\n.pg-context-menu__item {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding: 7px 14px;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  text-align: left;\n  color: var(--pg-colors-text-primary, #0f172a);\n  gap: 0;\n  transition: background 80ms;\n}\n.pg-context-menu__item:hover { background: var(--pg-colors-background-alt, #f1f5f9); }\n.pg-context-menu__item:active { background: var(--pg-colors-border, #e2e8f0); }\n.pg-context-menu__label { flex: 1; }\n.pg-context-menu__kbd {\n  font-size: var(--pg-typography-font-size-sm, 11px);\n  color: var(--pg-colors-text-disabled, #94a3b8);\n  letter-spacing: 0.01em;\n}\n.pg-context-menu__sep {\n  margin: 4px 0;\n  border-top: 1px solid var(--pg-colors-border-ctxt-menu, #e2e8f0);\n  background: var(--pg-colors-border, #e2e8f0);\n}\n\n.pg-cell__inner {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  padding: 0 12px;\n  overflow: hidden;\n}\n.pg-cell__value {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: var(--pg-typography-line-height-base, 1.5);\n}\n.pg-cell--checkbox {\n  width: 44px;\n  min-width: 44px;\n  max-width: 44px;\n  justify-content: center;\n  flex-shrink: 0;\n  border-right: 1px solid var(--pg-colors-border, #e2e8f0);\n}\n.pg-cell--serial {\n  width: 52px;\n  min-width: 52px;\n  max-width: 52px;\n  justify-content: center;\n  flex-shrink: 0;\n  border-right: 1px solid var(--pg-colors-border, #e2e8f0);\n  color: var(--pg-colors-text-secondary, #475569);\n  font-size: var(--pg-typography-font-size-sm, 12px);\n}\n.pg-cell__serial { font-variant-numeric: tabular-nums; }\n/* Dark mode: tint the serial (row-number) column with the header/footer chrome\n   background (which sits above the darker data-row background in dark themes) so\n   the number gutter reads as grid chrome \u2014 matching the header and footer\n   surfaces \u2014 rather than as data. Scoped to dark mode per design; variants that\n   define their own serial-column chrome (e.g. ion) still win via source order. */\n[data-pg-mode=\"dark\"] .pg-cell--serial {\n  background: var(--pg-colors-header-background, var(--pg-colors-footer-background, #1e293b));\n}\n/* \u2500\u2500 Serial column as a row-selection column (opt-in) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   When serialColumnSelection is enabled, the \"#\" cell becomes an AG Grid\u2013style\n   selection handle: mouse-down starts a row drag-selection. The selected-state\n   outline is drawn around the whole row (see rows.css), not on this cell. */\n.pg-cell--serial-select {\n  cursor: pointer;\n  user-select: none;\n}\n.pg-cell--serial-select:hover {\n  background: var(--pg-colors-header-hover, var(--pg-colors-background-alt, #f1f5f9));\n}\n.pg-cell--serial-select:focus-visible {\n  outline: none;\n  box-shadow: inset 0 0 0 2px var(--pg-colors-primary, #2563eb);\n}\n.pg-cell--bool-true { color: var(--pg-colors-success, #16a34a); }\n.pg-cell--bool-false { color: var(--pg-colors-text-disabled, #94a3b8); }\n/* A boolean column renders a real checkbox rather than a tick glyph, so both\n   states are legible: an unchecked box means false, an empty cell means no\n   value at all. It follows the cell's own text alignment via the wrapper. */\n.pg-cell__value--bool {\n  display: inline-flex;\n  align-items: center;\n}\n.pg-cell-checkbox {\n  width: var(--pg-sizing-checkbox-size, 16px);\n  height: var(--pg-sizing-checkbox-size, 16px);\n  margin: 0;\n  accent-color: var(--pg-colors-primary, #2563eb);\n  cursor: pointer;\n  flex-shrink: 0;\n}\n/* Non-editable / locked columns, and grids with editing switched off: the value\n   still reads clearly, but the control is visibly not something to click. */\n.pg-cell-checkbox:disabled {\n  cursor: default;\n  accent-color: var(--pg-colors-text-disabled, #94a3b8);\n  opacity: var(--pg-opacity-disabled, 0.65);\n}\n.pg-cell-checkbox:focus-visible {\n  outline: var(--pg-borders-width-focus, 2px) solid var(--pg-colors-primary, #2563eb);\n  outline-offset: 1px;\n}\n.pg-cell__image { border-radius: var(--pg-borders-radius-sm, 4px); object-fit: cover; }\n.pg-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  border-radius: var(--pg-borders-radius-pill, 9999px);\n  font-size: var(--pg-typography-font-size-xs, 11px);\n  font-weight: var(--pg-typography-font-weight-medium, 500);\n  white-space: nowrap;\n}\n.pg-cell--range-selected { background: var(--pg-colors-selection-background, rgba(37,99,235,0.08)); }\n.pg-cell--editing { padding: 0;border-radius: 4px }\n.pg-cell--editing .pg-cell__inner { padding: 0; overflow: visible; }\n.pg-selection-canvas { position: absolute; top: 0; left: 0; pointer-events: none; z-index: 10; }\n\n";
//# sourceMappingURL=context-menu.css.d.ts.map