/* Minimal styles for Gi dash button and panel */
.gi-round-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:9999px;
  background:#111827;color:#fff;font-weight:600;border:1px solid rgba(0,0,0,.08);
  box-shadow:0 1px 2px rgba(0,0,0,.06);
}
.gi-round-btn:hover{ filter:brightness(0.95); }

.gi-dash-panel{
  position:fixed;
  top:60px;
  left:12px;
  z-index:100;
  background:#fff;
  color:#111;
  border:1px solid rgba(0,0,0,.1);
  border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.12);
  width:320px;
  max-width:92vw;
  display:none;
  will-change:left, top;
}
.gi-dash-panel.open{ display:block; }
.gi-dash-panel.is-dragging{ cursor:grabbing; box-shadow:0 16px 32px rgba(0,0,0,.18); }
.gi-dash-head{ display:flex; align-items:center; gap:8px; padding:10px 12px; border-bottom:1px solid rgba(0,0,0,.06); }
.gi-dash-drag{
  width:28px;
  height:28px;
  border-radius:999px;
  border:1px dashed rgba(15,23,42,.25);
  background:rgba(15,23,42,.03);
  flex:0 0 auto;
  cursor:grab;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(15,23,42,.4);
  font-size:18px;
  user-select:none;
  touch-action:none;
}
.gi-dash-drag::before{
  content:'::';
  font-weight:600;
  letter-spacing:-2px;
}
.gi-dash-panel.is-dragging .gi-dash-drag{ cursor:grabbing; }
.gi-dash-body{ padding:10px 12px; }
.gi-dash-actions{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.gi-dash-actions button{ display:block; padding:10px 12px; border:1px solid rgba(0,0,0,.1); border-radius:10px; background:#f9fafb; text-align:left; }
.gi-dash-actions button:hover{ background:#f3f4f6; }
.gi-dash-foot{ display:flex; align-items:center; justify-content:space-between; padding:8px 12px; border-top:1px solid rgba(0,0,0,.06); }
.gi-dash-select{ width:100%; border:1px solid rgba(0,0,0,.1); border-radius:8px; padding:6px 8px; background:#fff; }