/**
 * Photon Grid base styles — toolbar section.
 *
 * Concatenated (in order) by base-styles.ts; edit here, not there. Order is
 * preserved because CSS cascade depends on it.
 *
 * Styles for the configurable top toolbar: the left-aligned tab strip
 * (`.pg-toolbar-tabs`) and the global search input (`.pg-toolbar-search`). The
 * shared strip and its left/right regions (`.pg-grid__tools`,
 * `.pg-grid__tools__left`, `.pg-grid__tools__right`) live in
 * `filters-tool-panel.css.ts` alongside the strip itself.
 *
 * Every value is a theme variable (with a sensible fallback) so the toolbar
 * re-themes with the rest of the grid — light, dark and custom themes — with
 * zero inline styles anywhere in the component.
 */
export declare const toolbarCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Toolbar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n/* \u2500\u2500\u2500 Columns Manager launcher (right region) \u2500\u2500\u2500\n   Square icon button matching the Filters funnel it sits beside, so the two\n   read as one set rather than as two unrelated controls.\n\n   'order: 0' is what places it *ahead* of the funnel. The right region\n   sequences its launchers by order, not by DOM order (funnel 1, Import 2,\n   Theme 3), precisely so each launcher can be mounted whenever its own feature\n   is resolved without the mount sequence dictating the visual one. */\n.pg-columns-launcher {\n  order: 0;\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-columns-launcher:hover {\n  background: var(--pg-colors-background-alt, #f1f5f9);\n  color: var(--pg-colors-text-primary, #0f172a);\n}\n.pg-columns-launcher:focus-visible {\n  outline: 2px solid var(--pg-colors-primary, #2563eb);\n  outline-offset: 1px;\n}\n.pg-columns-launcher__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.pg-columns-launcher__icon svg { display: block; }\n\n/* \u2500\u2500\u2500 Tab strip (left region) \u2500\u2500\u2500 */\n.pg-toolbar-tabs {\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n  padding: 2px;\n  border: 1px solid var(--pg-colors-border, #e2e8f0);\n  border-radius: var(--pg-borders-radius-md, 6px);\n  background: var(--pg-colors-background-alt, #f1f5f9);\n  /* Scroll the strip horizontally when tabs overflow, but hide the scrollbar\n     so it never steals vertical space from the toolbar row. */\n  max-width: 100%;\n  overflow-x: auto;\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* legacy Edge/IE */\n}\n/* WebKit/Blink (Chrome, Safari, modern Edge). */\n.pg-toolbar-tabs::-webkit-scrollbar {\n  display: none;\n}\n\n.pg-toolbar-tab {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  height: 28px;\n  padding: 0 12px;\n  border: none;\n  border-radius: var(--pg-borders-radius-sm, 4px);\n  background: transparent;\n  color: var(--pg-colors-text-secondary, #64748b);\n  font-family: var(--pg-typography-font-family, system-ui, sans-serif);\n  font-size: var(--pg-typography-font-size-sm, 13px);\n  font-weight: var(--pg-typography-font-weight-medium, 500);\n  line-height: 1;\n  white-space: nowrap;\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    box-shadow var(--pg-transitions-duration-fast, 100ms) var(--pg-transitions-easing-base, ease);\n}\n.pg-toolbar-tab:hover:not(.pg-toolbar-tab--active):not(.pg-toolbar-tab--disabled) {\n  color: var(--pg-colors-text-primary, #0f172a);\n  background: var(--pg-colors-surface, #ffffff);\n}\n.pg-toolbar-tab:focus-visible {\n  outline: 2px solid var(--pg-colors-primary, #2563eb);\n  outline-offset: 1px;\n}\n.pg-toolbar-tab--active {\n  color: var(--pg-colors-primary-text, #ffffff);\n  background: var(--pg-colors-primary, #2563eb);\n  box-shadow: var(--pg-shadows-sm, 0 1px 2px rgba(15, 23, 42, 0.08));\n}\n.pg-toolbar-tab--disabled {\n  color: var(--pg-colors-text-disabled, #94a3b8);\n  cursor: not-allowed;\n}\n\n.pg-toolbar-tab__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.pg-toolbar-tab__icon svg { display: block; }\n.pg-toolbar-tab__label { line-height: 1; }\n\n/* Count/text badge trailing the label. Inherits the active tab's contrast. */\n.pg-toolbar-tab__badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 18px;\n  height: 16px;\n  padding: 0 5px;\n  box-sizing: border-box;\n  border-radius: var(--pg-borders-radius-pill, 9999px);\n  background: var(--pg-colors-border, #e2e8f0);\n  color: var(--pg-colors-text-secondary, #64748b);\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-toolbar-tab--active .pg-toolbar-tab__badge {\n  background: var(--pg-colors-primary-text, #ffffff);\n  color: var(--pg-colors-primary, #2563eb);\n}\n\n/* \u2500\u2500\u2500 Global search \u2500\u2500\u2500 */\n.pg-toolbar-search {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n/* Field wrapper: position:relative so the icon + clear button overlay the input. */\n.pg-toolbar-search__field {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n.pg-toolbar-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 var(--pg-transitions-duration-base, 150ms) var(--pg-transitions-easing-base, ease);\n  z-index: 1;\n}\n.pg-toolbar-search__field:focus-within .pg-toolbar-search__icon {\n  color: var(--pg-colors-primary, #2563eb);\n}\n.pg-toolbar-search__input {\n  width: 220px;\n  height: 32px;\n  padding: 0 28px 0 30px;\n  font-size: var(--pg-typography-font-size-sm, 13px);\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-md, 6px);\n  outline: none;\n  transition:\n    border-color var(--pg-transitions-duration-base, 150ms) var(--pg-transitions-easing-base, ease),\n    box-shadow var(--pg-transitions-duration-base, 150ms) var(--pg-transitions-easing-base, ease);\n  appearance: none;\n}\n.pg-toolbar-search__input::placeholder { color: var(--pg-colors-text-disabled, #94a3b8); }\n.pg-toolbar-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-toolbar-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: var(--pg-borders-radius-pill, 9999px);\n  cursor: pointer;\n  color: var(--pg-colors-text-secondary, #64748b);\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    opacity var(--pg-transitions-duration-base, 150ms) var(--pg-transitions-easing-base, ease),\n    background var(--pg-transitions-duration-fast, 100ms) var(--pg-transitions-easing-base, ease);\n}\n.pg-toolbar-search__clear svg { display: block; }\n.pg-toolbar-search__clear--visible {\n  opacity: 0.55;\n  pointer-events: auto;\n}\n.pg-toolbar-search__clear--visible:hover {\n  opacity: 1;\n  background: var(--pg-colors-background-alt, #f1f5f9);\n}\n";
//# sourceMappingURL=toolbar.css.d.ts.map