/**
 * Photon Grid base styles — group-bar-search 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 groupBarSearchCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Group bar quick-filter search \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.pg-group-search {\n  display: flex;\n  align-items: center;\n  padding: 0 10px;\n  flex-shrink: 0;\n  height: 100%;\n}\n.pg-group-drop-zone--left .pg-group-search,\n.pg-group-drop-zone--right .pg-group-search { display: none; }\n\n/* Field wrapper: position:relative so icon + clear button can overlay the input */\n.pg-group-search__field {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n.pg-group-search__icon {\n  position: absolute;\n  left: 9px;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  color: var(--pg-colors-text-disabled, #94a3b8);\n  pointer-events: none;\n  transition: color 150ms;\n  z-index: 1;\n}\n.pg-group-search__field:focus-within .pg-group-search__icon {\n  color: var(--pg-colors-primary, #2563eb);\n}\n.pg-group-search__input {\n  width: 210px;\n  height: 32px;\n  padding: 0 28px 0 30px;\n  font-size: var(--pg-typography-font-size-sm, 12px);\n  font-family: inherit;\n  color: var(--pg-colors-text-primary, #0f172a);\n  background: var(--pg-colors-surface, #ffffff);\n  border: 1px solid var(--pg-colors-border, #e2e8f0);\n  border-radius: var(--pg-borders-radius-sm, 4px);\n  outline: none;\n  transition: border-color 150ms, box-shadow 150ms;\n  appearance: none;\n}\n.pg-group-search__input::placeholder { color: var(--pg-colors-text-disabled, #94a3b8); }\n.pg-group-search__input:focus {\n  border-color: var(--pg-colors-border-focus, #2563eb);\n  box-shadow: 0 0 0 3px var(--pg-colors-selection-background, rgba(37, 99, 235, 0.12));\n}\n.pg-group-search__clear {\n  position: absolute;\n  right: 6px;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  cursor: pointer;\n  color: var(--pg-colors-text-secondary, #64748b);\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 150ms, background 100ms;\n}\n.pg-group-search__clear--visible {\n  opacity: 0.55;\n  pointer-events: auto;\n}\n.pg-group-search__clear--visible:hover {\n  opacity: 1;\n  background: var(--pg-colors-background-alt, #f1f5f9);\n}\n\n";
//# sourceMappingURL=group-bar-search.css.d.ts.map