/**
 * Photon Grid base styles — misc 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 miscCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Overlay \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.pg-overlay {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  background: var(--pg-colors-surface, #fff);\n  z-index: 20;\n}\n.pg-overlay--loading { background: var(--pg-colors-overlay-loading, rgba(255,255,255,0.85)); }\n.pg-overlay__text { color: var(--pg-colors-text-secondary, #475569); font-size: var(--pg-typography-font-size-md, 13px); }\n.pg-overlay__icon { color: var(--pg-colors-text-disabled, #94a3b8); }\n/* Dark mode: a translucent dark backdrop instead of the hardcoded white one, so\n   the loading spinner overlay matches the surface. A theme may override the\n   colour via the --pg-colors-overlay-loading token. */\n[data-pg-mode=\"dark\"] .pg-overlay--loading { background: var(--pg-colors-overlay-loading, rgba(15,23,42,0.85)); }\n\n/* Error toast \u2014 a compact, bottom-anchored alert (not a full-screen overlay) so\n   an import/validation failure is clearly surfaced instead of failing silently. */\n.pg-overlay--error {\n  inset: auto;\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n  flex-direction: row;\n  gap: 8px;\n  max-width: min(520px, calc(100% - 32px));\n  padding: 10px 14px;\n  background: var(--pg-colors-surface, #fff);\n  border: 1px solid var(--pg-colors-error, #dc2626);\n  border-radius: var(--pg-borders-radius-md, 6px);\n  box-shadow: var(--pg-shadows-dropdown, 0 16px 48px rgba(15,23,42,0.24));\n  z-index: 30;\n}\n.pg-overlay--error .pg-overlay__icon { color: var(--pg-colors-error, #dc2626); flex: none; }\n.pg-overlay--error .pg-overlay__text { color: var(--pg-colors-text-primary, #0f172a); text-align: left; }\n\n/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Drag \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n/* Grab affordance for anything DragDropEngine.makeDraggable() has wired up.\n   Themed here rather than written as an inline style by the engine. */\n.pg-draggable { cursor: grab; }\n.pg-draggable.pg-dragging { cursor: grabbing; }\n.pg-dragging { opacity: 0.5; }\n.pg-drop-before { box-shadow: 0 -2px 0 0 var(--pg-colors-primary, #2563eb); }\n.pg-drop-after  { box-shadow: 0 2px 0 0 var(--pg-colors-primary, #2563eb); }\n.pg-drop-inside { box-shadow: inset 0 0 0 2px var(--pg-colors-primary, #2563eb); }\n.pg-drop-over   { background: var(--pg-colors-drag-over-highlight, rgba(37,99,235,0.06)) !important; }\n\n/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Fullscreen \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.pg-grid--fullscreen { position: fixed; inset: 0; z-index: 9999; border-radius: 0; }\n\n/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Chart \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.pg-chart { display: flex; flex-direction: column; gap: 8px; }\n.pg-chart__title { font-size: var(--pg-typography-font-size-lg, 14px); font-weight: var(--pg-typography-font-weight-semi-bold, 600); color: var(--pg-colors-text-primary); padding: 4px 0; }\n.pg-chart__canvas { display: block; max-width: 100%; }\n\n/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Icon \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.pg-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.pg-icon svg { display: block; }\n\n/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Auto Row Height \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.pg-grid--auto-row-height .pg-row {\n  height: auto;\n}\n.pg-grid--auto-row-height .pg-cell {\n  overflow: visible;\n}\n.pg-grid--auto-row-height .pg-cell__inner {\n  height: auto;\n  overflow: visible;\n  align-items: flex-start;\n  padding-top: 10px;\n  padding-bottom: 10px;\n}\n.pg-grid--auto-row-height .pg-cell__value {\n  white-space: normal;\n  overflow: visible;\n  text-overflow: initial;\n  overflow-wrap: break-word;\n  word-break: break-word;\n}\n\n";
//# sourceMappingURL=misc.css.d.ts.map