/* Varqus VC Kit styles (matches Varqus theme dashboard aesthetic) */
.vqs-btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:10px;
  padding:12px 16px;
  border-radius:10px;
  font-weight:700;
  text-decoration:none !important;
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
}
.vqs-btn.primary{ background: rgba(15,118,110,.95); border-color: rgba(15,118,110,.95); box-shadow: 0 10px 30px rgba(15,118,110,.25); }
.vqs-btn.secondary{ background: rgba(255,255,255,.06); }

.vqs-tags{
  display:flex; gap:10px;
  flex-wrap:nowrap;
  overflow:auto;
  padding-bottom:2px;
}
.vqs-tag{
  white-space:nowrap;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.88);
  padding:8px 12px; border-radius:999px; font-size:12px;
  flex:0 0 auto;
}

.vqs-metric{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  border-radius:16px;
  padding:14px 14px 12px 14px;
}
.vqs-metric .k{ font-size:12px; letter-spacing:.10em; text-transform:uppercase; color:rgba(255,255,255,.72); }
.vqs-metric .v{ margin-top:10px; font-size:28px; line-height:1; color:#fff; font-weight:800; }
.vqs-metric .d{ margin-top:8px; color:rgba(255,255,255,.78); font-size:13px; }

.vqs-pills{ display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; }
.vqs-pill{
  display:inline-flex; align-items:center; gap:10px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  padding:8px 12px; border-radius:999px; font-size:13px;
  color:rgba(255,255,255,.9);
}
.vqs-pill .dot{ width:10px; height:10px; border-radius:50%; }
.vqs-pill .dot.ok{ background:#0F766E; }
.vqs-pill .dot.warn{ background:#64748B; }
.vqs-pill .dot.bad{ background:#B91C1C; }

.vqs-card{
  border:1px solid rgba(2,6,23,.08);
  background: #ffffff;
  border-radius:14px;
  padding:18px;
  box-shadow: 0 10px 30px rgba(2,6,23,.06);
}
.vqs-card .t{ font-weight:800; color:#0f172a; margin-bottom:8px; font-size:16px; }
.vqs-card .p{ color:#334155; font-size:14px; line-height:1.55; }


/* Grid wrapper for dashboard metrics (no nested vc_row needed) */
.vqs-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--vqs-gap, 16px);
}
.vqs-grid.cols-1{ grid-template-columns: 1fr; }
.vqs-grid-item{ min-width:0; }

/* Buttons: keep inline on desktop, stack on small screens */
.vqs-btn{ margin-right:12px; margin-bottom:10px; }
@media (max-width:640px){
  .vqs-btn{ width:100%; margin-right:0; }
}