.vcNav{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.vcNavLink{
  padding:8px 10px; border-radius:12px; font-weight:900; font-size:13px;
  color: var(--muted);
  border: 1px solid transparent;
}
.vcNavLink:hover{ background: rgba(255,255,255,0.03); color: var(--text); }
.vcNavLink.is-active{ background: rgba(255,255,255,0.05); border-color: rgba(233,238,252,.12); color: var(--text); }

.vcBtn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:10px 14px; border-radius:12px;
  border:1px solid var(--line);
  background: rgba(255,255,255,0.03);
  font-weight: 900;
  cursor:pointer;
}
.vcBtn:hover{ background: rgba(255,255,255,0.06); }
.vcBtn.is-disabled{ opacity:.55; cursor:not-allowed; pointer-events:none; }
.vcBtnGhost{ background: rgba(255,255,255,0.01); }

.vcInput, .vcSelect{
  border:1px solid var(--line);
  background: rgba(255,255,255,0.02);
  color: var(--text);
  padding:10px 12px;
  border-radius: 12px;
  outline:none;
}
.vcSelect{ appearance:none; }

.vcFlag{
  width: 18px; height:auto; aspect-ratio:4/3;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(255,255,255,.08) inset;
}

.vcSection{ margin-top: 14px; }
.vcSectionHead{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; flex-wrap:wrap; }

.vcPill{
  padding:6px 10px; border-radius:999px; border:1px solid var(--line);
  font-size:12px; font-weight:900;
  background: rgba(255,255,255,0.02);
}
.vcPill.is-online{ border-color: rgba(120,255,0,.22); background: rgba(120,255,0,.06); }
.vcPill.is-offline{ border-color: rgba(233,238,252,.12); background: rgba(255,255,255,0.02); }

.vcPillBig{
  padding:10px 14px; border-radius:999px; border:1px solid var(--line);
  font-size:13px; font-weight:950;
}
.vcPillBig.is-online{ border-color: rgba(120,255,0,.25); background: rgba(120,255,0,.08); }
.vcPillBig.is-offline{ border-color: rgba(233,238,252,.12); background: rgba(255,255,255,0.02); }

/* Modal */
.vcModal{ position:fixed; inset:0; z-index:9999; display:none; }
.vcModal.is-open{ display:block; }
.vcModalBackdrop{ position:absolute; inset:0; background:rgba(0,0,0,.62); backdrop-filter:blur(6px); }
.vcModalPanel{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:min(980px, calc(100vw - 28px));
  max-height:min(86vh, 860px);
  overflow:auto;
  background: var(--card);
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow: var(--shadow);
}
.vcModalHead{ display:flex; justify-content:space-between; align-items:center; gap:10px;
  padding:12px 14px; border-bottom:1px solid rgba(233,238,252,.10); }
.vcModalTitle{ font-weight:950; }
.vcModalBody{ padding:14px; }
.vcModalImg{ width:100%; border-radius:18px; border:1px solid rgba(233,238,252,.10); }
.vcModalVid{ width:100%; border-radius:18px; border:1px solid rgba(233,238,252,.10); background:#000; }
.vcModalActions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }