/**
 * Photon Grid base styles — header 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 headerCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Header rows \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.pg-header-row, .pg-filter-row {\n  display: flex;\n  align-items: stretch;\n}\n.pg-header-row { height: var(--pg-header-row-height, 44px); }\n.pg-filter-row {\n  height: var(--pg-filter-row-height, 36px);\n  border-top: 1px solid var(--pg-colors-border, #e2e8f0);\n  /* Filter row shares the header surface so it reads as one chrome band across\n     every mode/variant. A theme may still override via --pg-colors-filter-background. */\n  background: var(--pg-colors-filter-background, var(--pg-colors-header-background, #f8fafc));\n}\n.pg-th {\n  display: flex;\n  align-items: center;\n  position: relative;\n  flex-shrink: 0;\n  padding: 0;\n  color: var(--pg-colors-header-text, #374151);\n  font-weight: var(--pg-typography-font-weight-semi-bold, 600);\n  font-size: var(--pg-typography-font-size-sm, 12px);\n  letter-spacing: var(--pg-typography-letter-spacing-wide, 0.025em);\n  text-transform: uppercase;\n  border-right: 1px solid var(--pg-colors-header-border, #e2e8f0);\n  user-select: none;\n  cursor: default;\n  transition: background var(--pg-transitions-duration-fast, 100ms);\n  overflow: hidden;\n  min-width: var(--pg-sizing-column-min-width, 40px);\n}\n.pg-th:last-child { border-right: none; }\n.pg-th--sortable { cursor: pointer; }\n// .pg-th:hover, .pg-th.pg-th--sortable:hover { background: var(--pg-colors-header-hover, #f1f5f9); }\n// .pg-th.pg-th--sorted { background: var(--pg-colors-header-hover, #f1f5f9); }\n.pg-th.pg-th--sort-asc .pg-th__sort-icon,\n.pg-th.pg-th--sort-desc .pg-th__sort-icon { color: var(--pg-colors-primary, #2563eb); }\n.pg-th.pg-th--filter-active .pg-th__label { color: var(--pg-colors-primary, #2563eb); }\n.pg-th--checkbox {\n  width: 44px;\n  min-width: 44px;\n  max-width: 44px;\n  justify-content: center;\n  flex-shrink: 0;\n}\n.pg-th--serial {\n  width: 52px;\n  min-width: 52px;\n  max-width: 52px;\n  justify-content: center;\n  flex-shrink: 0;\n}\n.pg-th--auto-group {\n  flex-shrink: 0;\n  background: var(--pg-colors-header-background, #f8fafc);\n  border-right: 1px solid var(--pg-colors-border, #e2e8f0);\n  font-weight: var(--pg-typography-font-weight-semi-bold, 600);\n  font-size: var(--pg-typography-font-size-xs, 11px);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--pg-colors-text-secondary, #64748b);\n}\n.pg-cell--auto-group-spacer {\n  flex-shrink: 0;\n  border-right: 1px solid var(--pg-colors-border, #e2e8f0);\n  background: transparent;\n}\n.pg-th__content {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  flex: 1;\n  min-width: 0;\n  padding: 0 10px 0 12px;\n  height: 100%;\n}\n.pg-th__label {\n  flex: 0 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.pg-th__sort-icon { flex-shrink: 0; opacity: 0; color: var(--pg-colors-text-secondary, #475569); }\n/* Aligned column headers */\n.pg-th--align-right .pg-th__label  { text-align: right; }\n.pg-th--align-center .pg-th__label { text-align: center; }\n.pg-th--align-center .pg-th__content,\n.pg-th--no-group .pg-th__content {\n  // justify-content: center;\n  background: var(--pg-colors-header-background, #f8fafc);\n}\n.pg-th--no-group .pg-th__label {\n  text-align: center;\n}\n/* Reversed header layout for numeric/currency columns: icons LEFT, text RIGHT */\n.pg-th--reverse { flex-direction: row-reverse; }\n.pg-th--reverse .pg-th__content { flex-direction: row-reverse; padding: 0 12px 0 10px; }\n.pg-th--reverse .pg-th__label { flex: 1 1 auto; }\n.pg-th--reverse .pg-th__filter-btn { margin-right: 0; margin-left: 2px; }\n.pg-th--reverse .pg-th__menu-btn { margin-right: 0; margin-left: 4px; }\n.pg-th--sort-asc .pg-th__sort-icon,\n.pg-th--sort-desc .pg-th__sort-icon { opacity: 1; color: var(--pg-colors-primary, #2563eb); }\n/* \u2500\u2500\u2500 Column header filter button \u2500\u2500\u2500 */\n.pg-th__filter-btn {\n  flex-shrink: 0;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  padding: 4px;\n  margin-right: 2px;\n  border-radius: var(--pg-borders-radius-sm, 4px);\n  color: var(--pg-colors-text-secondary, #475569);\n  opacity: 0.7;\n  transition: opacity var(--pg-transitions-duration-fast, 100ms),\n              color var(--pg-transitions-duration-fast, 100ms),\n              background var(--pg-transitions-duration-fast, 100ms);\n}\n.pg-th:hover .pg-th__filter-btn,\n.pg-th__filter-btn--active { display: flex; }\n/* Default mode \u2014 the funnel is permanently visible (HeaderIconDisplay.ALWAYS).\n   Opt out to reveal-on-hover via headerIcons.filter / ColumnDef.filterIconDisplay. */\n.pg-th__filter-btn--always { display: flex; }\n.pg-th__filter-btn:hover { opacity: 1; background: var(--pg-colors-background-alt, #f1f5f9); }\n.pg-th__filter-btn--active {\n  opacity: 1;\n  color: var(--pg-colors-primary, #2563eb);\n}\n.pg-th__filter-icon { flex-shrink: 0; color: var(--pg-colors-primary, #2563eb); }\n.pg-th__menu-btn {\n  flex-shrink: 0;\n  display: none;\n  cursor: pointer;\n  padding: 6px;\n  margin-right: 4px;\n  border-radius: var(--pg-borders-radius-sm, 4px);\n  color: var(--pg-colors-text-secondary, #475569);\n  opacity: 0.6;\n  transition: opacity var(--pg-transitions-duration-fast, 100ms);\n}\n.pg-th:hover .pg-th__menu-btn,\n.pg-th__menu-btn--active { display: flex; }\n/* Default mode \u2014 the \"\u22EF\" button is permanently visible (HeaderIconDisplay.ALWAYS).\n   Opt out to reveal-on-hover via headerIcons.menu / ColumnDef.menuIconDisplay. */\n.pg-th__menu-btn--always { display: flex; }\n.pg-th__menu-btn:hover { opacity: 1; background: var(--pg-colors-background-alt, #f1f5f9); }\n.pg-th__menu-btn--active { opacity: 1;  }\n/* The element is the grab zone; the line is drawn by ::after.\n   Keeping the two separate is what lets the target be comfortable to hit\n   without the divider looking heavier \u2014 a 2px element means a 2px target, and\n   a 2px target is a pixel-hunt with a mouse. Both widths are tokens, and the\n   offset is derived from the grab width so the painted line stays centred on\n   the column boundary at any size. */\n.pg-th__resize-handle {\n  position: absolute;\n  top: 25%;\n  height: 50%;\n  width: var(--pg-sizing-resize-grab-width, 9px);\n  right: calc(var(--pg-sizing-resize-grab-width, 9px) / -2);\n  background: transparent;\n  cursor: ew-resize;\n  z-index: 5;\n  user-select: none;\n  transition: background var(--pg-transitions-duration-fast, 100ms);\n}\n.pg-th__resize-handle::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 50%;\n  width: var(--pg-sizing-resize-line-width, 2px);\n  transform: translateX(-50%);\n  background: var(--pg-colors-resize-handle-color, #d6d6d6);\n}\n/* Right-pinned columns anchor their right edge to the grid border, so the\n   resize handle lives on the inner (left) edge \u2014 the edge free to move. */\n.pg-th--pinned-right .pg-th__resize-handle {\n  right: auto;\n  left: calc(var(--pg-sizing-resize-grab-width, 9px) / -2);\n}\n.pg-th__resize-handle:hover,\n.pg-th.pg-resizing .pg-th__resize-handle,\n.pg-th--resizing .pg-th__resize-handle {\n  // background: var(--pg-colors-resize-handle-active-color, #2563eb);\n}\n\n/* No vertical-borders mode: completely remove the 1px border slot from both headers and cells */\n.pg-grid--no-v-borders .pg-th { border-right: none; }\n.pg-grid--no-v-borders .pg-filter-cell { border-right: none; }\n.pg-grid--no-v-borders .pg-cell { border-right: none; }\n// .pg-grid--no-v-borders .pg-th__resize-handle {\n//   background: var(--pg-colors-resize-handle-color, #e2e8f0);\n// }\n.pg-grid--no-v-borders .pg-th__resize-handle:hover,\n.pg-grid--no-v-borders .pg-th.pg-resizing .pg-th__resize-handle,\n.pg-grid--no-v-borders .pg-th--resizing .pg-th__resize-handle {\n  // background: var(--pg-colors-resize-handle-active-color, #2563eb);\n}\n.pg-th__drag-handle {\n  position: absolute;\n  left: 2px;\n  top: 50%;\n  transform: translateY(-50%);\n  display: none;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 24px;\n  cursor: grab;\n  color: var(--pg-colors-text-secondary, #475569);\n  z-index: 2;\n  border-radius: 3px;\n}\n.pg-th:hover .pg-th__drag-handle { display: flex; opacity: 0.5; }\n.pg-th__drag-handle:hover { opacity: 1 !important; background: var(--pg-colors-background-alt, #f1f5f9); }\n.pg-th--dragging { opacity: 0.72; cursor: grabbing !important; }\n.pg-th__serial-label { font-size: 11px; opacity: 0.45; }\n.pg-header-checkbox { cursor: pointer; width: 16px; height: 16px; }\n\n/* Inline column-header rename input (column menu \u2192 Rename). */\n.pg-th__rename-input {\n  flex: 1 1 auto;\n  min-width: 0;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 2px 6px;\n  margin: 0 4px;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  color: var(--pg-colors-text-primary, #0f172a);\n  background: var(--pg-colors-background, #ffffff);\n  border: 1px solid var(--pg-colors-primary, #2563eb);\n  border-radius: var(--pg-borders-radius-sm, 4px);\n  outline: none;\n  box-shadow: 0 0 0 2px var(--pg-colors-primary-soft, rgba(37, 99, 235, 0.16));\n}\n\n/* Keyboard focus ring for the roving header cell (see HeaderRenderer roving\n   tabindex). :focus-visible keeps the ring keyboard-only so mouse clicks on a\n   header don't paint it. Inset so it never overflows the pinned-panel clip. */\n.pg-th:focus-visible {\n  outline: none;\n  box-shadow: inset 0 0 0 2px var(--pg-colors-primary, #2563eb);\n  z-index: 1;\n}\n\n";
//# sourceMappingURL=header.css.d.ts.map