/**
 * Floating Widgets - Shared drag/snap workspace
 *
 * Used by floating widgets (KB, future widgets) that live outside page layout.
 */

.floating-widget-workspace {
  /* Container for floating widgets - covers viewport but pointer-events: none */
  /* This allows snap zones to work during drag operations */
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9998;
}

/* Snap zones shown only while dragging */
.floating-snap-zones {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.15s ease;
  pointer-events: none;
}

.floating-snap-zones.is-dragging {
  opacity: 1;
}

/* Snap zone placement */
.floating-snap-zones .snap-zone {
  position: absolute;
}

.floating-snap-zones .snap-zone--expanded {
  inset: 12px;
}

.floating-snap-zones .snap-zone--mini-left {
  left: 12px;
  top: 64px;
  width: 280px;
  height: 200px;
}

.floating-snap-zones .snap-zone--mini-right {
  right: 12px;
  top: 64px;
  width: 280px;
  height: 200px;
}

.floating-snap-zones .snap-zone--mini-bottom {
  left: 12px;
  bottom: 12px;
  width: 320px;
  height: 200px;
}

/* Widgets inside floating workspace need pointer-events */
.floating-widget-workspace > .widget,
.floating-widget-workspace > .widget-fab,
.floating-widget-workspace > .kg-floating-wrapper {
  pointer-events: auto;
}

/* Drag state helper (optional) */
.floating-widget-dragging {
  cursor: grabbing;
  user-select: none;
}