:root {
    --vr-bg: #0c1117;
    --vr-surface: #121923;
    --vr-surface-2: #17212d;
    --vr-text: #e8eef6;
    --vr-muted: #98a7ba;
    --vr-border: rgba(255,255,255,0.08);
    --vr-accent: #6ee7b7;
    --vr-radius: 18px;
    --vr-container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.vr-theme {
    background: radial-gradient(circle at top right, rgba(110,231,183,0.09), transparent 22%), var(--vr-bg);
    color: var(--vr-text);
    font-family: Inter, Arial, sans-serif;
    margin: 0;
}
img { max-width: 100%; height: auto; }
a { color: inherit; }
.vr-container { width: min(calc(100% - 32px), var(--vr-container)); margin: 0 auto; }
.vr-header .vr-container { display:flex; flex-direction:column; align-items:center; }
.vr-header { position: static !important; top: auto !important; z-index: 1; background: rgba(12,17,23,0.92); backdrop-filter: none; border-bottom: 1px solid var(--vr-border); padding: 10px 0 0; transform: none !important; }
body.admin-bar .vr-header { top: auto !important; }
.vr-site-shell { overflow: visible; }
.vr-header-inner,.vr-footer-inner,.vr-hero-grid,.vr-page-columns { display: grid; gap: 24px; }
.vr-logo-row { display:flex; justify-content:center; align-items:center; text-align:center; width:100%; padding: 4px 0 10px; }
.vr-branding { display:flex; justify-content:center; align-items:center; width:100%; margin:0 auto; }
.custom-logo-link { display:flex; justify-content:center; align-items:center; width:100%; margin:0 auto; text-align:center; }
.vr-logo-row .custom-logo { display:block !important; width:min(636px, 69.36vw) !important; max-width:100% !important; height:auto !important; max-height:none !important; margin:0 auto !important; }
.vr-logo-row .custom-logo-link img { display:block !important; width:min(636px, 69.36vw) !important; max-width:100% !important; height:auto !important; max-height:none !important; margin:0 auto !important; }
.vr-wordmark,.vr-menu a,.vr-footer-menu a,.vr-link-btn { color: var(--vr-text); text-decoration: none; }
.vr-wordmark { font-size: clamp(2rem,4vw,3.25rem); line-height:1; }
.vr-wordmark { font-weight: 800; letter-spacing: .02em; }
.vr-menu,.vr-footer-menu,.vr-copilot-list { list-style: none; margin: 0; padding: 0; }
.vr-menu,.vr-footer-menu { display: flex; gap: 32px; align-items: center; }
.vr-menu { justify-content:center; }
.vr-nav-row { width:100%; border-top: 1px solid var(--vr-border); padding: 10px 0 12px; }
.vr-menu a:hover,.vr-link-btn:hover,.vr-footer-menu a:hover { color: var(--vr-accent); }
.vr-btn { display:inline-flex; align-items:center; justify-content:center; padding:12px 18px; border-radius:999px; text-decoration:none; font-weight:700; border:1px solid transparent; transition:transform .15s ease, opacity .15s ease, border-color .15s ease; }
.vr-btn:hover { transform: translateY(-1px); }
.vr-btn-primary { background: var(--vr-accent); color: #081018; }
.vr-btn-secondary { border-color: var(--vr-border); color: var(--vr-text); background: rgba(255,255,255,.02); }
.vr-hero,.vr-section,.vr-page-shell { padding: 52px 0; }
.vr-hero-grid { grid-template-columns: 1.12fr .88fr; align-items: center; }
.vr-eyebrow,.vr-panel-badge { display:inline-block; padding:6px 10px; border:1px solid var(--vr-border); border-radius:999px; color:var(--vr-accent); font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.vr-hero h1,.vr-page-shell h1,.vr-content-card h1 { font-size: clamp(2rem, 4vw, 4rem); line-height:1.02; margin:14px 0; }
.vr-hero-subtext,.vr-section-head p,.vr-card p,.vr-copilot-panel p,.vr-content-card p,.vr-footer-copy,.vr-page-intro { color: var(--vr-muted); }
.vr-hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:22px; }
.vr-copilot-panel,.vr-card,.vr-step,.vr-trust-item,.vr-content-card,.vr-app-shell,.vr-mini-stat { background: linear-gradient(180deg, var(--vr-surface), var(--vr-surface-2)); border:1px solid var(--vr-border); border-radius:var(--vr-radius); }
.vr-copilot-panel,.vr-card,.vr-step,.vr-trust-item,.vr-content-card,.vr-app-shell { padding:22px; }
.vr-content-card { padding: 28px; overflow: hidden; }
.vr-copilot-list li { padding: 10px 0; border-top:1px solid rgba(255,255,255,.06); }
.vr-copilot-list li:first-child { margin-top: 10px; }
.vr-section-head { margin-bottom:18px; }
.vr-workflow-grid,.vr-card-grid,.vr-trust-grid,.vr-post-list,.vr-mini-stats { display:grid; gap:18px; }
.vr-workflow-grid { grid-template-columns: repeat(5, 1fr); }
.vr-card-grid { grid-template-columns: repeat(4, 1fr); }
.vr-trust-grid { grid-template-columns: repeat(2, 1fr); }
.vr-page-columns { grid-template-columns: 1.2fr .8fr; align-items:start; }
.vr-step,.vr-trust-item { font-weight:700; }
.vr-footer { border-top:1px solid var(--vr-border); padding:28px 0; margin-top:24px; }
.vr-footer-inner { grid-template-columns:1fr auto; align-items:center; }
.vr-mini-stats { grid-template-columns: repeat(4, 1fr); margin-top: 24px; }
.vr-mini-stat { padding: 16px; }
.vr-mini-stat strong { display:block; font-size: 1.3rem; }
.vr-mini-stat span { color: var(--vr-muted); font-size: .92rem; }
.vr-shortcode-block { margin-top: 18px; }
.vr-app-shell { padding: 18px; }

/* Plugin skinning so the app matches the theme */
.vr-theme .vrs-wrap { color: var(--vr-text); }
.vr-theme .vrs-wrap .vrs-card,
.vr-theme .vrs-wrap article,
.vr-theme .vrs-wrap section {
    background: linear-gradient(180deg, rgba(18,25,35,.98), rgba(23,33,45,.98)) !important;
    color: var(--vr-text) !important;
    border: 1px solid var(--vr-border) !important;
    border-radius: 16px !important;
}
.vr-theme .vrs-wrap h1,
.vr-theme .vrs-wrap h2,
.vr-theme .vrs-wrap h3,
.vr-theme .vrs-wrap strong,
.vr-theme .vrs-wrap label,
.vr-theme .vrs-wrap th,
.vr-theme .vrs-wrap td,
.vr-theme .vrs-wrap p,
.vr-theme .vrs-wrap li,
.vr-theme .vrs-wrap small,
.vr-theme .vrs-wrap div,
.vr-theme .vrs-wrap span,
.vr-theme .vrs-wrap a { color: var(--vr-text) !important; }
.vr-theme .vrs-wrap p,
.vr-theme .vrs-wrap small,
.vr-theme .vrs-wrap .description { color: var(--vr-muted) !important; }
.vr-theme .vrs-wrap input,
.vr-theme .vrs-wrap textarea,
.vr-theme .vrs-wrap select {
    width: 100%;
    background: #0f1620 !important;
    color: var(--vr-text) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 12px;
    padding: 12px;
}
.vr-theme .vrs-wrap .button,
.vr-theme .vrs-wrap .button-primary,
.vr-theme .vrs-wrap button {
    background: var(--vr-accent) !important;
    color: #081018 !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 10px 16px !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
.vr-theme .vrs-wrap table.widefat,
.vr-theme .vrs-wrap table.widefat thead,
.vr-theme .vrs-wrap table.widefat tbody,
.vr-theme .vrs-wrap table.widefat tr,
.vr-theme .vrs-wrap table.widefat td,
.vr-theme .vrs-wrap table.widefat th {
    background: transparent !important;
    border-color: rgba(255,255,255,.08) !important;
}
.vr-theme .vrs-wrap .widefat.striped > tbody > :nth-child(odd) { background: rgba(255,255,255,.015) !important; }
.vr-theme .vrs-wrap code { color: #d1fae5; background: rgba(255,255,255,.04); padding: 2px 6px; border-radius: 8px; }



/* Strong overrides for white inline app panels/cards */

.vr-theme .vrs-media-desk,
.vr-theme .vrs-media-desk[style],
.vr-theme .vrs-media-desk *[style*="background:#fff"],
.vr-theme .vrs-media-desk *[style*="background: #fff"],
.vr-theme .vrs-media-desk *[style*="background:#f9fafb"],
.vr-theme .vrs-media-desk *[style*="background: #f9fafb"] {
    background: linear-gradient(180deg, rgba(10,16,25,.98), rgba(17,25,36,.98)) !important;
    color: var(--vr-text) !important;
    border-color: rgba(255,255,255,.18) !important;
}
.vr-theme .vrs-media-desk > div > div:first-child > div[style],
.vr-theme .vrs-media-desk > div > div:first-child > div > div[style],
.vr-theme .vrs-media-desk *[style*="border:1px solid #e5e7eb"] {
    background: linear-gradient(180deg, rgba(16,23,33,1), rgba(12,18,27,1)) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 14px !important;
}

.vr-theme .vrs-media-desk,
.vr-theme .vrs-media-desk[style] {
    background: linear-gradient(180deg, rgba(10,16,25,.98), rgba(17,25,36,.98)) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}
.vr-theme .vrs-media-desk h1,
.vr-theme .vrs-media-desk h2,
.vr-theme .vrs-media-desk h3,
.vr-theme .vrs-media-desk p,
.vr-theme .vrs-media-desk strong,
.vr-theme .vrs-media-desk div,
.vr-theme .vrs-media-desk span,
.vr-theme .vrs-media-desk a {
    color: var(--vr-text) !important;
}
.vr-theme .vrs-media-desk p,
.vr-theme .vrs-media-desk [style*="opacity:.7"] {
    color: var(--vr-muted) !important;
}
.vr-theme .vrs-media-desk > div > div:first-child > div[style],
.vr-theme .vrs-media-desk > div > div:first-child > div > div[style] {
    background: linear-gradient(180deg, rgba(16,23,33,1), rgba(12,18,27,1)) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 14px !important;
}
.vr-theme .vrs-media-desk .button,
.vr-theme .vrs-media-desk .button-primary {
    border: 1px solid rgba(255,255,255,.14) !important;
}

@media (max-width: 980px) {
    .vr-hero-grid,.vr-page-columns,.vr-workflow-grid,.vr-card-grid,.vr-trust-grid,.vr-mini-stats { grid-template-columns: 1fr; }
    .vr-menu { justify-content: center; flex-wrap: wrap; gap: 16px 22px; }
    .vr-logo-row .custom-logo, .vr-logo-row .custom-logo-link img { width:min(680px, 94vw) !important; }
    .vr-footer-inner { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .vr-logo-row .custom-logo, .vr-logo-row .custom-logo-link img { width:min(520px, 94vw) !important; }
    .vr-nav-row { padding-top: 12px; }
    .vr-menu { gap: 12px 16px; font-size: 14px; }
}

/* v0.3.4 hard override for Media Desk inline white panels */
.vr-theme .vrs-media-desk,
.vr-theme .vrs-media-desk[style] {
  background: #0d1622 !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  color: #ecf3fb !important;
}
.vr-theme .vrs-media-desk > div,
.vr-theme .vrs-media-desk > div[style] {
  background: transparent !important;
  color: #ecf3fb !important;
}
.vr-theme .vrs-media-desk [style*="background:#fff"],
.vr-theme .vrs-media-desk [style*="background: #fff"],
.vr-theme .vrs-media-desk [style*="background:#f9fafb"],
.vr-theme .vrs-media-desk [style*="background: #f9fafb"] {
  background: #101b29 !important;
  color: #ecf3fb !important;
  border-color: rgba(255,255,255,.28) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05) !important;
}
.vr-theme .vrs-media-desk h1,
.vr-theme .vrs-media-desk h2,
.vr-theme .vrs-media-desk h3,
.vr-theme .vrs-media-desk strong,
.vr-theme .vrs-media-desk a,
.vr-theme .vrs-media-desk div,
.vr-theme .vrs-media-desk span {
  color: #f5f9ff !important;
}
.vr-theme .vrs-media-desk p,
.vr-theme .vrs-media-desk [style*="opacity:.7"] {
  color: #c6d4e6 !important;
}

/* v0.3.6 force non-sticky header and reclaim workspace */
.vr-header, .vr-header * { will-change: auto !important; }