/**
 * Photon Grid base styles — theme-manager section.
 *
 * Concatenated (in order) by base-styles.ts; edit here, not there.
 *
 * Styles for the top-right "Theme" launcher and its dropdown (saved themes +
 * export/import/reset). Every value is a theme variable with a sensible
 * fallback, so the panel re-themes with the grid — including any AI-generated
 * theme applied to it — with zero inline styles.
 */
export declare const themeManagerCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Theme Manager \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n/* Launcher \u2014 a pill in the shared .pg-grid__tools right region. */\n.pg-theme-mgr-launcher {\n  order: 3;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  height: 32px;\n  padding: 0 10px;\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  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  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-theme-mgr-launcher:hover {\n  background: var(--pg-colors-background-alt, #f1f5f9);\n  color: var(--pg-colors-text-primary, #0f172a);\n  border-color: var(--pg-colors-border-strong, #cbd5e1);\n}\n.pg-theme-mgr-launcher:focus-visible {\n  outline: 2px solid var(--pg-colors-primary, #2563eb);\n  outline-offset: 1px;\n}\n.pg-theme-mgr-launcher__icon { display: inline-flex; align-items: center; justify-content: center; }\n.pg-theme-mgr-launcher__icon svg { display: block; }\n.pg-theme-mgr-launcher__label { line-height: 1; }\n\n/* Dropdown \u2014 anchored below the launcher, clipped to the grid. */\n.pg-theme-mgr-menu {\n  position: absolute;\n  top: 48px;\n  right: 8px;\n  z-index: var(--pg-z-index-filter-panel, 200);\n  width: min(280px, calc(100% - 16px));\n  max-height: calc(100% - 64px);\n  display: none;\n  flex-direction: column;\n  padding: 8px;\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-theme-mgr-menu--open { display: flex; }\n\n.pg-theme-mgr-menu__title {\n  padding: 2px 6px 6px;\n  font-size: var(--pg-typography-font-size-xs, 11px);\n  font-weight: var(--pg-typography-font-weight-semi-bold, 600);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--pg-colors-text-secondary, #64748b);\n}\n\n.pg-theme-mgr-list {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  max-height: 220px;\n  overflow-y: auto;\n}\n.pg-theme-mgr-item {\n  display: block;\n  width: 100%;\n  text-align: left;\n  padding: 7px 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: inherit;\n  cursor: pointer;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.pg-theme-mgr-item:hover { background: var(--pg-colors-background-alt, #f1f5f9); }\n.pg-theme-mgr-item--active {\n  color: var(--pg-colors-primary, #2563eb);\n  font-weight: var(--pg-typography-font-weight-semi-bold, 600);\n}\n.pg-theme-mgr-empty {\n  padding: 8px;\n  color: var(--pg-colors-text-secondary, #64748b);\n  font-size: var(--pg-typography-font-size-xs, 11px);\n}\n\n.pg-theme-mgr-actions {\n  display: flex;\n  gap: 6px;\n  margin-top: 8px;\n  padding-top: 8px;\n  border-top: 1px solid var(--pg-colors-border, #e2e8f0);\n}\n.pg-theme-mgr-action {\n  flex: 1;\n  height: 30px;\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-primary, #0f172a);\n  font: inherit;\n  font-size: var(--pg-typography-font-size-xs, 11px);\n  font-weight: var(--pg-typography-font-weight-medium, 500);\n  cursor: pointer;\n  transition: background var(--pg-transitions-duration-fast, 100ms) var(--pg-transitions-easing-base, ease);\n}\n.pg-theme-mgr-action:hover { background: var(--pg-colors-background-alt, #f1f5f9); }\n\n/* Hidden file input for import. */\n.pg-theme-mgr-file { display: none; }\n";
//# sourceMappingURL=theme-manager.css.d.ts.map