/**
 * Photon Grid base styles — group-drop-zone 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 groupDropZoneCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Group drop zone \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.pg-group-drop-zone--top {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  flex-shrink: 0;\n  height: var(--pg-header-row-height, 44px);\n  background: var(--pg-colors-header-background, #f8fafc);\n  border-bottom: 1px solid var(--pg-colors-border, #e2e8f0);\n  overflow: hidden;\n}\n.pg-group-drop-zone--left {\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  width: 160px;\n  background: var(--pg-colors-header-background, #f8fafc);\n  border-right: 1px solid var(--pg-colors-border, #e2e8f0);\n  overflow: hidden;\n  position: relative;\n}\n.pg-group-drop-zone--right {\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  width: 160px;\n  background: var(--pg-colors-header-background, #f8fafc);\n  border-left: 1px solid var(--pg-colors-border, #e2e8f0);\n  overflow: hidden;\n  position: relative;\n}\n\n/* Zone header row (grip + \"Groups\" label) */\n.pg-group-zone-header {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px 4px 8px;\n  flex-shrink: 0;\n  border-bottom: 1px solid var(--pg-colors-border, #e2e8f0);\n  user-select: none;\n}\n.pg-group-zone-grip {\n  display: flex;\n  align-items: center;\n  cursor: grab;\n  opacity: 0.45;\n  padding: 2px 3px;\n  border-radius: 3px;\n  color: var(--pg-colors-text-secondary, #64748b);\n  flex-shrink: 0;\n  transition: opacity 100ms, background 100ms;\n}\n.pg-group-zone-grip:hover { opacity: 0.85; background: rgba(0,0,0,0.06); }\n.pg-group-zone-grip:active { cursor: grabbing; }\n.pg-group-zone-label {\n  flex: 1;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--pg-colors-text-secondary, #64748b);\n  user-select: none;\n}\n\n/* Chips area (the actual drop target) */\n.pg-group-zone-chips {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 6px;\n  padding: 6px 10px;\n  min-height: 38px;\n  flex: 1;\n  overflow: auto;\n}\n.pg-group-drop-zone--left .pg-group-zone-chips,\n.pg-group-drop-zone--right .pg-group-zone-chips {\n  flex-direction: column;\n  align-items: flex-start;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.pg-group-zone-chips--over {\n  background: var(--pg-colors-group-zone-over, var(--pg-colors-selection-background, #eff6ff));\n  outline: 1px dashed var(--pg-colors-primary, #2563eb);\n  outline-offset: -2px;\n}\n\n/* Resize handle */\n.pg-group-drop-zone--top .pg-group-zone-resize {\n  height: 4px;\n  flex-shrink: 0;\n  cursor: ns-resize;\n  background: transparent;\n  transition: background 100ms;\n}\n.pg-group-drop-zone--top .pg-group-zone-resize:hover { background: var(--pg-colors-primary, #2563eb); opacity: 0.35; }\n.pg-group-drop-zone--left .pg-group-zone-resize {\n  position: absolute;\n  top: 0; right: 0; bottom: 0;\n  width: 4px;\n  cursor: ew-resize;\n  background: transparent;\n  transition: background 100ms;\n}\n.pg-group-drop-zone--right .pg-group-zone-resize {\n  position: absolute;\n  top: 0; left: 0; bottom: 0;\n  width: 4px;\n  cursor: ew-resize;\n  background: transparent;\n  transition: background 100ms;\n}\n.pg-group-drop-zone--left .pg-group-zone-resize:hover,\n.pg-group-drop-zone--right .pg-group-zone-resize:hover { background: var(--pg-colors-primary, #2563eb); opacity: 0.35; }\n\n/* Hint text */\n.pg-group-drop-zone__hint {\n  font-size: var(--pg-typography-font-size-sm, 12px);\n  color: var(--pg-colors-text-disabled, #94a3b8);\n  pointer-events: none;\n  user-select: none;\n}\n\n/* Chips */\n.pg-group-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 3px 6px 3px 10px;\n  border-radius: var(--pg-borders-radius-pill, 9999px);\n  background: var(--pg-colors-chip-background, var(--pg-colors-badge-background, #e0e7ff));\n  color: var(--pg-colors-chip-text, var(--pg-colors-badge-text, #1e40af));\n  font-size: var(--pg-typography-font-size-sm, 12px);\n  font-weight: var(--pg-typography-font-weight-medium, 500);\n  user-select: none;\n  white-space: nowrap;\n  transition: opacity 120ms;\n}\n.pg-group-chip--ghost {\n  cursor: grabbing;\n}\n.pg-group-chip__label { line-height: 1.2; }\n.pg-group-chip__close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  cursor: pointer;\n  opacity: 0.55;\n  transition: opacity 100ms, background 100ms;\n  flex-shrink: 0;\n}\n.pg-group-chip__close:hover { opacity: 1; background: rgba(30,64,175,0.18); }\n.pg-group-chip__sep {\n  display: inline-flex;\n  align-items: center;\n  color: var(--pg-colors-text-disabled, #94a3b8);\n  flex-shrink: 0;\n}\n\n";
//# sourceMappingURL=group-drop-zone.css.d.ts.map