/**
 * Photon Grid base styles — filters-tool-panel section.
 *
 * Concatenated (in order) by base-styles.ts; edit here, not there. Order is
 * preserved because CSS cascade depends on it.
 *
 * Every value is a theme variable (with a sensible fallback) so the panel
 * re-themes with the rest of the grid — light, dark, and custom themes — with
 * no inline styles anywhere in the component. The section bodies reuse the
 * shared `.pg-filter-cond-*` / `.pg-filter-set__*` rules from `filter.css.ts`,
 * so the editor UI is styled once and rendered identically here and in the
 * per-column header popup.
 */
export declare const filtersToolPanelCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Filters Tool Panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n/* Shared tools strip \u2014 a dedicated toolbar row pinned to the very top of the\n   grid (mounted as the first child of .pg-grid, above the header). It is split\n   into a left region (toolbar tabs + left-docked search) and a right region\n   (right-docked search + the Filters funnel / Import launchers), so nothing\n   overlaps the column headers underneath. As a normal flow child it\n   participates in the grid's flex-column layout, so the header/body shift down\n   by its height instead of being covered.\n\n   Its height is fixed at 48px (32px launcher + 2\u00D78px padding) so the dropdown\n   panels below (.pg-filters-panel / .pg-import-menu at top:48px) anchor flush\n   beneath it. Keep that arithmetic in sync if the padding changes. */\n.pg-grid__tools {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 8px;\n  background: var(--pg-colors-surface, #ffffff);\n  border-bottom: 1px solid var(--pg-colors-border, #e2e8f0);\n}\n/* Left region \u2014 tab strip + left-docked search, packed from the start. */\n.pg-grid__tools__left {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n/* Right region \u2014 right-docked search + the Filters/Import launchers, packed\n   toward the end. Grows so it always hugs the right edge even when the left\n   region is empty. */\n.pg-grid__tools__right {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  margin-left: auto;\n}\n\n/* Launcher \u2014 a funnel button living in the shared tools bar. position: relative\n   anchors the active-count badge; ordering keeps the funnel left of Import. */\n.pg-filters-launcher {\n  position: relative;\n  order: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  border: 1px solid var(--pg-colors-border, #e2e8f0);\n  border-radius: var(--pg-borders-radius-md, 6px);\n  background: var(--pg-colors-surface, #ffffff);\n  color: var(--pg-colors-text-secondary, #64748b);\n  box-shadow: var(--pg-shadows-sm, 0 1px 2px rgba(15, 23, 42, 0.08));\n  cursor: pointer;\n  transition:\n    background var(--pg-transitions-duration-fast, 100ms) var(--pg-transitions-easing-base, ease),\n    color var(--pg-transitions-duration-fast, 100ms) var(--pg-transitions-easing-base, ease),\n    border-color var(--pg-transitions-duration-fast, 100ms) var(--pg-transitions-easing-base, ease);\n}\n.pg-filters-launcher:hover {\n  background: var(--pg-colors-background-alt, #f1f5f9);\n  color: var(--pg-colors-text-primary, #0f172a);\n}\n.pg-filters-launcher:focus-visible {\n  outline: 2px solid var(--pg-colors-primary, #2563eb);\n  outline-offset: 1px;\n}\n.pg-filters-launcher--has-filters {\n  color: var(--pg-colors-primary, #2563eb);\n  border-color: var(--pg-colors-primary, #2563eb);\n}\n.pg-filters-launcher__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.pg-filters-launcher__icon svg { display: block; }\n\n/* Active-count badge \u2014 a small pill pinned to the launcher's top-right corner. */\n.pg-filters-launcher__badge {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  display: none;\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--pg-borders-radius-pill, 9999px);\n  background: var(--pg-colors-primary, #2563eb);\n  color: var(--pg-colors-primary-text, #ffffff);\n  font-size: var(--pg-typography-font-size-xs, 11px);\n  font-weight: var(--pg-typography-font-weight-semi-bold, 600);\n  line-height: 1;\n}\n.pg-filters-launcher--has-filters .pg-filters-launcher__badge {\n  display: inline-flex;\n}\n\n/* Panel \u2014 a floating dropdown anchored below the launcher, clipped to the grid. */\n.pg-filters-panel {\n  position: absolute;\n  top: 48px;\n  right: 8px;\n  z-index: var(--pg-z-index-filter-panel, 200);\n  width: min(320px, calc(100% - 16px));\n  min-height: min(280px, calc(100% - 64px));\n  max-height: calc(100% - 64px);\n  display: none;\n  flex-direction: column;\n  background: var(--pg-colors-surface, #ffffff);\n  border: 1px solid var(--pg-colors-border, #e2e8f0);\n  border-radius: var(--pg-borders-radius-lg, 10px);\n  box-shadow: var(--pg-shadows-dropdown, 0 16px 48px rgba(15, 23, 42, 0.24));\n  font-family: var(--pg-typography-font-family, system-ui, sans-serif);\n  font-size: var(--pg-typography-font-size-sm, 13px);\n  color: var(--pg-colors-text-primary, #0f172a);\n}\n.pg-filters-panel--open { display: flex; }\n\n/* \u2500\u2500 Header \u2500\u2500 */\n.pg-filters-panel__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 10px 12px;\n  border-bottom: 1px solid var(--pg-colors-border, #e2e8f0);\n}\n.pg-filters-panel__title {\n  font-weight: var(--pg-typography-font-weight-semi-bold, 600);\n  font-size: var(--pg-typography-font-size-md, 14px);\n}\n.pg-filters-panel__close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  padding: 0;\n  border: none;\n  border-radius: var(--pg-borders-radius-sm, 4px);\n  background: transparent;\n  color: var(--pg-colors-text-secondary, #64748b);\n  cursor: pointer;\n  transition: background var(--pg-transitions-duration-fast, 100ms) var(--pg-transitions-easing-base, ease);\n}\n.pg-filters-panel__close:hover {\n  background: var(--pg-colors-background-alt, #f1f5f9);\n  color: var(--pg-colors-text-primary, #0f172a);\n}\n\n/* \u2500\u2500 Body / sections \u2500\u2500 */\n.pg-filters-panel__body {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 8px;\n}\n.pg-filters-panel__empty {\n  padding: 24px 8px;\n  text-align: center;\n  color: var(--pg-colors-text-secondary, #94a3b8);\n}\n.pg-filters-panel__empty--hidden { display: none; }\n.pg-filters-panel__sections {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n/* \u2500\u2500 Section (collapsible active filter) \u2500\u2500 */\n.pg-filters-section {\n  border: 1px solid var(--pg-colors-border, #e2e8f0);\n  border-radius: var(--pg-borders-radius-md, 6px);\n  overflow: hidden;\n}\n.pg-filters-section__header {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  min-height: 34px;\n  padding: 2px 6px;\n  background: var(--pg-colors-background-alt, #f8fafc);\n  cursor: pointer;\n  user-select: none;\n}\n.pg-filters-section__toggle {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n  padding: 0;\n  border: none;\n  background: transparent;\n  color: var(--pg-colors-text-secondary, #64748b);\n  cursor: pointer;\n  border-radius: var(--pg-borders-radius-sm, 4px);\n}\n.pg-filters-section__toggle:hover { color: var(--pg-colors-text-primary, #0f172a); }\n.pg-filters-section__toggle svg { display: block; }\n.pg-filters-section__label {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-weight: var(--pg-typography-font-weight-medium, 500);\n}\n.pg-filters-section__remove {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  height: 22px;\n  flex-shrink: 0;\n  padding: 0;\n  border: none;\n  background: transparent;\n  color: var(--pg-colors-text-secondary, #94a3b8);\n  cursor: pointer;\n  border-radius: var(--pg-borders-radius-sm, 4px);\n  transition: background var(--pg-transitions-duration-fast, 100ms) var(--pg-transitions-easing-base, ease);\n}\n.pg-filters-section__remove:hover {\n  background: var(--pg-colors-danger-soft, rgba(220, 38, 38, 0.12));\n  color: var(--pg-colors-danger, #dc2626);\n}\n.pg-filters-section__remove svg { display: block; }\n\n/* Body is collapsed by default; the editor's own tokens style its contents. */\n.pg-filters-section__body {\n  display: none;\n  border-top: 1px solid var(--pg-colors-border, #e2e8f0);\n}\n.pg-filters-section--expanded .pg-filters-section__body { display: block; }\n\n/* \u2500\u2500 Footer / Add Filter \u2500\u2500 */\n.pg-filters-panel__footer {\n  position: relative;\n  padding: 8px;\n  border-top: 1px solid var(--pg-colors-border, #e2e8f0);\n}\n.pg-filters-panel__add-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  width: 100%;\n  height: 34px;\n  padding: 0 10px;\n  border: 1px dashed var(--pg-colors-border-strong, var(--pg-colors-border, #cbd5e1));\n  border-radius: var(--pg-borders-radius-md, 6px);\n  background: var(--pg-colors-background-alt, #f8fafc);\n  color: var(--pg-colors-primary, #2563eb);\n  font-family: inherit;\n  font-size: var(--pg-typography-font-size-sm, 13px);\n  font-weight: var(--pg-typography-font-weight-medium, 500);\n  cursor: pointer;\n  transition:\n    background var(--pg-transitions-duration-fast, 100ms) var(--pg-transitions-easing-base, ease),\n    border-color var(--pg-transitions-duration-fast, 100ms) var(--pg-transitions-easing-base, ease);\n}\n.pg-filters-panel__add-btn:hover {\n  background: var(--pg-colors-primary-soft, rgba(37, 99, 235, 0.1));\n  border-color: var(--pg-colors-primary, #2563eb);\n}\n.pg-filters-panel__add-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.pg-filters-panel__add-icon svg { display: block; }\n\n/* Column picker \u2014 a popover that fills the panel body between the header and the\n   Add-Filter button. Anchored on all four edges (top below the header, bottom\n   above the footer button) so its height derives from the panel's real edges \u2014\n   never a fixed max-height that could grow past the panel top and clip the\n   search box / first columns. The inner col-list scrolls; the box never does. */\n.pg-filters-panel__add-dropdown {\n  position: absolute;\n  top: 44px;\n  left: 8px;\n  right: 8px;\n  bottom: 50px;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  background: var(--pg-colors-surface, #ffffff);\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 12px 32px rgba(15, 23, 42, 0.18));\n  overflow: hidden;\n}\n.pg-filters-panel__search {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 8px;\n  border-bottom: 1px solid var(--pg-colors-border, #e2e8f0);\n}\n.pg-filters-panel__search-icon {\n  position: absolute;\n  left: 18px;\n  display: inline-flex;\n  color: var(--pg-colors-text-secondary, #94a3b8);\n  pointer-events: none;\n}\n.pg-filters-panel__search-input {\n  width: 100%;\n  padding: 7px 10px 7px 28px;\n  border: 1px solid var(--pg-colors-border, #e2e8f0);\n  border-radius: var(--pg-borders-radius-md, 6px);\n  background: var(--pg-colors-background, #ffffff);\n  color: var(--pg-colors-text-primary, #0f172a);\n  font-family: inherit;\n  font-size: inherit;\n  outline: none;\n  transition:\n    border-color var(--pg-transitions-duration-fast, 100ms) var(--pg-transitions-easing-base, ease),\n    box-shadow var(--pg-transitions-duration-fast, 100ms) var(--pg-transitions-easing-base, ease);\n}\n.pg-filters-panel__search-input:focus {\n  border-color: var(--pg-colors-primary, #2563eb);\n  box-shadow: 0 0 0 2px var(--pg-colors-primary-soft, rgba(37, 99, 235, 0.16));\n}\n.pg-filters-panel__search-input::placeholder {\n  color: var(--pg-colors-text-secondary, #94a3b8);\n}\n.pg-filters-panel__col-list {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 4px;\n}\n.pg-filters-panel__col-item {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  min-height: 30px;\n  padding: 4px 8px;\n  border: none;\n  border-radius: var(--pg-borders-radius-sm, 4px);\n  background: transparent;\n  color: var(--pg-colors-text-primary, #0f172a);\n  font-family: inherit;\n  font-size: inherit;\n  text-align: left;\n  cursor: pointer;\n  transition: background var(--pg-transitions-duration-fast, 100ms) var(--pg-transitions-easing-base, ease);\n}\n.pg-filters-panel__col-item:hover {\n  background: var(--pg-colors-background-alt, #f1f5f9);\n}\n.pg-filters-panel__col-empty {\n  padding: 14px 8px;\n  text-align: center;\n  color: var(--pg-colors-text-secondary, #94a3b8);\n}\n";
//# sourceMappingURL=filters-tool-panel.css.d.ts.map