/* === Stealth editing ===================================================== */

/* No banner headers at all; content fills the card */
.grid-stack .fxv-panel { position: relative; }
.grid-stack .fxv-panel-header { display:none !important; }

/* Show a faint outline only when admin is in edit mode and hovers panel */
.fxv-editing .grid-stack-item:hover .fxv-panel-body {
  outline: 1px dashed rgba(255,255,255,.25);
  outline-offset: -2px;
}

/* Minimal “grab” handle: a tiny corner wedge, only on hover */
.fxv-editing .grid-stack-item .fxv-grab {
  position: absolute; inset: 6px auto auto 6px; width: 14px; height: 14px;
  border: 1px solid rgba(255,255,255,.25); border-right: 0; border-bottom: 0;
  transform: rotate(45deg); opacity: 0; pointer-events: none;
}
.fxv-editing .grid-stack-item:hover .fxv-grab { opacity: .7; pointer-events: auto; }

/* Tiny crumb label (panel title) – appears only on hover */
.fxv-editing .grid-stack-item .fxv-crumb {
  position:absolute; left:8px; top:-14px; font-size:11px; color:rgba(255,255,255,.45);
  pointer-events:none; opacity:0; transition:opacity .15s;
}
.fxv-editing .grid-stack-item:hover .fxv-crumb { opacity:1; }

/* Dirty dot (top-right) when there are unsaved admin changes for that panel */
.fxv-editing .grid-stack-item.fxv-dirty-dot::after{
  content:''; position:absolute; right:6px; top:6px; width:8px; height:8px;
  border-radius:50%; background:#ff8f3f;
}

/* Hide GridStack resize handles until hover (admin only) */
.fxv-editing .grid-stack-item .ui-resizable-handle { opacity:0; transition:opacity .12s; }
.fxv-editing .grid-stack-item:hover .ui-resizable-handle { opacity:.5; }

/* Context menu (small, neutral) */
.fxv-menu {
  position:fixed; z-index: 2000; min-width: 220px;
  background:#132029; color:#e6eef6; border:1px solid #29404f; border-radius:8px;
  box-shadow:0 10px 24px rgba(0,0,0,.35); padding:6px;
}
.fxv-menu button {
  width:100%; text-align:left; background:transparent; border:0; padding:6px 10px;
  border-radius:6px; font-size:13px; color:inherit;
}
.fxv-menu button:hover { background:#1c2e3a; }
.fxv-menu .fxv-menu-sep { height:1px; background:#223543; margin:6px 0; }

/* Keep the orange page banner you already have; it’s fine. */