/* ── Visual Studio — Hub Embed Overrides ──────────────────────────────────────
   Φορτώνεται ΜΟΝΟ μέσα στο Hub. Το :root δεν υπάρχει πλέον στο style.css
   οπότε αρκεί να κάνουμε override μέσα στο .wpvs-hub-wrap.
   ────────────────────────────────────────────────────────────────────────── */

/* Light theme για το Hub */
.wpvs-hub-wrap .wpvs {
  --bg:       #ffffff;
  --surface:  #f5f5f7;
  --card:     #f9f9fb;
  --border:   #e5e5ea;
  --border-h: #c7c7cc;
  --text:     #1c1c1e;
  --muted:    #6e6e73;
  --accent:   #e05c2a;
  --gold:     #d97706;
  --teal:     #059669;
  --lavender: #7c3aed;
  background:  #ffffff;
  min-height:  0 !important;
  border-radius: 12px;
  overflow: hidden;
}

/* Κρύβουμε τον Hub wrapper header — o Hub έχει δικό του */
.wpvs-hub-wrap .wpvs-hd { display: none; }

/* Compact panels */
.wpvs-hub-wrap .wpvs-tabs  { padding: 0 20px; background: #fff; }
.wpvs-hub-wrap .wpvs-panel { padding: 20px 20px 28px; }
.wpvs-hub-wrap .wpvs-panel.active { grid-template-columns: 1fr 260px; gap: 20px; }

@media (max-width: 700px) {
  .wpvs-hub-wrap .wpvs-panel.active { grid-template-columns: 1fr; }
}

/* PIN screen κρυμμένο */
.wpvs-hub-wrap .wpvs-pin { display: none !important; }