.vcw-widget {
  --vcw-card-bg: #ffffff;
  --vcw-card-border: #e8edf3;
  --vcw-card-border-hover: #d6dee8;
  --vcw-shadow-hover: 0 18px 42px rgba(15,23,42,.10);
  --vcw-shadow-pressed: 0 10px 24px rgba(15,23,42,.08);
  --vcw-title: #10213a;
  --vcw-title-hover: #0b1730;
  --vcw-text: #5a6878;
  --vcw-text-strong: #18345f;
  --vcw-meta: #687686;
  --vcw-domain: #66788a;
  --vcw-domain-hover: #44576a;
  --vcw-dot: #c7d3df;
  --vcw-dot-hover: #94a8bc;
  --vcw-media-bg: linear-gradient(135deg, #eef3f8, #dfe7ef);
  --vcw-placeholder-bg: linear-gradient(135deg,#eef3f8 0%,#dde7f0 100%);
  --vcw-placeholder-text: #5b6a79;
  --vcw-cue-bg: rgba(255,255,255,.92);
  --vcw-cue-text: #10213a;
  --vcw-cue-shadow: 0 8px 20px rgba(15,23,42,.16);
  --vcw-cue-bg-hover: #ffffff;
  --vcw-cue-shadow-hover: 0 10px 24px rgba(15,23,42,.18);
  --vcw-header-eyebrow: #607080;
  --vcw-header-description: #536171;
  --vcw-empty-border: #d7e4f7;
  --vcw-empty-bg: linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
  --vcw-empty-title: #0f2a63;
  --vcw-empty-text: #5a6f8d;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  margin: 24px auto;
  max-width: 860px;
}

.vcw-widget[data-vc-theme="dark"] {
  --vcw-card-bg: #101827;
  --vcw-card-border: rgba(148, 163, 184, .20);
  --vcw-card-border-hover: rgba(148, 163, 184, .34);
  --vcw-shadow-hover: 0 18px 42px rgba(2,6,23,.42);
  --vcw-shadow-pressed: 0 10px 24px rgba(2,6,23,.34);
  --vcw-title: #eef4ff;
  --vcw-title-hover: #ffffff;
  --vcw-text: #c2cede;
  --vcw-text-strong: #eef4ff;
  --vcw-meta: #a7b7cb;
  --vcw-domain: #d6e0ee;
  --vcw-domain-hover: #ffffff;
  --vcw-dot: rgba(148, 163, 184, .65);
  --vcw-dot-hover: #ffffff;
  --vcw-media-bg: linear-gradient(135deg, #1c2940, #111b2d);
  --vcw-placeholder-bg: linear-gradient(135deg,#1c2940 0%,#111b2d 100%);
  --vcw-placeholder-text: #d9e6f5;
  --vcw-cue-bg: rgba(15,23,42,.88);
  --vcw-cue-text: #f8fbff;
  --vcw-cue-shadow: 0 10px 24px rgba(2,6,23,.32);
  --vcw-cue-bg-hover: rgba(15,23,42,.98);
  --vcw-cue-shadow-hover: 0 12px 30px rgba(2,6,23,.42);
  --vcw-header-eyebrow: #b5c4d8;
  --vcw-header-description: #cad5e5;
  --vcw-empty-border: rgba(148, 163, 184, .22);
  --vcw-empty-bg: linear-gradient(180deg,#111827 0%,#0f172a 100%);
  --vcw-empty-title: #eef4ff;
  --vcw-empty-text: #cad5e5;
}

.vcw-widget[data-vc-theme="light"] {
  color-scheme: light;
}

.vcw-widget[data-vc-theme="dark"] {
  color-scheme: dark;
}

.vcw-widget__header {
  margin-bottom: 12px;
}

.vcw-widget__title-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.vcw-widget__disclosure {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid var(--vcw-card-border);
  background: rgba(255,255,255,.72);
  color: var(--vcw-text-strong);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.vcw-widget[data-vc-theme="dark"] .vcw-widget__disclosure {
  background: rgba(15,23,42,.48);
  border-color: rgba(148,163,184,.24);
  color: var(--vcw-text-strong);
}

.vcw-widget__eyebrow {
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--vcw-header-eyebrow);
  margin-bottom: 4px;
}

.vcw-widget__title {
  margin: 0 0 4px;
  font-size: 22px;
  line-height: 1.18;
  letter-spacing: -.01em;
}

.vcw-widget__description {
  margin: 0;
  color: var(--vcw-header-description);
  font-size: 14px;
  line-height: 1.5;
}

.vcw-widget__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}

.vcw-card {
  position: relative;
  border: 1px solid var(--vcw-card-border);
  border-radius: 16px;
  overflow: hidden;
  background: var(--vcw-card-bg);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.vcw-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--vcw-shadow-hover);
  border-color: var(--vcw-card-border-hover);
}

.vcw-card.is-pressed {
  transform: translateY(-1px) scale(.994);
  box-shadow: var(--vcw-shadow-pressed);
}

.vcw-card__link {
  display: flex;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
  height: 100%;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(15,23,42,.08);
}

.vcw-card__media {
  position: relative;
  aspect-ratio: 16 / 9;
  max-height: 158px;
  background: var(--vcw-media-bg);
  overflow: hidden;
}

.vcw-card__media::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 56%;
  background: linear-gradient(180deg, rgba(8,15,29,0) 0%, rgba(8,15,29,.12) 100%);
  pointer-events: none;
  opacity: .7;
  transition: opacity .2s ease;
}

.vcw-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.vcw-card__placeholder {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  font-size: 34px;
  font-weight: 700;
  color: var(--vcw-placeholder-text);
}

.vcw-card__cue {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--vcw-cue-bg);
  color: var(--vcw-title);
  box-shadow: var(--vcw-cue-shadow);
  transform: translateY(4px);
  opacity: .88;
  transition: transform .18s ease, opacity .18s ease, background-color .18s ease, box-shadow .18s ease;
  pointer-events: none;
}

.vcw-card__cue-icon {
  display: inline-block;
  font-size: 17px;
  line-height: 1;
  transform: translateX(0);
  transition: transform .18s ease;
}

.vcw-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px 12px;
}

.vcw-card__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 12px;
  color: var(--vcw-meta);
  margin: 0;
}

.vcw-card__domain {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  color: var(--vcw-domain);
  font-weight: 700;
  letter-spacing: .01em;
}

.vcw-card__domain::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--vcw-dot);
  flex: 0 0 auto;
}

.vcw-card__title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.015em;
  color: var(--vcw-title);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.vcw-card__description {
  margin: 0;
  color: var(--vcw-text);
  font-size: 13.5px;
  line-height: 1.52;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.vcw-card__link:hover .vcw-card__title,
.vcw-card__link:focus-visible .vcw-card__title {
  color: var(--vcw-title-hover);
}

.vcw-card__link:hover .vcw-card__domain,
.vcw-card__link:focus-visible .vcw-card__domain {
  color: var(--vcw-domain-hover);
}

.vcw-card__link:hover .vcw-card__domain::before,
.vcw-card__link:focus-visible .vcw-card__domain::before {
  background: var(--vcw-dot-hover);
}

.vcw-card__link:hover .vcw-card__media img,
.vcw-card__link:focus-visible .vcw-card__media img {
  transform: scale(1.035);
}

.vcw-card__link:hover .vcw-card__media::after,
.vcw-card__link:focus-visible .vcw-card__media::after {
  opacity: 1;
}

.vcw-card__link:hover .vcw-card__cue,
.vcw-card__link:focus-visible .vcw-card__cue {
  transform: translateY(0);
  opacity: 1;
  background: var(--vcw-cue-bg-hover);
  box-shadow: var(--vcw-cue-shadow-hover);
}

.vcw-card__link:hover .vcw-card__cue-icon,
.vcw-card__link:focus-visible .vcw-card__cue-icon {
  transform: translateX(1px);
}

.vcw-card__media img {
  transition: transform .22s ease;
}

.vcw-card__description {
  min-height: 0;
}

.vcw-card__link:focus-visible {
  outline: 0;
}

.vcw-card:has(.vcw-card__link:focus-visible) {
  border-color: var(--vcw-card-border-hover);
  box-shadow: 0 0 0 3px rgba(148, 163, 184, .18), 0 14px 34px rgba(15,23,42,.08);
}

.vcw-card.is-clicked {
  border-color: #cfdae7;
}

@media (min-width: 961px) {
  .vcw-widget.vcw-widget--grid[data-vc-context="public"] .vcw-widget__grid {
    grid-template-columns: repeat(3, minmax(220px, 1fr));
  }
}

@media (max-width: 960px) {
  .vcw-widget {
    max-width: 100%;
  }
  .vcw-widget__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .vcw-card__media {
    max-height: 154px;
  }
  .vcw-card__title {
    font-size: 17px;
  }
}

@media (max-width: 640px) {
  .vcw-widget {
    padding: 0;
  }
  .vcw-widget__grid {
    grid-template-columns: 1fr;
  }
  .vcw-card__media {
    max-height: 144px;
  }
  .vcw-card__body {
    padding: 12px 13px 14px;
  }
}


.vc-frontend-dashboard{
  max-width:1200px;
  margin:0 auto;
}
.vc-front-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}
.vc-front-panel{
  background:#fff;
  border:1px solid #d9e1ea;
  border-radius:18px;
  padding:18px;
  box-shadow:0 4px 18px rgba(15,23,42,.04);
}
.vc-front-panel h3{
  margin:0 0 10px;
  font-size:20px;
}
.vc-front-table{
  width:100%;
  border-collapse:collapse;
}
.vc-front-table th,
.vc-front-table td{
  padding:10px 8px;
  border-bottom:1px solid #e5e7eb;
  text-align:left;
  vertical-align:top;
}
.vc-front-table th{
  background:#f8fafc;
  font-size:13px;
}
.vc-front-success,.vc-front-error{
  border:1px solid #dbe4ee;
  border-radius:14px;
  padding:12px 14px;
  margin:0 0 16px;
  background:#fff;
}
.vc-front-success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}
.vc-front-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.vc-front-pre{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:12px;
  white-space:pre-wrap;
  word-break:break-word;
  background:#0f172a;
  color:#e2e8f0;
  border-radius:12px;
  padding:12px;
}
.vc-front-badge{
  display:inline-block;
  padding:4px 9px;
  border-radius:999px;
  background:#eef2ff;
  color:#3730a3;
  font-size:12px;
  font-weight:600;
}
.vc-front-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:18px 0;
}
.vc-front-stat{
  background:#fff;
  border:1px solid #d9e1ea;
  border-radius:16px;
  padding:16px;
}
.vc-front-stat strong{
  display:block;
  font-size:28px;
  line-height:1.1;
  margin-bottom:4px;
}
.vc-front-help{
  color:#475569;
  font-size:14px;
  line-height:1.55;
}
@media (max-width: 980px){
  .vc-front-grid,.vc-front-stat-grid{grid-template-columns:1fr}
}


/* v2.3.1 readability hotfix */
.vc-frontend-dashboard,
.vc-frontend-dashboard *{
  color:#1f2937;
}
.vc-frontend-dashboard{
  background:#f6f8fb;
  padding:18px;
  border-radius:20px;
}
.vc-front-panel,
.vc-front-stat,
.vc-front-success,
.vc-front-error{
  color:#1f2937;
}
.vc-front-panel{
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}
.vc-front-panel p,
.vc-front-panel label,
.vc-front-panel li,
.vc-front-panel td,
.vc-front-panel th,
.vc-front-help{
  color:#334155;
}
.vc-front-panel h3,
.vc-front-panel strong,
.vc-front-stat strong{
  color:#0f172a;
}
.vc-front-table{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  overflow:hidden;
}
.vc-front-table th{
  color:#0f172a;
  background:#f1f5f9;
  font-weight:700;
}
.vc-front-table td{
  color:#334155;
  background:#fff;
}
.vc-front-table tr:nth-child(even) td{
  background:var(--vcw-empty-bg);
}
.vc-front-panel input[type="text"],
.vc-front-panel input[type="url"],
.vc-front-panel input[type="email"],
.vc-front-panel input[type="number"],
.vc-front-panel select,
.vc-front-panel textarea{
  width:100%;
  border:1px solid #cbd5e1;
  border-radius:12px;
  padding:10px 12px;
  background:#fff;
  color:#0f172a;
  box-sizing:border-box;
}
.vc-front-panel input::placeholder,
.vc-front-panel textarea::placeholder{
  color:#94a3b8;
}
.vc-front-panel button,
.vc-front-panel .button{
  border-radius:12px !important;
}
.vc-front-panel .button-primary,
.vc-front-panel button.button-primary{
  background:#2563eb !important;
  border-color:#2563eb !important;
  color:#fff !important;
  text-shadow:none !important;
  box-shadow:none !important;
}
.vc-front-panel .button-primary:hover,
.vc-front-panel button.button-primary:hover{
  background:#1d4ed8 !important;
  border-color:#1d4ed8 !important;
}
.vc-front-panel .button,
.vc-front-panel button{
  color:#0f172a !important;
}
.vc-front-badge{
  background:#e0e7ff;
  color:#3730a3 !important;
  border:1px solid #c7d2fe;
}
.vc-front-success{
  background:#effaf3;
  color:#166534 !important;
}
.vc-front-success strong,
.vc-front-success span{
  color:#166534 !important;
}
.vc-front-error{
  background:#fff1f2;
  color:#9f1239 !important;
}
.vc-front-error strong,
.vc-front-error span{
  color:#9f1239 !important;
}
.vc-front-pre{
  background:#0b1220;
  color:#e5eefb !important;
  border:1px solid #1e293b;
}
.vc-paypal-status{
  color:#7c2d12 !important;
}
.vc-front-stat{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}
.vc-front-stat span{
  color:#475569;
  font-weight:600;
}
.vc-front-grid > .vc-front-panel:first-child{
  border-top:4px solid #2563eb;
}
.vc-front-grid > .vc-front-panel:nth-child(2){
  border-top:4px solid #16a34a;
}
.vc-front-grid > .vc-front-panel:nth-child(3){
  border-top:4px solid #7c3aed;
}
.vc-front-grid > .vc-front-panel:nth-child(4){
  border-top:4px solid #ea580c;
}


.vcw-widget__empty{
  grid-column:1 / -1;
  padding:16px 18px;
  border:1px dashed #cbd5e1;
  border-radius:14px;
  background:linear-gradient(180deg,#f8fbff 0%,#f1f6fd 100%);
}
.vcw-widget__empty strong{
  display:block;
  margin:0 0 6px;
  color:#0f172a;
  font-size:16px;
}
.vcw-widget__empty p{
  margin:0;
  color:#475569;
  font-size:14px;
  line-height:1.55;
}


.vcw-widget__header,
.vcw-widget__title,
.vcw-widget__description,
.vcw-card__title,
.vcw-card__description,
.vcw-card__meta,
.vcw-card__domain,
.vcw-card__type{
  color: var(--vcw-text-strong);
}
.vcw-widget__empty{
  grid-column:1 / -1;
  padding:18px;
  border:1px solid var(--vcw-empty-border);
  border-radius:14px;
  background:var(--vcw-empty-bg);
  box-shadow:0 10px 26px rgba(15,33,68,.06);
}
.vcw-widget__empty strong{
  display:block;
  margin:0 0 8px;
  color: var(--vcw-empty-title);
  font-size:16px;
  line-height:1.3;
}
.vcw-widget__empty p{
  margin:0;
  color: var(--vcw-empty-text);
  font-size:14px;
  line-height:1.6;
}
.vcw-widget__debug{
  margin-top:14px;
  border:1px solid var(--vcw-empty-border);
  border-radius:12px;
  background:#f7fbff;
}
.vcw-widget__debug summary{
  cursor:pointer;
  padding:12px 14px;
  color:#194f9b;
  font-weight:700;
}
.vcw-widget__debug pre{
  margin:0;
  padding:0 14px 14px;
  white-space:pre-wrap;
  word-break:break-word;
  color: var(--vcw-empty-title);
  font-size:12px;
  line-height:1.55;
}

.vcw-widget__debug{display:block!important;margin-top:14px!important;border:1px solid #c7d9f5!important;border-radius:12px!important;background:#ffffff!important;box-shadow:0 8px 24px rgba(15,33,68,.06)!important;overflow:hidden!important}
.vcw-widget__debug-title{display:block;padding:12px 14px;background:linear-gradient(180deg,#eef5ff 0%,#e6f0ff 100%);border-bottom:1px solid #d7e4f7;color:#0f2a63;font-weight:800;font-size:14px}
.vcw-widget__debug-copy{margin:0;padding:12px 14px 0;color:#425a7a;font-size:13px;line-height:1.55}
.vcw-widget__debug pre{display:block!important;max-height:none!important;overflow:auto!important;margin:0!important;padding:12px 14px 14px!important;white-space:pre-wrap!important;word-break:break-word!important;color:#0f2a63!important;background:#fff!important;font-size:12px!important;line-height:1.55!important}

.vcw-card__domain{
  font-weight:600;
  color:var(--vcw-domain);
}


.vcw-card__placeholder{
  background: var(--vcw-placeholder-bg);
  letter-spacing:.04em;
}

.vcw-widget__empty{
  grid-column:1/-1;
  border:1px dashed var(--vcw-empty-border);
  border-radius:14px;
  background:var(--vcw-empty-bg);
  padding:18px;
}

.vcw-widget__empty strong{
  display:block;
  margin-bottom:6px;
  color:var(--vcw-empty-title);
}

.vcw-widget__empty p{
  margin:0;
  color:var(--vcw-empty-text);
}


.vcw-card__signal{
  display:inline-flex;
  align-items:center;
  margin:0 0 8px;
  padding:4px 8px;
  border-radius:999px;
  background:#eef6ff;
  color:#295b94;
  font-size:11px;
  font-weight:700;
  letter-spacing:.02em;
}

.vcw-card__reason{
  margin:10px 0 0;
  font-size:12px;
  line-height:1.45;
  color:#6b7b8c;
}

.vcw-card--eligible .vcw-card__signal,
.vcw-card--standard .vcw-card__signal{
  background:#eef6ff;
}

.vcw-card--sparse_fallback .vcw-card__signal,
.vcw-card--fallback .vcw-card__signal{
  background:#f5f3ff;
  color:#5c43a8;
}


.vcw-card__body{min-height:0;display:flex;flex-direction:column}
.vcw-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.vcw-card__description{min-height:4.55em}
.vcw-card__reason{margin-top:auto}
.vcw-card__signal--high{background:#eaf7ee;color:#246b3d}
.vcw-card__signal--medium{background:#eef6ff;color:#295b94}
.vcw-card__signal--low{background:#f5f3ff;color:#5c43a8}
.vcw-card--confidence-high{border-color:#d7ebdd}
.vcw-card--confidence-low .vcw-card__signal{opacity:.92}
