/* Pixel Pet – movable inspector (v3)
   - Works with new "Forest Glass" theme
   - .is-floating => fixed overlay (draggable via DraggablePanel.js)
   - no .is-floating => normal in-flow panel (sidebar)
*/

#inspector.panel-inspector.is-floating{
  position: fixed;
  z-index: 40;
  left: 1rem;
  top: 4.6rem; /* below topbar */

  width: 300px;
  max-width: calc(100vw - 2rem);
  max-height: calc(100vh - 4.6rem - 1.4rem);

  pointer-events: auto;
  cursor: default;
}

#inspector.panel-inspector.is-floating .panel-header{
  cursor: grab;
  user-select: none;
  touch-action: none;
}

#inspector.panel-inspector.is-dragging .panel-header{
  cursor: grabbing;
}

/* Small screens: bottom sheet */
@media (max-width: 900px){
  #inspector.panel-inspector.is-floating{
    left: 0.5rem;
    right: 0.5rem;
    top: auto;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 0.6rem);

    width: auto;
    max-height: min(58vh, calc(100vh - 7rem));
  }
}