/** * Photon Grid base styles — chart-panel 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 chartPanelCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Chart Panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.pg-chart-panel-backdrop {\n position: absolute; inset: 0; z-index: 9990;\n background: transparent;\n overflow: hidden;\n pointer-events: none;\n}\n/* .pg-chart-panel-backdrop--open { */\n/* pointer-events: auto; */\n/* } */\n.pg-chart-panel-backdrop--fullscreen {\n position: fixed !important;\n background: rgba(0,0,0,0.40) !important;\n}\n.pg-chart-panel {\n position: absolute;\n background: var(--pg-colors-surface,#fff);\n border-radius: 4px;\n box-shadow: 0 8px 40px rgba(0,0,0,0.18),0 2px 12px rgba(0,0,0,0.10);\n display: flex; flex-direction: column;\n width: min(720px, 88%); height: min(520px, 85%);\n overflow: hidden;\n pointer-events: auto;\n}\n.pg-chart-panel--fullscreen {\n width: calc(100%) !important; height: calc(100%) !important;\n}\n.pg-chart-panel__header {\n display: flex; align-items: center; justify-content: space-between;\n padding: 14px 16px;\n border-bottom: 1px solid var(--pg-colors-border,#e2e8f0);\n flex-shrink: 0;\n cursor: grab; user-select: none;\n}\n.pg-chart-panel__header--dragging { cursor: grabbing; }\n.pg-chart-panel--dragging .pg-chart-panel__body { pointer-events: none; }\n.pg-chart-panel__title {\n font-size: 15px; font-weight: 600;\n color: var(--pg-colors-text-primary,#0f172a);\n font-family: var(--pg-typography-font-family,system-ui,sans-serif);\n}\n.pg-chart-panel__actions { display: flex; align-items: center; gap: 4px; }\n.pg-chart-panel__action-btn {\n display: inline-flex; align-items: center; justify-content: center;\n width: 28px; height: 28px; border-radius: 4px;\n border: none; background: transparent;\n color: var(--pg-colors-text-secondary,#64748b); cursor: pointer;\n transition: background 80ms, color 80ms;\n}\n.pg-chart-panel__action-btn:hover {\n background: var(--pg-colors-background-alt,#f1f5f9);\n color: var(--pg-colors-text-primary,#0f172a);\n}\n.pg-chart-panel__body {\n flex: 1; min-height: 0; position: relative; overflow: hidden;\n}\n.pg-chart-panel__chart-area {\n position: absolute; top: 0; left: 0; bottom: 0; right: 0;\n padding: 8px; overflow: hidden;\n transition: right 240ms cubic-bezier(0.22, 0.61, 0.36, 1);\n}\n@media (prefers-reduced-motion: reduce) {\n .pg-chart-panel__chart-area { transition: none; }\n}\n.pg-chart-panel__canvas { display: block; }\n.pg-chart-panel__dots-btn {\n position: absolute; top: 12px; right: 12px; z-index: 10;\n display: inline-flex; align-items: center; justify-content: center;\n width: 26px; height: 26px; border-radius: 4px;\n border: none; background: transparent;\n color: var(--pg-colors-text-secondary,#64748b); cursor: pointer;\n transition: background 80ms;\n}\n.pg-chart-panel__dots-btn:hover, .pg-chart-panel__dots-btn--active {\n background: var(--pg-colors-background-alt,#f1f5f9);\n color: var(--pg-colors-text-primary,#0f172a);\n}\n.pg-chart-panel__dots-menu {\n display: none; position: absolute; top: 40px; right: 8px; z-index: 20;\n background: var(--pg-colors-surface,#fff);\n border: 1px solid var(--pg-colors-border,#e2e8f0);\n border-radius: 6px;\n box-shadow: 0 8px 24px rgba(0,0,0,0.12);\n min-width: 160px; padding: 4px;\n}\n.pg-chart-panel__dots-menu--open { display: block; }\n.pg-chart-panel__dots-item {\n display: flex; align-items: center; gap: 8px;\n width: 100%; padding: 7px 10px;\n border: none; border-radius: 4px; background: transparent;\n cursor: pointer; text-align: left;\n font-size: 13px; color: var(--pg-colors-text-primary,#0f172a);\n font-family: var(--pg-typography-font-family,system-ui,sans-serif);\n transition: background 80ms;\n}\n.pg-chart-panel__dots-item:hover { background: var(--pg-colors-background-alt,#f1f5f9); }\n.pg-chart-panel__empty {\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n height: 100%; gap: 10px; padding: 24px;\n color: var(--pg-colors-text-secondary,#64748b);\n font-family: var(--pg-typography-font-family,system-ui,sans-serif);\n}\n.pg-chart-panel__empty-icon { opacity: 0.35; color: var(--pg-colors-text-secondary,#64748b); }\n.pg-chart-panel__empty-text {\n font-size: 15px; font-weight: 600;\n color: var(--pg-colors-text-primary,#0f172a);\n}\n.pg-chart-panel__empty-sub {\n font-size: 12px; text-align: center; max-width: 280px;\n color: var(--pg-colors-text-secondary,#64748b);\n}\n.pg-chart-panel__legend {\n display: flex; flex-wrap: wrap; align-items: center; justify-content: center;\n gap: 2px 4px; padding: 5px 12px 8px;\n flex-shrink: 0;\n border-top: 1px solid var(--pg-colors-border,#e2e8f0);\n}\n.pg-chart-panel__legend:empty { border-top: none; padding: 0; }\n.pg-chart-panel__legend-item {\n display: inline-flex; align-items: center; gap: 6px;\n padding: 4px 8px; border-radius: 5px;\n border: none; background: transparent; cursor: pointer;\n font-size: 12px; color: var(--pg-colors-text-secondary,#64748b);\n font-family: var(--pg-typography-font-family,system-ui,sans-serif);\n user-select: none;\n transition: background 80ms, opacity 220ms;\n}\n.pg-chart-panel__legend-item:hover {\n background: var(--pg-colors-background-alt,#f1f5f9);\n color: var(--pg-colors-text-primary,#0f172a);\n}\n.pg-chart-panel__legend-item--hidden { opacity: 0.35; }\n.pg-chart-panel__legend-swatch {\n width: 12px; height: 12px; border-radius: 3px; flex-shrink: 0;\n}\n.pg-chart-panel__legend-label {\n max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n}\n\n"; //# sourceMappingURL=chart-panel.css.d.ts.map