/*
Theme Name: VelocityPress Enterprise
Description: AI-ready enterprise publishing theme with dashboard, typography, layout, ads, widgets, and performance framework.
Version: 4.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: velocitypress-pro
*/
:root{--bg:#f7f8fa;--paper:#fff;--ink:#14181f;--muted:#667085;--line:#e5e9ef;--accent:#0f62fe;--soft:#eef4ff;--max:1200px;--content:780px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(var(--max),calc(100% - 32px));margin:auto}
.site-header{position:sticky;top:0;z-index:99;background:#fffffff5;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:900;font-size:1.28rem;letter-spacing:-.03em}.brand small{display:block;font-size:.68rem;color:var(--muted);font-weight:600}.primary-menu ul{display:flex;gap:22px;list-style:none;padding:0;margin:0}.primary-menu a{font-size:.88rem;font-weight:750}.header-actions{display:flex;gap:8px}.btn{min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;display:inline-flex;align-items:center;font-weight:800}.btn.primary{background:var(--accent);color:#fff}
.strip{background:#101828;color:#fff}.strip .container{min-height:38px;display:flex;gap:18px;align-items:center;overflow:auto}.strip strong{background:var(--accent);padding:4px 8px;border-radius:999px;font-size:.7rem}.strip a{white-space:nowrap;font-size:.78rem}
.hero{padding:46px 0 28px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.hero-main{background:linear-gradient(135deg,#fff,#f2f6ff);border:1px solid var(--line);border-radius:22px;padding:clamp(26px,4vw,44px);min-height:410px;display:flex;flex-direction:column;justify-content:space-between}.eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--accent)}.hero h1{font-size:clamp(2.25rem,4.5vw,4.25rem);line-height:1.02;letter-spacing:-.055em;margin:14px 0}.hero p{color:var(--muted);font-size:1.04rem}.meta{font-size:.75rem;color:var(--muted);font-weight:700}.hero-side{display:grid;gap:14px}.mini-card,.card,.widget,.side-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px}.mini-card{display:grid;grid-template-columns:44px 1fr;gap:14px}.num{width:44px;height:44px;border-radius:12px;background:var(--soft);color:var(--accent);display:grid;place-items:center;font-weight:900}.mini-card h3,.card h3{margin:4px 0 8px;line-height:1.24}
.section{padding:46px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-head h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.08;letter-spacing:-.04em;margin:5px 0}.view-all,.read-link{color:var(--accent);font-weight:900}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{min-height:270px;display:flex;flex-direction:column}.chip{display:inline-flex;background:var(--soft);color:var(--accent);padding:5px 9px;border-radius:999px;font-size:.68rem;font-weight:900}.card p{color:var(--muted);font-size:.92rem}.card-footer{margin-top:auto}.latest-layout{display:grid;grid-template-columns:1fr 330px;gap:28px}.latest-list{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.latest-item{display:grid;grid-template-columns:54px 1fr auto;gap:14px;padding:19px;border-bottom:1px solid var(--line)}.latest-item:last-child{border-bottom:0}.latest-item h3{font-size:1.08rem;margin:0 0 5px}.sticky{position:sticky;top:94px}
.ctr{background:linear-gradient(135deg,#101828,#204277);color:#fff;border-radius:22px;padding:38px;display:flex;justify-content:space-between;gap:24px;align-items:center}.ctr h2{font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.05;margin:0 0 8px}
.article-shell{padding:38px 0 70px}.breadcrumbs{font-size:.78rem;color:var(--muted);margin-bottom:20px}.article-layout{display:grid;grid-template-columns:minmax(0,var(--content)) 340px;gap:34px}.article-title{font-size:clamp(2.25rem,4vw,3.7rem);line-height:1.05;letter-spacing:-.05em;margin:12px 0 18px}.article-content{background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(24px,4vw,42px);font-size:1.04rem;line-height:1.8}.article-content h2{font-size:clamp(1.65rem,2.5vw,2.05rem)}.article-content h3{font-size:clamp(1.3rem,2vw,1.55rem)}.article-content a{color:var(--accent);text-decoration:underline}.toc{list-style:none;padding:0}.toc li{padding:8px 0;border-bottom:1px solid var(--line)}.related{padding:10px 0;border-bottom:1px solid var(--line)}
.archive-head{padding:42px 0 22px}.archive-head h1{font-size:clamp(2.2rem,4vw,3.6rem);margin:6px 0}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding-bottom:60px}
.site-footer{background:#101828;color:#cbd5e1;padding:44px 0 20px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px}.site-footer h3{color:#fff}.copyright{border-top:1px solid #2b374a;margin-top:28px;padding-top:15px;font-size:.78rem}
.vp-ad-slot{text-align:center;margin:24px auto;clear:both}.vp-ad-inner{margin:auto;max-width:100%;overflow:hidden}.vp-ad-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:5px}.vp-ad-size-responsive .vp-ad-inner{width:100%}.vp-ad-size-970x250 .vp-ad-inner{width:970px}.vp-ad-size-970x90 .vp-ad-inner{width:970px}.vp-ad-size-728x90 .vp-ad-inner{width:728px}.vp-ad-size-300x250 .vp-ad-inner{width:300px}.vp-ad-size-300x600 .vp-ad-inner{width:300px}.vp-ad-inner{max-width:100%}
@media(max-width:980px){.primary-menu{display:none}.hero-grid,.latest-layout,.article-layout{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.sticky{position:static}}
@media(max-width:700px){.grid,.archive-grid,.footer-grid{grid-template-columns:1fr}.section-head,.ctr{display:block}.hero{padding-top:28px}.article-content{padding:22px}}


/* === VelocityPress Enterprise Sprint 1 === */
:root{
 --vp-container:1200px;
 --vp-content:780px;
 --vp-sidebar:340px;
 --vp-body-size:16px;
 --vp-body-line:1.65;
 --vp-hero-size:3.6rem;
 --vp-article-size:3.2rem;
 --vp-h2-size:2rem;
 --vp-h3-size:1.5rem;
}
body{font-size:var(--vp-body-size);line-height:var(--vp-body-line)}
.container{width:min(var(--vp-container),calc(100% - 32px))}
.hero h1{font-size:clamp(2rem,4vw,var(--vp-hero-size))}
.article-title{font-size:clamp(2rem,3.5vw,var(--vp-article-size))}
.article-content h2{font-size:var(--vp-h2-size)}
.article-content h3{font-size:var(--vp-h3-size)}
.article-layout{grid-template-columns:minmax(0,var(--vp-content)) var(--vp-sidebar)}
.vpe-admin-note{font-size:.85rem;color:var(--muted)}

.vpe-ad{margin:24px auto;text-align:center;clear:both;max-width:100%;overflow:hidden}
.vpe-ad-mobile{display:none}
@media(max-width:767px){.vpe-ad-desktop{display:none}.vpe-ad-mobile{display:block}}
.vpe-layout-left-sidebar .article-layout{grid-template-columns:var(--vp-sidebar) minmax(0,var(--vp-content))}
.vpe-layout-left-sidebar .article-layout>article{order:2}
.vpe-layout-left-sidebar .article-layout>aside{order:1}
.vpe-layout-no-sidebar .article-layout{grid-template-columns:minmax(0,var(--vp-content));justify-content:center}
.vpe-layout-no-sidebar .article-layout>aside{display:none}


/* === VelocityPress Enterprise Sprint 2 === */
.vpe-section{padding:46px 0}
.vpe-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}
.vpe-section-head h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.08;letter-spacing:-.04em;margin:5px 0}
.vpe-component-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.vpe-component-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px;min-height:250px;display:flex;flex-direction:column}
.vpe-component-card h3{font-size:1.22rem;line-height:1.22;margin:12px 0 8px}
.vpe-component-card p{color:var(--muted);font-size:.92rem}
.vpe-component-card .read-link{margin-top:auto}
.vpe-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.vpe-category-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}
.vpe-category-box strong{font-size:1.1rem}
.vpe-category-box small{display:block;color:var(--muted);margin-top:5px}
.vpe-newsletter{background:linear-gradient(135deg,#101828,#204277);color:#fff;border-radius:22px;padding:38px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.vpe-newsletter h2{font-size:clamp(1.9rem,3vw,2.8rem);margin:0 0 8px}
.vpe-newsletter p{color:#cbd5e1;margin:0}
.vpe-newsletter form{display:flex;gap:8px;min-width:350px}
.vpe-newsletter input{flex:1;padding:12px;border:0;border-radius:10px}
.vpe-newsletter button{background:#fff;color:#101828;border:0;border-radius:10px;padding:12px 16px;font-weight:900}
.vpe-header-style-centered .header-inner{display:grid;grid-template-columns:1fr auto 1fr}
.vpe-header-style-centered .brand{grid-column:2;text-align:center}
.vpe-header-style-centered .primary-menu{grid-column:1;grid-row:1}
.vpe-header-style-centered .header-actions{grid-column:3;grid-row:1;justify-self:end}
.vpe-header-style-minimal .primary-menu{display:none}
.vpe-footer-layout-4 .footer-grid{grid-template-columns:1.4fr repeat(3,1fr)}
.vpe-footer-layout-2 .footer-grid{grid-template-columns:1.4fr 1fr}
.vpe-preset-tech{--accent:#0f62fe}
.vpe-preset-health{--accent:#0e8f62}
.vpe-preset-fashion{--accent:#b13c73}
.vpe-preset-finance{--accent:#b56b00}
.vpe-preset-automotive{--accent:#d13f2f}
.vpe-preset-education{--accent:#6b4fc9}
.vpe-preset-minimal{--accent:#222}
@media(max-width:900px){
 .vpe-component-grid{grid-template-columns:repeat(2,1fr)}
 .vpe-category-grid{grid-template-columns:repeat(2,1fr)}
 .vpe-newsletter{grid-template-columns:1fr}
 .vpe-newsletter form{min-width:0}
}
@media(max-width:620px){
 .vpe-component-grid,.vpe-category-grid{grid-template-columns:1fr}
 .vpe-newsletter form{display:block}
 .vpe-newsletter button{width:100%;margin-top:8px}
}


/* === VelocityPress Enterprise Sprint 3 === */
.vpe-ai-panel{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:18px;margin-top:18px}
.vpe-ai-panel h3{margin-top:0}
.vpe-ai-result{background:#f6f8fb;border:1px solid #e4e8ef;border-radius:10px;padding:12px;margin-top:12px;white-space:pre-wrap}
.vpe-score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}
.vpe-score-card{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:16px}
.vpe-score-card strong{display:block;font-size:1.8rem;margin-top:6px}
.vpe-score-good strong{color:#16824a}.vpe-score-mid strong{color:#b26a00}.vpe-score-low strong{color:#b42318}
.vpe-ai-sidebar-tags{display:flex;flex-wrap:wrap;gap:8px}
.vpe-ai-sidebar-tags a{display:inline-flex;padding:7px 10px;background:var(--soft);color:var(--accent);border-radius:999px;font-size:.78rem;font-weight:800}
.vpe-internal-suggestions{list-style:none;padding:0;margin:0}
.vpe-internal-suggestions li{padding:10px 0;border-bottom:1px solid var(--line)}
.vpe-geo-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#eef4ff;color:#0f62fe;font-size:.72rem;font-weight:900}
@media(max-width:900px){.vpe-score-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.vpe-score-grid{grid-template-columns:1fr}}


/* === VelocityPress Enterprise Sprint 4 === */
.vpe-reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);width:0;z-index:9999}
.vpe-reading-tools{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;z-index:999}
.vpe-reading-tools button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 8px 24px rgba(0,0,0,.12);font-weight:900;cursor:pointer}
body.vpe-dark{--bg:#101318;--paper:#171b22;--ink:#f3f5f7;--muted:#a9b0ba;--line:#2b313a;--soft:#1d2940}
body.vpe-focus .site-header,body.vpe-focus .site-footer,body.vpe-focus .article-layout>aside{display:none!important}
body.vpe-focus .article-layout{grid-template-columns:minmax(0,var(--vp-content));justify-content:center}
body.vpe-font-large .article-content{font-size:1.18rem}
body.vpe-font-small .article-content{font-size:.96rem}
.vpe-author-box{display:grid;grid-template-columns:70px 1fr;gap:16px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px;margin-top:24px}
.vpe-author-box img{border-radius:50%}
.vpe-share-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.vpe-share-row button,.vpe-share-row a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:800;cursor:pointer}
.vpe-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}
.vpe-stat-card{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:16px}
.vpe-stat-card strong{display:block;font-size:1.8rem;margin-top:6px}
.vpe-mega-menu{position:absolute;left:0;right:0;top:100%;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.12);padding:22px;display:none}
.menu-item-has-children:hover>.vpe-mega-menu{display:block}
.vpe-mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.vpe-mega-card h4{font-size:.95rem;margin:8px 0}
.vpe-theme-studio-preview{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:20px}
.vpe-theme-studio-preview .sample-card{padding:18px;border:1px solid #e4e7ec;border-radius:14px}
.vpe-ai-recommendation{background:#f7f9fc;border:1px solid #e4e8ef;border-radius:10px;padding:14px;white-space:pre-wrap}
@media(max-width:900px){.vpe-stat-grid{grid-template-columns:repeat(2,1fr)}.vpe-mega-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.vpe-stat-grid,.vpe-mega-grid{grid-template-columns:1fr}.vpe-reading-tools{right:10px;bottom:10px}}


/* === VelocityPress Enterprise Sprint 5 === */
.vpe-ai-workbench{display:grid;grid-template-columns:320px 1fr;gap:18px}
.vpe-ai-sidebar-nav{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:14px}
.vpe-ai-sidebar-nav button{display:block;width:100%;text-align:left;margin-bottom:8px}
.vpe-ai-main{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:18px}
.vpe-review-table td{vertical-align:top}
.vpe-proposal-card{background:#f7f9fc;border:1px solid #e3e8ef;border-radius:10px;padding:14px;margin-bottom:12px}
.vpe-proposal-card h4{margin:0 0 8px}
.vpe-proposal-current{color:#7b8492;text-decoration:line-through}
.vpe-proposal-new{color:#117445;font-weight:800}
.vpe-topic-cluster{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vpe-topic-node{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}
.vpe-topic-node strong{display:block;margin-bottom:6px}
.vpe-trending-list{list-style:none;padding:0;margin:0}
.vpe-trending-list li{padding:10px 0;border-bottom:1px solid var(--line)}
.vpe-citation-suggestion{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:10px}
.vpe-component-reco{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.vpe-component-reco .vpe-card{padding:14px}
@media(max-width:900px){.vpe-ai-workbench{grid-template-columns:1fr}.vpe-topic-cluster,.vpe-component-reco{grid-template-columns:1fr}}


/* === VelocityPress Enterprise Sprint 6 === */
.vpe-a11y-skip{position:absolute;left:-9999px;top:auto}
.vpe-a11y-skip:focus{left:16px;top:16px;z-index:10000;background:#fff;color:#111;padding:10px 14px;border-radius:8px}
.vpe-health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vpe-health-card{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:16px}
.vpe-health-ok{border-left:4px solid #14804a}.vpe-health-warn{border-left:4px solid #b76e00}.vpe-health-bad{border-left:4px solid #b42318}
.vpe-codebox{background:#101828;color:#e5e7eb;border-radius:10px;padding:14px;overflow:auto;white-space:pre-wrap}
.vpe-wizard-step{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:18px;margin-bottom:14px}
.vpe-release-checklist li{padding:8px 0;border-bottom:1px solid #eceff3}
.vpe-import-export textarea{width:100%;min-height:260px;font-family:monospace}
.vpe-badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}
.vpe-badge-ok{background:#dff2e5;color:#176b38}.vpe-badge-warn{background:#fff0c7;color:#8a5b00}.vpe-badge-bad{background:#f9d7d7;color:#9b2525}
@media(max-width:900px){.vpe-health-grid{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){
 .vpe-respect-reduced-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
.vpe-high-contrast{--ink:#000;--muted:#333;--line:#777;--paper:#fff;--bg:#fff}


/* === VelocityPress Enterprise Sprint 7 === */
.vpe-safe-mode .vpe-reading-tools,
.vpe-safe-mode .vpe-mega-menu,
.vpe-safe-mode .vpe-ai-sidebar-tags{display:none!important}
.vpe-qa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vpe-qa-card{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:16px}
.vpe-qa-pass{border-left:4px solid #14804a}
.vpe-qa-warn{border-left:4px solid #b76e00}
.vpe-qa-fail{border-left:4px solid #b42318}
.vpe-log-table td{vertical-align:top}
.vpe-log-message{max-width:650px;white-space:pre-wrap;word-break:break-word}
.vpe-cron-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#eef4ff;color:#0f62fe}
.vpe-demo-card{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:18px;max-width:720px}
.vpe-migration-list li{padding:8px 0;border-bottom:1px solid #eceff3}
@media(max-width:900px){.vpe-qa-grid{grid-template-columns:1fr}}


/* === VelocityPress Enterprise Sprint 8 === */
.vpe-builder-shell{display:grid;grid-template-columns:280px 1fr 320px;gap:16px;min-height:680px}
.vpe-builder-panel,.vpe-builder-canvas,.vpe-builder-inspector{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:14px}
.vpe-builder-library{display:grid;gap:8px}
.vpe-builder-library button{width:100%;text-align:left}
.vpe-builder-canvas-list{min-height:520px}
.vpe-builder-item{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border:1px solid #dcdcde;border-radius:10px;padding:12px;margin-bottom:10px;background:#fafbfc}
.vpe-builder-handle{cursor:move;color:#667085}
.vpe-builder-item.is-disabled{opacity:.5}
.vpe-component-badge{display:inline-flex;padding:3px 7px;border-radius:999px;background:#eef4ff;color:#0f62fe;font-size:11px;font-weight:800}
.vpe-layout-json{width:100%;min-height:360px;font-family:monospace}
.vpe-component-marketplace{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vpe-market-card{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:16px}
.vpe-market-card h3{margin-top:0}
.vpe-ai-theme-result{background:#f7f9fc;border:1px solid #e3e8ef;border-radius:10px;padding:14px;white-space:pre-wrap}
.vpe-service-table td{vertical-align:top}
.vpe-core-status{display:inline-flex;padding:4px 8px;border-radius:999px;background:#dff2e5;color:#176b38;font-size:11px;font-weight:800}
.vpe-builder-preview-frame{width:100%;min-height:520px;border:1px solid #dcdcde;border-radius:10px;background:#fff}
@media(max-width:1200px){.vpe-builder-shell{grid-template-columns:240px 1fr}.vpe-builder-inspector{grid-column:1/-1}}
@media(max-width:800px){.vpe-builder-shell{grid-template-columns:1fr}.vpe-component-marketplace{grid-template-columns:1fr}}


/* === VelocityPress Enterprise v0.8.2 Stability & Performance === */
.vpe-health-board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vpe-health-panel{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:16px}
.vpe-health-panel h3{margin:0 0 8px}
.vpe-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vpe-module-card{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:16px}
.vpe-module-card.is-off{opacity:.65}
.vpe-status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}
.vpe-dot-ok{background:#14804a}.vpe-dot-warn{background:#b76e00}.vpe-dot-bad{background:#b42318}
.vpe-error-message{max-width:620px;white-space:pre-wrap;word-break:break-word}
.vpe-query-meter{height:10px;background:#e8ecf2;border-radius:999px;overflow:hidden}
.vpe-query-meter span{display:block;height:100%;background:#0f62fe}
.vpe-cache-stat{font-size:1.9rem;font-weight:900}
.vpe-db-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.vpe-db-action{background:#fff;border:1px solid #dcdcde;border-radius:12px;padding:16px}
.vpe-safe-fallback{max-width:760px;margin:40px auto;padding:24px;background:#fff;border:1px solid #e0e4ea;border-radius:14px}
@media(max-width:1000px){.vpe-health-board,.vpe-module-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.vpe-health-board,.vpe-module-grid,.vpe-db-actions{grid-template-columns:1fr}}


/* === VelocityPress Enterprise v1.0 RC1 === */
.vpx-rc1-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vpx-rc1-card{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:18px}
.vpx-rc1-card h2,.vpx-rc1-card h3{margin-top:0}
.vpx-module-table td{vertical-align:top}
.vpx-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}
.vpx-status-ok{background:#dff2e5;color:#176b38}
.vpx-status-warn{background:#fff0c7;color:#8a5b00}
.vpx-status-bad{background:#f9d7d7;color:#9b2525}
.vpx-code{background:#101828;color:#e5e7eb;border-radius:10px;padding:14px;overflow:auto;white-space:pre-wrap}
.vpx-queue-progress{height:9px;background:#e8ecf2;border-radius:999px;overflow:hidden}
.vpx-queue-progress span{display:block;height:100%;background:#0f62fe}
.vpx-sdk-list li{padding:8px 0;border-bottom:1px solid #eceff3}
@media(max-width:900px){.vpx-rc1-grid{grid-template-columns:1fr}}


/* === VelocityPress Enterprise v1.0 RC2 === */
.vpx-api-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.vpx-api-card{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:16px}
.vpx-api-card code{word-break:break-word}
.vpx-provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vpx-provider-card{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:16px}
.vpx-module-toggle{display:flex;align-items:center;gap:8px}
.vpx-cli-command{background:#101828;color:#e5e7eb;border-radius:10px;padding:10px 12px;display:block;margin-bottom:8px}
.vpx-diagnostic-list li{padding:8px 0;border-bottom:1px solid #eceff3}
@media(max-width:900px){.vpx-api-grid,.vpx-provider-grid{grid-template-columns:1fr}}


/* === VelocityPress Enterprise v1.0 RC3 === */
.vpx-workspace2{display:grid;grid-template-columns:260px 1fr;gap:16px}
.vpx-workspace2-nav,.vpx-workspace2-main{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:16px}
.vpx-workspace2-nav button{display:block;width:100%;text-align:left;margin-bottom:8px}
.vpx-workspace2-hero{background:linear-gradient(135deg,#101828,#294f8c);color:#fff;border-radius:16px;padding:24px;margin-bottom:18px}
.vpx-workspace2-hero h2{margin-top:0;font-size:2rem}
.vpx-pipeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.vpx-pipeline-card{background:#f7f9fc;border:1px solid #e3e8ef;border-radius:12px;padding:14px}
.vpx-audit-table td{vertical-align:top}
.vpx-audit-context{max-width:600px;white-space:pre-wrap;word-break:break-word}
.vpx-failover-list li{padding:8px 0;border-bottom:1px solid #eceff3}
.vpx-release-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vpx-release-card{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:16px}
.vpx-release-score{font-size:2.2rem;font-weight:900}
@media(max-width:1000px){.vpx-workspace2{grid-template-columns:1fr}.vpx-pipeline-grid,.vpx-release-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.vpx-pipeline-grid,.vpx-release-grid{grid-template-columns:1fr}}


/* === VelocityPress Pro Build 1.1 Design System === */
:root{
 --vpp-color-primary:#0f62fe;
 --vpp-color-secondary:#101828;
 --vpp-color-accent:#f59e0b;
 --vpp-color-success:#14804a;
 --vpp-color-warning:#b76e00;
 --vpp-color-danger:#b42318;
 --vpp-color-bg:#f6f7f9;
 --vpp-color-surface:#ffffff;
 --vpp-color-text:#101828;
 --vpp-color-muted:#667085;
 --vpp-color-border:#e4e7ec;
 --vpp-radius-sm:6px;
 --vpp-radius-md:12px;
 --vpp-radius-lg:20px;
 --vpp-shadow-sm:0 2px 8px rgba(16,24,40,.06);
 --vpp-shadow-md:0 12px 30px rgba(16,24,40,.10);
 --vpp-space-1:4px;
 --vpp-space-2:8px;
 --vpp-space-3:12px;
 --vpp-space-4:16px;
 --vpp-space-5:24px;
 --vpp-space-6:32px;
 --vpp-space-7:48px;
 --vpp-container:1200px;
 --vpp-content:760px;
 --vpp-sidebar:340px;
 --vpp-body-size:16px;
 --vpp-body-line:1.7;
 --vpp-heading-weight:800;
 --vpp-transition:180ms ease;
}
.vpp-card{background:var(--vpp-color-surface);border:1px solid var(--vpp-color-border);border-radius:var(--vpp-radius-md);box-shadow:var(--vpp-shadow-sm)}
.vpp-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:var(--vpp-radius-sm);background:var(--vpp-color-primary);color:#fff;font-weight:800;transition:var(--vpp-transition)}
.vpp-button:hover{transform:translateY(-1px);box-shadow:var(--vpp-shadow-md)}
.vpp-form-control{width:100%;border:1px solid var(--vpp-color-border);border-radius:var(--vpp-radius-sm);padding:10px 12px;background:var(--vpp-color-surface);color:var(--vpp-color-text)}
.vpp-dark{--vpp-color-bg:#0d1117;--vpp-color-surface:#161b22;--vpp-color-text:#f0f3f6;--vpp-color-muted:#9da7b3;--vpp-color-border:#30363d}
.vpp-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.vpp-settings-card{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:18px}
.vpp-token-table td{vertical-align:middle}
.vpp-preview{background:var(--vpp-color-bg);padding:24px;border-radius:14px}
.vpp-preview-card{max-width:620px;padding:22px}
.vpp-preview-card h2{margin-top:0}
.vpp-color-input{display:flex;align-items:center;gap:10px}
.vpp-color-input input[type=color]{width:46px;height:34px;padding:0;border:0;background:transparent}
@media(max-width:900px){.vpp-settings-grid{grid-template-columns:1fr}}

/* === VelocityPress Pro Build 1.2 Header Builder === */
.vpp-header-shell{display:grid;grid-template-columns:260px 1fr 300px;gap:16px}
.vpp-header-panel,.vpp-header-canvas,.vpp-header-inspector{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:16px}
.vpp-header-library{display:grid;gap:8px}.vpp-header-library button{width:100%;text-align:left}
.vpp-header-row{border:1px dashed #b8c0cc;border-radius:12px;padding:12px;margin-bottom:14px;background:#fafbfc}
.vpp-header-zone{min-height:72px;border:1px solid #e3e8ef;border-radius:10px;padding:10px;background:#fff}
.vpp-header-zone h4{margin:0 0 8px}
.vpp-header-item{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;border:1px solid #dcdcde;border-radius:9px;padding:9px;margin-bottom:8px;background:#fff}
.vpp-header-handle{cursor:move;color:#667085}
.vpp-header-preview{border:1px solid #dcdcde;border-radius:12px;overflow:hidden;background:#fff}
.vpp-preview-topbar,.vpp-preview-main,.vpp-preview-mobile{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:10px 16px;border-bottom:1px solid #eceff3}
.vpp-preview-topbar{font-size:.78rem;background:#f7f9fc}.vpp-preview-mobile{display:none}
.vpp-preview-zone{display:flex;align-items:center;gap:8px;min-height:34px}.vpp-preview-zone.center{justify-content:center}.vpp-preview-zone.right{justify-content:flex-end}
.vpp-header-chip{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef4ff;color:#0f62fe;font-size:.75rem;font-weight:800}
.vpp-badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:900;line-height:1}
.vpp-badge-new{background:#dff2e5;color:#176b38}.vpp-badge-updated{background:#e0f1ff;color:#005b8d}.vpp-badge-beta{background:#fff0c7;color:#8a5b00}.vpp-badge-soon{background:#eceff3;color:#475467}
.vpp-header-sticky{position:sticky;top:0;z-index:999}.vpp-header-glass{backdrop-filter:blur(14px);background:rgba(255,255,255,.82)!important}
.vpp-header-transparent{position:absolute;left:0;right:0;background:transparent!important;border-color:transparent!important;z-index:999}
.vpp-new-feature{animation:vppPulse 1.7s ease-in-out 3}
@keyframes vppPulse{0%,100%{box-shadow:0 0 0 0 rgba(15,98,254,0)}50%{box-shadow:0 0 0 5px rgba(15,98,254,.12)}}
@media(max-width:1200px){.vpp-header-shell{grid-template-columns:240px 1fr}.vpp-header-inspector{grid-column:1/-1}}
@media(max-width:782px){.vpp-header-shell{grid-template-columns:1fr}.vpp-preview-main,.vpp-preview-topbar{display:none}.vpp-preview-mobile{display:grid}}

/* === VelocityPress Pro Build 1.3 Footer Builder === */
.vpp-footer-shell{display:grid;grid-template-columns:260px 1fr 300px;gap:16px}
.vpp-footer-panel,.vpp-footer-canvas,.vpp-footer-inspector{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:16px}
.vpp-footer-library{display:grid;gap:8px}.vpp-footer-library button{width:100%;text-align:left}
.vpp-footer-row{border:1px dashed #b8c0cc;border-radius:12px;padding:12px;margin-bottom:14px;background:#fafbfc}
.vpp-footer-zone{min-height:84px;border:1px solid #e3e8ef;border-radius:10px;padding:10px;background:#fff}
.vpp-footer-item{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;border:1px solid #dcdcde;border-radius:9px;padding:9px;margin-bottom:8px;background:#fff}
.vpp-footer-preview{border:1px solid #dcdcde;border-radius:12px;overflow:hidden;background:#111827;color:#fff}
.vpp-preview-footer-main{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px}
.vpp-preview-footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;padding:14px 24px;border-top:1px solid rgba(255,255,255,.14)}
.vpp-footer-chip{display:inline-flex;margin:3px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.1);font-size:.75rem;font-weight:800}
.vpp-site-footer{background:var(--vpp-footer-bg,#101828);color:var(--vpp-footer-text,#fff)}
.vpp-footer-main{padding:var(--vpp-footer-padding,48px) 0}
.vpp-footer-grid{display:grid;grid-template-columns:repeat(var(--vpp-footer-columns,4),minmax(0,1fr));gap:var(--vpp-space-5)}
.vpp-footer-bottom{border-top:1px solid color-mix(in srgb,var(--vpp-footer-text) 18%,transparent);padding:16px 0}
.vpp-footer-bottom-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center}
.vpp-footer-zone-front{display:flex;flex-direction:column;gap:12px}.vpp-footer-bottom-grid .vpp-footer-zone-front{flex-direction:row;align-items:center}
.vpp-footer-bottom-grid .vpp-align-center{justify-content:center}.vpp-footer-bottom-grid .vpp-align-right{justify-content:flex-end}
.vpp-footer-menu ul{list-style:none;padding:0;margin:0}.vpp-footer-menu li{margin:0 0 8px}
.vpp-footer-social{display:flex;gap:10px}.vpp-footer-social a{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.1);color:inherit}
.vpp-footer-newsletter form{display:flex;gap:8px}.vpp-footer-newsletter input{flex:1;min-width:0;padding:10px 12px;border-radius:var(--vpp-radius-sm);border:1px solid rgba(255,255,255,.2)}
@media(max-width:1200px){.vpp-footer-shell{grid-template-columns:240px 1fr}.vpp-footer-inspector{grid-column:1/-1}}
@media(max-width:900px){.vpp-preview-footer-main,.vpp-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:782px){.vpp-footer-shell{grid-template-columns:1fr}.vpp-preview-footer-main,.vpp-footer-grid{grid-template-columns:1fr}.vpp-preview-footer-bottom,.vpp-footer-bottom-grid{grid-template-columns:1fr;text-align:center}}


/* === VelocityPress Pro Build 1.4 Sidebar Builder === */
.vpp-sidebar-shell{display:grid;grid-template-columns:260px 1fr 320px;gap:16px}
.vpp-sidebar-panel,.vpp-sidebar-canvas,.vpp-sidebar-inspector{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:16px}
.vpp-sidebar-library{display:grid;gap:8px}.vpp-sidebar-library button{width:100%;text-align:left}
.vpp-sidebar-zone{min-height:360px;border:1px dashed #b8c0cc;border-radius:12px;padding:12px;background:#fafbfc}
.vpp-sidebar-item{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;border:1px solid #dcdcde;border-radius:9px;padding:10px;margin-bottom:9px;background:#fff}
.vpp-sidebar-handle{cursor:move;color:#667085}
.vpp-sidebar-preview{display:grid;grid-template-columns:1fr 320px;gap:18px;border:1px solid #dcdcde;border-radius:14px;padding:18px;background:#fff}
.vpp-sidebar-preview.is-left{grid-template-columns:320px 1fr}.vpp-sidebar-preview.is-dual{grid-template-columns:260px 1fr 260px}.vpp-sidebar-preview.is-none{grid-template-columns:1fr}
.vpp-sidebar-preview-content{min-height:420px;border-radius:12px;background:#f7f9fc;padding:20px}
.vpp-sidebar-preview-area{min-height:420px;border-radius:12px;background:#eef4ff;padding:14px}
.vpp-sidebar-preview-widget{background:#fff;border:1px solid #dcdcde;border-radius:10px;padding:12px;margin-bottom:10px}
.vpp-sidebar-preview-left{display:none}.vpp-sidebar-preview.is-left .vpp-sidebar-preview-left,.vpp-sidebar-preview.is-dual .vpp-sidebar-preview-left{display:block}
.vpp-sidebar-preview.is-left .vpp-sidebar-preview-right,.vpp-sidebar-preview.is-none .vpp-sidebar-preview-right{display:none}
.vpp-sidebar-preview.is-none .vpp-sidebar-preview-left{display:none}
.vpp-layout-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) var(--vpp-sidebar-width,340px);gap:var(--vpp-sidebar-gap,28px);align-items:start}
.vpp-layout-sidebar-left{grid-template-columns:var(--vpp-sidebar-width,340px) minmax(0,1fr)}
.vpp-layout-sidebar-dual{grid-template-columns:var(--vpp-sidebar-left-width,280px) minmax(0,1fr) var(--vpp-sidebar-width,280px)}
.vpp-sidebar-sticky{position:sticky;top:var(--vpp-sidebar-offset,96px)}
.vpp-sidebar-floating{position:sticky;top:var(--vpp-sidebar-offset,96px);border-radius:var(--vpp-radius-lg);box-shadow:var(--vpp-shadow-md);padding:var(--vpp-space-4);background:var(--vpp-color-surface)}
.vpp-sidebar-widget{margin-bottom:var(--vpp-sidebar-widget-gap,20px)}
.vpp-sidebar-widget:last-child{margin-bottom:0}
@media(max-width:1100px){.vpp-sidebar-shell{grid-template-columns:240px 1fr}.vpp-sidebar-inspector{grid-column:1/-1}}
@media(max-width:900px){.vpp-sidebar-preview,.vpp-sidebar-preview.is-left,.vpp-sidebar-preview.is-dual,.vpp-layout-with-sidebar,.vpp-layout-sidebar-left,.vpp-layout-sidebar-dual{grid-template-columns:1fr}.vpp-sidebar-preview-left,.vpp-sidebar-preview-right{display:block!important}}
@media(max-width:782px){.vpp-sidebar-shell{grid-template-columns:1fr}}


/* === VelocityPress Pro Build 1.5 Layout Builder === */
.vpp-layout-shell{display:grid;grid-template-columns:250px 1fr 320px;gap:16px}
.vpp-layout-panel,.vpp-layout-canvas,.vpp-layout-inspector{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:16px}
.vpp-layout-library{display:grid;gap:8px}.vpp-layout-library button{width:100%;text-align:left}
.vpp-layout-stage{min-height:560px;border:1px dashed #b8c0cc;border-radius:14px;padding:14px;background:#fafbfc}
.vpp-layout-section{border:1px solid #dcdcde;border-radius:12px;padding:12px;background:#fff;margin-bottom:12px}
.vpp-layout-section-head{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;margin-bottom:10px}
.vpp-layout-section-handle{cursor:move;color:#667085}
.vpp-layout-columns{display:grid;gap:10px}
.vpp-layout-columns.cols-1{grid-template-columns:1fr}
.vpp-layout-columns.cols-2{grid-template-columns:repeat(2,1fr)}
.vpp-layout-columns.cols-3{grid-template-columns:repeat(3,1fr)}
.vpp-layout-columns.cols-4{grid-template-columns:repeat(4,1fr)}
.vpp-layout-column{min-height:95px;border:1px dashed #b8c0cc;border-radius:10px;padding:10px;background:#f8fafc}
.vpp-layout-block{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;border:1px solid #dcdcde;border-radius:8px;padding:8px;background:#fff;margin-bottom:8px}
.vpp-layout-preview{border:1px solid #dcdcde;border-radius:14px;padding:16px;background:#fff}
.vpp-layout-preview-section{border:1px solid #e3e8ef;border-radius:10px;padding:12px;margin-bottom:12px;background:#f9fafb}
.vpp-layout-preview-row{display:grid;gap:10px}
.vpp-layout-preview-row.cols-1{grid-template-columns:1fr}
.vpp-layout-preview-row.cols-2{grid-template-columns:repeat(2,1fr)}
.vpp-layout-preview-row.cols-3{grid-template-columns:repeat(3,1fr)}
.vpp-layout-preview-row.cols-4{grid-template-columns:repeat(4,1fr)}
.vpp-layout-preview-col{min-height:72px;border-radius:8px;background:#eef4ff;padding:10px}
.vpp-layout-chip{display:inline-flex;margin:3px;padding:6px 9px;border-radius:999px;background:#fff;color:#0f62fe;font-size:.75rem;font-weight:800}
.vpp-page-layout-full{width:100%}
.vpp-page-layout-boxed{width:min(var(--vpp-layout-container,1200px),calc(100% - 32px));margin-inline:auto}
.vpp-page-layout-narrow{width:min(var(--vpp-layout-narrow,820px),calc(100% - 32px));margin-inline:auto}
.vpp-content-area{padding-block:var(--vpp-layout-section-gap,32px)}
.vpp-layout-row{display:grid;gap:var(--vpp-layout-column-gap,24px)}
.vpp-layout-row.cols-1{grid-template-columns:1fr}.vpp-layout-row.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.vpp-layout-row.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vpp-layout-row.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.vpp-layout-column-front{min-width:0}
@media(max-width:1100px){.vpp-layout-shell{grid-template-columns:230px 1fr}.vpp-layout-inspector{grid-column:1/-1}}
@media(max-width:900px){.vpp-layout-columns.cols-3,.vpp-layout-columns.cols-4,.vpp-layout-preview-row.cols-3,.vpp-layout-preview-row.cols-4,.vpp-layout-row.cols-3,.vpp-layout-row.cols-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:782px){.vpp-layout-shell{grid-template-columns:1fr}.vpp-layout-columns,.vpp-layout-preview-row,.vpp-layout-row{grid-template-columns:1fr!important}}


/* === VelocityPress Pro Build 1.6 Typography Engine === */
.vpp-type-shell{display:grid;grid-template-columns:1fr 380px;gap:16px}
.vpp-type-panel,.vpp-type-preview{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:18px}
.vpp-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.vpp-type-card{border:1px solid #e3e8ef;border-radius:12px;padding:16px;background:#fafbfc}
.vpp-type-card h2{margin-top:0}
.vpp-type-preview{position:sticky;top:42px;height:max-content}
.vpp-type-preview article{max-width:var(--vpp-reading-width,760px)}
.vpp-type-preview h1{font-size:var(--vpp-h1-size,48px);line-height:var(--vpp-heading-line,1.15)}
.vpp-type-preview h2{font-size:var(--vpp-h2-size,36px);line-height:var(--vpp-heading-line,1.2)}
.vpp-type-preview h3{font-size:var(--vpp-h3-size,28px);line-height:var(--vpp-heading-line,1.25)}
.vpp-type-preview p{font-size:var(--vpp-body-size,16px);line-height:var(--vpp-body-line,1.7)}
.vpp-font-sample{padding:14px;border:1px solid var(--vpp-color-border);border-radius:10px;background:var(--vpp-color-surface)}
.vpp-font-pair-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef4ff;color:#0f62fe;font-size:11px;font-weight:900}
.vpp-typography-body{font-family:var(--vpp-font-body,system-ui,sans-serif)}
.vpp-typography-heading{font-family:var(--vpp-font-heading,Georgia,serif)}
.vpp-reading-measure{max-width:var(--vpp-reading-width,760px)}
@media(max-width:1000px){.vpp-type-shell{grid-template-columns:1fr}.vpp-type-preview{position:static}.vpp-type-grid{grid-template-columns:1fr}}


/* === VelocityPress Pro Sprint 1 Final === */
.vpp-color-shell,.vpp-performance-shell,.vpp-components-shell{display:grid;grid-template-columns:1fr 360px;gap:16px}
.vpp-admin-card{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:18px}
.vpp-color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.vpp-color-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid #e3e8ef;border-radius:10px}
.vpp-color-swatch{width:48px;height:34px;border:0;background:transparent}
.vpp-color-preview{border-radius:16px;overflow:hidden;border:1px solid #dcdcde}
.vpp-color-preview-header{padding:18px;background:var(--vpp-color-primary);color:#fff}
.vpp-color-preview-body{padding:22px;background:var(--vpp-color-bg);color:var(--vpp-color-text)}
.vpp-color-preview-card{padding:18px;border-radius:var(--vpp-radius-md);background:var(--vpp-color-surface);border:1px solid var(--vpp-color-border)}
.vpp-performance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vpp-performance-card{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:16px}
.vpp-performance-score{font-size:2rem;font-weight:900}
.vpp-component-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.vpp-component-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vpp-component-card-pro{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:16px}
.vpp-component-preview-box{min-height:140px;padding:14px;border-radius:10px;background:#f7f9fc;border:1px solid #e3e8ef;margin:12px 0}
.vpp-status-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.vpp-release-banner{background:linear-gradient(135deg,#101828,#24467c);color:#fff;border-radius:16px;padding:24px;margin-bottom:18px}
.vpp-changelog-item{padding:14px 0;border-bottom:1px solid #eceff3}
.vpp-dark-mode-toggle{position:fixed;right:18px;bottom:18px;z-index:9999;border:0;border-radius:999px;width:46px;height:46px;box-shadow:var(--vpp-shadow-md);background:var(--vpp-color-surface);color:var(--vpp-color-text);cursor:pointer}
body.vpp-dark{--vpp-color-bg:#0d1117;--vpp-color-surface:#161b22;--vpp-color-text:#f0f3f6;--vpp-color-muted:#9da7b3;--vpp-color-border:#30363d}
body.vpp-dark img{filter:brightness(.92)}
body.vpp-high-contrast{--vpp-color-text:#000;--vpp-color-bg:#fff;--vpp-color-border:#000}
.vpp-reduce-motion *,body.vpp-reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:1100px){.vpp-color-shell,.vpp-performance-shell,.vpp-components-shell{grid-template-columns:1fr}.vpp-component-grid,.vpp-performance-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:782px){.vpp-color-grid,.vpp-component-grid,.vpp-performance-grid{grid-template-columns:1fr}}


/* === VelocityPress Pro Sprint 2 Commercial UI === */
:root{
 --vpp-admin-bg:#f5f7fb;
 --vpp-admin-surface:#ffffff;
 --vpp-admin-text:#101828;
 --vpp-admin-muted:#667085;
 --vpp-admin-border:#e4e7ec;
 --vpp-admin-primary:#0f62fe;
 --vpp-admin-primary-soft:#eef4ff;
 --vpp-admin-success:#14804a;
 --vpp-admin-warning:#b76e00;
 --vpp-admin-danger:#b42318;
 --vpp-admin-radius:16px;
 --vpp-admin-shadow:0 12px 35px rgba(16,24,40,.08);
}
body.vpp-admin-dark{
 --vpp-admin-bg:#0d1117;
 --vpp-admin-surface:#161b22;
 --vpp-admin-text:#f0f3f6;
 --vpp-admin-muted:#9da7b3;
 --vpp-admin-border:#30363d;
 --vpp-admin-primary-soft:#172554;
}
.vpp-commercial-wrap{margin:20px 20px 0 0;color:var(--vpp-admin-text)}
.vpp-commercial-wrap *{box-sizing:border-box}
.vpp-app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 72px);background:var(--vpp-admin-bg);border:1px solid var(--vpp-admin-border);border-radius:20px;overflow:hidden;box-shadow:var(--vpp-admin-shadow)}
.vpp-app-nav{padding:18px;background:var(--vpp-admin-surface);border-right:1px solid var(--vpp-admin-border)}
.vpp-app-nav.is-collapsed{width:72px}
.vpp-app-brand{display:flex;align-items:center;gap:12px;padding:4px 8px 18px}
.vpp-app-logo{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--vpp-admin-primary),#6d5dfc);color:#fff;font-weight:900}
.vpp-app-brand h2{margin:0;color:var(--vpp-admin-text)}
.vpp-app-nav-list{display:grid;gap:6px}
.vpp-app-nav-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;color:var(--vpp-admin-text);text-decoration:none;font-weight:700}
.vpp-app-nav-link:hover,.vpp-app-nav-link.is-active{background:var(--vpp-admin-primary-soft);color:var(--vpp-admin-primary)}
.vpp-app-icon{width:20px;height:20px;display:inline-grid;place-items:center}
.vpp-app-main{min-width:0;padding:24px}
.vpp-app-topbar{display:grid;grid-template-columns:minmax(260px,620px) auto;gap:16px;align-items:center;margin-bottom:22px}
.vpp-global-search{position:relative}
.vpp-global-search input{width:100%;padding:13px 44px 13px 16px;border:1px solid var(--vpp-admin-border);border-radius:14px;background:var(--vpp-admin-surface);color:var(--vpp-admin-text)}
.vpp-search-results{position:absolute;z-index:1000;left:0;right:0;top:52px;background:var(--vpp-admin-surface);border:1px solid var(--vpp-admin-border);border-radius:14px;box-shadow:var(--vpp-admin-shadow);max-height:360px;overflow:auto;display:none}
.vpp-search-results.is-open{display:block}
.vpp-search-result{display:block;padding:12px 14px;border-bottom:1px solid var(--vpp-admin-border);text-decoration:none;color:var(--vpp-admin-text)}
.vpp-search-result:last-child{border-bottom:0}
.vpp-search-result:hover{background:var(--vpp-admin-primary-soft)}
.vpp-topbar-actions{display:flex;gap:8px;justify-content:flex-end}
.vpp-icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--vpp-admin-border);border-radius:12px;background:var(--vpp-admin-surface);color:var(--vpp-admin-text);cursor:pointer}
.vpp-dashboard-hero{padding:26px;border-radius:20px;background:linear-gradient(135deg,#101828,#24467c);color:#fff;margin-bottom:20px}
.vpp-dashboard-hero h1{margin:0 0 8px;font-size:2rem}
.vpp-dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
.vpp-metric-card{background:var(--vpp-admin-surface);border:1px solid var(--vpp-admin-border);border-radius:var(--vpp-admin-radius);padding:18px}
.vpp-metric-card small{color:var(--vpp-admin-muted);font-weight:700}
.vpp-metric-card strong{display:block;margin-top:8px;font-size:2rem;color:var(--vpp-admin-text)}
.vpp-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}
.vpp-panel{background:var(--vpp-admin-surface);border:1px solid var(--vpp-admin-border);border-radius:var(--vpp-admin-radius);padding:18px}
.vpp-panel h2,.vpp-panel h3{color:var(--vpp-admin-text)}
.vpp-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vpp-quick-action{padding:14px;border:1px solid var(--vpp-admin-border);border-radius:12px;text-decoration:none;color:var(--vpp-admin-text);font-weight:800}
.vpp-quick-action:hover{border-color:var(--vpp-admin-primary);color:var(--vpp-admin-primary)}
.vpp-studio-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.vpp-studio-tab{padding:10px 14px;border:1px solid var(--vpp-admin-border);border-radius:999px;background:var(--vpp-admin-surface);color:var(--vpp-admin-text);text-decoration:none;font-weight:800}
.vpp-studio-tab.is-active{background:var(--vpp-admin-primary);border-color:var(--vpp-admin-primary);color:#fff}
.vpp-embed-frame{width:100%;min-height:70vh;border:1px solid var(--vpp-admin-border);border-radius:14px;background:var(--vpp-admin-surface)}
.vpp-smart-badge{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:900;margin-left:auto}
.vpp-smart-badge-new{background:#dff2e5;color:#176b38}
.vpp-smart-badge-updated{background:#e0f1ff;color:#005b8d}
.vpp-smart-badge-beta{background:#fff0c7;color:#8a5b00}
.vpp-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vpp-tool-card{padding:18px;border:1px solid var(--vpp-admin-border);border-radius:14px;background:var(--vpp-admin-surface)}
.vpp-tool-card h3{margin-top:0}
.vpp-hidden-legacy-menu{display:none!important}
@media(max-width:1200px){.vpp-dashboard-grid{grid-template-columns:repeat(2,1fr)}.vpp-content-grid{grid-template-columns:1fr}.vpp-tools-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:960px){.vpp-app-shell{grid-template-columns:1fr}.vpp-app-nav{border-right:0;border-bottom:1px solid var(--vpp-admin-border)}.vpp-app-nav-list{grid-template-columns:repeat(3,1fr)}.vpp-app-topbar{grid-template-columns:1fr}.vpp-topbar-actions{justify-content:flex-start}}
@media(max-width:782px){.vpp-commercial-wrap{margin-right:10px}.vpp-dashboard-grid,.vpp-tools-grid,.vpp-quick-actions{grid-template-columns:1fr}.vpp-app-nav-list{grid-template-columns:1fr}.vpp-app-main{padding:16px}}


/* === VelocityPress Pro Sprint 3 Dynamic Theme Builder === */
.vpp-template-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.vpp-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vpp-template-card{background:var(--vpp-admin-surface,#fff);border:1px solid var(--vpp-admin-border,#e4e7ec);border-radius:16px;overflow:hidden}
.vpp-template-card-preview{min-height:170px;padding:20px;background:linear-gradient(135deg,#eef4ff,#f8fafc);display:grid;place-items:center}
.vpp-template-card-body{padding:16px}
.vpp-template-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.vpp-template-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--vpp-admin-muted,#667085);font-size:.84rem}
.vpp-condition-builder{display:grid;gap:10px}
.vpp-condition-row{display:grid;grid-template-columns:160px 190px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--vpp-admin-border,#e4e7ec);border-radius:12px;background:var(--vpp-admin-surface,#fff)}
.vpp-history-list{display:grid;gap:10px}
.vpp-history-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--vpp-admin-border,#e4e7ec);border-radius:12px}
.vpp-builder-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.vpp-builder-summary-card{padding:18px;border-radius:14px;background:var(--vpp-admin-surface,#fff);border:1px solid var(--vpp-admin-border,#e4e7ec)}
.vpp-builder-summary-card strong{display:block;font-size:2rem;margin-top:8px}
.vpp-template-modal{position:fixed;inset:0;z-index:100000;background:rgba(15,23,42,.55);display:none;align-items:center;justify-content:center;padding:20px}
.vpp-template-modal.is-open{display:flex}
.vpp-template-modal-card{width:min(760px,100%);max-height:90vh;overflow:auto;background:var(--vpp-admin-surface,#fff);border-radius:18px;padding:22px;box-shadow:0 24px 80px rgba(15,23,42,.25)}
.vpp-template-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.vpp-template-empty{padding:48px;text-align:center;border:1px dashed var(--vpp-admin-border,#e4e7ec);border-radius:16px}
.vpp-display-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef4ff;color:#0f62fe;font-size:11px;font-weight:800}
.vpp-status-active{color:#14804a}.vpp-status-draft{color:#b76e00}
@media(max-width:1100px){.vpp-template-grid{grid-template-columns:repeat(2,1fr)}.vpp-builder-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:782px){.vpp-template-grid,.vpp-builder-summary,.vpp-template-form-grid{grid-template-columns:1fr}.vpp-condition-row{grid-template-columns:1fr}}


/* VelocityPress 4.0 accessibility foundation */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
 outline:3px solid var(--vpp-ds-color-primary,#5b45f5);
 outline-offset:3px;
}
.vpp-skip-link{
 position:absolute;
 left:-9999px;
 top:auto;
}
.vpp-skip-link:focus{
 left:16px;
 top:16px;
 z-index:999999;
 padding:10px 14px;
 background:#fff;
 color:#111;
 border-radius:8px;
 box-shadow:0 8px 25px rgba(0,0,0,.2);
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{
  animation-duration:.01ms!important;
  animation-iteration-count:1!important;
  transition-duration:.01ms!important;
  scroll-behavior:auto!important;
 }
}