/* ==========================================================================
   Onxeera v3 — global design layer (trust / authority redesign)
   Loaded on every front-end page (marketing, tools, auth, dashboard).
   Re-skins existing templates without touching their markup or JS.
   Selectors are prefixed with `html body` (and `html:root` for tokens) so
   they win over each template's own inline <style> blocks regardless of order.
   ========================================================================== */

/* ---------- Tokens ---------- */
html:root{
  --onx-blue:#0048C0; --onx-ink:#05102C; --onx-tx2:#3A4358; --onx-mu:#5A6378; --onx-mu2:#8A92A6;
  --onx-paper:#FAFAF7; --onx-line:#E4E4DE; --onx-line2:#EEEEE8; --onx-tint:#F2F6FD; --onx-sky:#8FB3F5;
  --onx-serif:'Newsreader',Georgia,serif; --onx-sans:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif; --onx-mono:'Geist Mono',ui-monospace,monospace;

  /* style.css */
  --brand:#0048C0; --brand-dark:#05102C; --brand-light:#0048C0; --brand-bg:#F2F6FD; --brand-border:#E4E4DE;
  --text-primary:#05102C; --text-secondary:#3A4358; --text-muted:#5A6378;
  --bg-primary:#ffffff; --bg-secondary:#FAFAF7; --bg-tertiary:#F3F3EF;
  --border:#E4E4DE; --border-dark:#CFCFC7;
  --radius-sm:4px; --radius-md:6px; --radius-lg:10px; --radius-xl:10px;
  --shadow-sm:none; --shadow-md:0 1px 2px rgba(5,16,44,.04); --shadow-lg:0 24px 48px -24px rgba(5,16,44,.18);

  /* dashboard */
  --bg:#FAFAF7; --surface:#ffffff; --surface2:#F3F3EF; --border-light:#EEEEE8;
  --text:#05102C; --text2:#3A4358; --text3:#5A6378;
  --green:#0F7A45; --amber:#B45309; --red:#B42318;
  --radius:8px; --shadow:none;

  /* tool parts */
  --vc-bg:#FAFAF7; --vc-bd:#E4E4DE; --vc-bd2:#EEEEE8; --vc-bg2:#F2F6FD; --vc-brand2:#05102C;
  --ct-bg:#FAFAF7; --ct-bd:#E4E4DE; --ct-brand-bg:#F2F6FD; --ct-brand2:#05102C;
  --cg-bg:#FAFAF7; --cg-bd:#E4E4DE; --cg-bd2:#EEEEE8; --cg-bb:#F2F6FD; --cg-b2:#05102C;
  --op-bg:#FAFAF7; --op-bd:#E4E4DE; --op-brand-bg:#F2F6FD; --op-brand2:#05102C;
  --br-bg:#F2F6FD; --bd:#E4E4DE; --br2:#05102C;
  --brand2:#05102C;
}

/* ---------- Base type ---------- */
html body{font-family:var(--onx-sans);background-color:var(--onx-paper);color:var(--onx-ink);-webkit-font-smoothing:antialiased}
html body :is(div,p,span,a,button,input,select,textarea,label,li,td,th,small,strong,em,b,h3,h4,h5,h6,figcaption,blockquote,dt,dd,nav,section,header,footer,main,article,aside){font-family:var(--onx-sans)}
html body :is(code,pre,kbd,samp),html body :is(code,pre) *{font-family:var(--onx-mono)}
html body .dashicons,html body [class*="dashicons"]{font-family:dashicons}
html body h1:not(#_),html body h2:not(#_){font-family:var(--onx-serif);font-weight:400;letter-spacing:-.015em;color:var(--onx-ink)}
html body h1:not(#_){line-height:1.05}
html body h2:not(#_){line-height:1.1}
html body h1 span,html body h2 span{-webkit-text-fill-color:currentColor;background:none}
html body :is(.px-hero h1 span,.bx-hero h1 span,.onx-tool-hero h1 span):not(#_){color:var(--onx-blue);-webkit-text-fill-color:var(--onx-blue);background:none;font-style:italic}
html body a:not([class]){color:var(--onx-blue)}
html body a:not([class]):hover{color:var(--onx-ink)}

/* Big numbers read as editorial figures */
html body :is(.kpi-value,.d-page-title,.score-ring-num,.plan-price,.px-price,.onx-audit-score-num,.vc-kpi-val,.ct-kpi-val,.cg-kpi-val):not(#_){font-family:var(--onx-serif);font-weight:400;letter-spacing:-.02em;background:none;-webkit-text-fill-color:currentColor;color:var(--onx-ink)}

/* Eyebrows / small uppercase labels → mono */
html body :is(.kpi-label,.d-nav-section,.audit-table th,.onx-dropdown-label,.onx-footer-col-title,.w-card-sub.upper,.eyebrow,.px-eyebrow,.section-eyebrow):not(#_){font-family:var(--onx-mono);font-weight:400;letter-spacing:.08em}

/* ---------- Buttons: solid, no gradients, no lift ---------- */
html body :is(.btn-primary,.d-run-btn,.qa-btn.primary,.auth-btn,.px-btn-primary,.px-plan-btn.primary,.vc-btn-p,.ct-btn-primary,.cg-btn-p,.op-primary-btn,.bx-newsletter-btn,.plan-btn-p,.onx-mobile-btn-p):not(#_){
  background:var(--onx-blue);background-image:none;color:#fff;border:1px solid var(--onx-blue);border-radius:6px;box-shadow:none;font-weight:500;transform:none;opacity:1}
html body :is(.btn-primary,.d-run-btn,.qa-btn.primary,.auth-btn,.px-btn-primary,.px-plan-btn.primary,.vc-btn-p,.ct-btn-primary,.cg-btn-p,.op-primary-btn,.bx-newsletter-btn,.plan-btn-p,.onx-mobile-btn-p):not(#_):hover{background:var(--onx-ink);border-color:var(--onx-ink);color:#fff;transform:none;box-shadow:none}
html body :is(.btn-ghost,.btn-secondary,.btn-outline,.qa-btn,.px-btn-ghost,.px-plan-btn:not(.primary),.plan-btn-g):not(#_):not(.primary){background:#fff;color:var(--onx-ink);border:1px solid #CFCFC7;border-radius:6px;box-shadow:none;font-weight:500;transform:none}
html body :is(.btn-ghost,.btn-secondary,.btn-outline,.qa-btn,.px-btn-ghost,.px-plan-btn:not(.primary),.plan-btn-g):not(#_):not(.primary):hover{border-color:var(--onx-ink);color:var(--onx-ink);background:#fff}
html body .btn:not(#_){border-radius:6px;font-weight:500;box-shadow:none}

/* Avatars */
html body :is(.d-avatar,.s-avatar,.bx-author-av,.onx-avatar):not(#_){background:var(--onx-ink);background-image:none;border-color:var(--onx-line)}

/* ---------- Cards & surfaces ---------- */
html body :is(.kpi-card,.w-card,.wc-card,.feat-card,.plan-card,.px-card,.vc-card,.ct-card,.cg-card,.op-card,.vc-kpi,.ct-kpi,.cg-kpi,.bx-card,.onx-sec-card,.onx-founder-card,.faq-item,.onx-ai-plan-wrap):not(#_){
  border-radius:10px;box-shadow:none;border-color:var(--onx-line)}
html body :is(.kpi-card,.w-card,.feat-card,.plan-card,.px-card,.vc-card,.ct-card,.cg-card,.op-card,.bx-card):not(#_):hover{transform:none;box-shadow:none}
/* Remove decorative gradient strips & tints on KPI cards */
html body :is(.kpi-card,.vc-kpi,.ct-kpi,.cg-kpi,.feat-card)[class]::before,
html body :is(.kpi-card,.vc-kpi,.ct-kpi,.cg-kpi)[class]::after{display:none}
html body :is(.kpi-card,.vc-kpi,.ct-kpi,.cg-kpi,.op-kpi,.op-score-card,.px-card,.plan-card,.w-card,.feat-card):not(#_){background:#fff;background-image:none}

/* ---------- Box color audit: one neutral surface, colour only for status ---------- */
/* Engine pills: neutral chip + official logo; selected = ink border */
html body .vc-epill:not(#_),html body .vc-epill[style*="--epill-color"]:not(#_){background:#fff;color:var(--onx-tx2);border:1px solid #CFCFC7;border-radius:6px;padding:6px 12px 6px 9px;font-weight:500;font-size:13px;gap:8px}
html body .vc-epill.on:not(#_),html body .vc-epill[style*="--epill-color"].on:not(#_){background:#fff;color:var(--onx-ink);border-color:var(--onx-ink);box-shadow:inset 0 0 0 .5px var(--onx-ink)}
html body .vc-epill:not(.on):not(#_) .onx-engine-logo{filter:grayscale(1);opacity:.5}
html body :is(.ct-filter-pill,.bx-cat-pill,.chart-tab,.op-tab,.cg-tab):not(#_){border-radius:6px;background:#fff;color:var(--onx-tx2);border:1px solid #CFCFC7;box-shadow:none}
html body :is(.ct-filter-pill,.bx-cat-pill,.op-tab,.cg-tab).active:not(#_){background:var(--onx-ink);border-color:var(--onx-ink);color:#fff}
/* Tool hero pill ("AI Visibility Checker" chip) */
html body :is(.vc-hero-badge,.ct-hero-badge,.cg-hero-badge,.op-hero-badge,.onx-tool-badge,.hero-badge,.px-badge):not(#_){background:transparent;border:0;color:var(--onx-blue);font-family:var(--onx-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:0;box-shadow:none}
/* Tinted info boxes → white with hairline */
html body :is(.vc-insight,.ct-insight,.cg-insight,.op-insight,.insight-card,.tip-box,.info-box,.vc-tip,.onx-empty-state):not(#_){background:#fff;background-image:none;border:1px solid var(--onx-line);border-radius:10px}
/* KPI labels/values consistent across tools */
html body :is(.vc-kpi-lbl,.ct-kpi-label,.cg-kpi-lbl,.kpi-label):not(#_){font-family:var(--onx-mono);font-weight:400;font-size:10px;letter-spacing:.08em;color:var(--onx-mu)}
html body :is(.vc-kpi-val,.ct-kpi-value,.cg-kpi-val,.kpi-value):not(#_){font-weight:400;font-size:34px;color:var(--onx-ink)}
/* Engine logos everywhere */
html body .onx-engine-logo{background:#fff}
html body .bar-label:not(#_){display:flex;align-items:center}

/* Inline-styled tinted boxes (dashboard quick actions, tool callouts): neutralise decorative gradients */
html body :is(div,button,a,section)[style*="background:linear-gradient"][style*="border"]{background:#fff!important;border-color:var(--onx-line)!important;box-shadow:none!important}
html body :is(div,button,a,section)[style*="background:linear-gradient"][style*="border"]:hover{border-color:var(--onx-ink)!important}
html body button[onclick^="switchPanel"] > div[style*="font-size:24px"]{display:none}
/* Emoji-only icon tiles inside tool cards */
html body :is(.vc-opp-icon,.ct-alert-icon,.cg-ins-icon,.op-tip-icon):not(#_){display:none}
html body .nba-banner:not(#_){background:#fff;background-image:none;border:1px solid var(--onx-line);border-radius:10px;color:var(--onx-ink);box-shadow:none;padding:22px 24px}
html body .nba-banner .nba-icon{display:none}
html body .nba-banner > div:first-of-type > div:first-child{font-family:var(--onx-mono);font-weight:400!important;font-size:11px!important;letter-spacing:.08em!important}
html body .nba-banner > div:first-of-type > div:nth-child(2){font-family:var(--onx-serif);font-weight:400!important;font-size:24px!important;letter-spacing:-.01em;margin:4px 0 6px!important;color:var(--onx-ink)!important}

/* Bars */
html body :is(.engine-bar-wrap,.vc-pb):not(#_){height:6px;border-radius:3px;background:#EFEFEA}
html body :is(.engine-bar,.vc-pb-fill,.onx-progress-fill,.onx-animate-bar):not(#_){border-radius:3px;background-image:none}

/* Badges */
html body :is(.badge-high,.nba-badge.impact-high,.onx-ai-plan-effort.high):not(#_){background:#FDECEC;color:#B42318;border-radius:4px}
html body :is(.badge-medium,.nba-badge.impact-medium,.onx-ai-plan-effort.medium):not(#_){background:#FEF3C7;color:#B45309;border-radius:4px}
html body :is(.badge-low,.badge-quickwin,.nba-badge.impact-low,.onx-ai-plan-effort.low):not(#_){background:#EAF6EF;color:#0F7A45;border-radius:4px}
html body :is(.rec-badge,.nba-badge,.onx-ai-plan-effort,.d-nav-badge):not(#_){font-family:var(--onx-mono);font-weight:400;font-size:10px;letter-spacing:.04em;text-transform:uppercase}

/* Hero/banner blocks that used gradient backgrounds */
html body :is(.tool-page-header,.px-final,.bx-inline-cta,.onx-api-status-card,.cta-box):not(#_){background:var(--onx-ink);background-image:none;border-radius:10px;box-shadow:none}
/* Text inside those dark blocks must be light (it was dark-on-dark and unreadable) */
html body :is(.tool-page-header,.px-final,.bx-inline-cta,.onx-api-status-card,.cta-box):not(#_) :is(h1,h2,h3,h4){color:#fff}
html body :is(.tool-page-header,.px-final,.bx-inline-cta,.onx-api-status-card,.cta-box):not(#_) :is(p,li,span:not([class*="badge"]):not([class*="btn"])){color:#C9D1E3}
html body :is(.px-final,.bx-inline-cta,.cta-box)::before,html body :is(.px-final,.bx-inline-cta,.cta-box)::after{display:none}
html body :is(.px-card-badge,.plan-badge):not(#_){background:var(--onx-tint);background-image:none;color:var(--onx-blue);box-shadow:none;border-radius:4px;font-family:var(--onx-mono);font-weight:400;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
html body :is(.bx-featured-img,.bx-card-ph):not(#_){background:#EFEFEA;background-image:none}

/* Generic hero backgrounds on marketing templates */
html body :is(.hero,.px-hero,.bx-hero,.onx-tool-hero,.onx-about-hero,.onx-sec-hero,.page-hero):not(#_){background:var(--onx-paper);background-image:none}
html body :is(.hero,.px-hero,.bx-hero,.onx-tool-hero)::before,html body :is(.hero,.px-hero,.bx-hero,.onx-tool-hero)::after{display:none}

/* Emoji icon tiles → hidden (trust/authority tone) */
html body :is(.onx-sec-icon,.insight-icon,.engine-logo,.feat-icon.emoji):not(#_){display:none}

/* Breadcrumbs */
html body .onx-breadcrumbs:not(#_){background:var(--onx-paper);border-bottom:1px solid var(--onx-line)}
html body .onx-breadcrumbs-inner:not(#_){max-width:1200px;font-family:var(--onx-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
html body .onx-bc-link:not(#_){color:var(--onx-mu)}
html body .onx-bc-current:not(#_){color:var(--onx-ink);font-weight:400}

/* Forms */
html body :is(input[type=text],input[type=email],input[type=password],input[type=url],input[type=search],input[type=number],select,textarea):not(#_){border-radius:6px}
html body :is(input,select,textarea):focus-visible{outline:none;border-color:var(--onx-blue);box-shadow:0 0 0 3px rgba(0,72,192,.12)}

/* Motion: no float/bob loops */
html body :is(.hero-visual,.float):not(#_){animation:none}

/* ---------- Dashboard shell ---------- */
html body.dashboard-body :is(.d-sidebar,.d-header):not(#_){background:#fff;border-color:var(--onx-line)}
html body.dashboard-body .d-content:not(#_){background:var(--onx-paper)}
html body.dashboard-body .d-nav-item:not(#_){border-radius:6px;font-weight:400;color:var(--onx-tx2)}
html body.dashboard-body .d-nav-item.active:not(#_){background:var(--onx-tint);color:var(--onx-blue);font-weight:500}
html body.dashboard-body .d-nav-section:not(#_){font-size:10px;color:var(--onx-mu2)}
html body.dashboard-body .d-page-title:not(#_){font-size:34px;line-height:1.1}
html body.dashboard-body .kpi-value:not(#_){font-size:42px}
html body.dashboard-body .d-search:not(#_){border-radius:6px;border-width:1px;background:var(--onx-paper)}
html body.dashboard-body .chart-tabs:not(#_){border-radius:6px;background:#fff;border:1px solid #CFCFC7;padding:3px}
html body.dashboard-body .chart-tab.active:not(#_){background:var(--onx-ink);color:#fff;box-shadow:none;border-radius:4px}
html body.dashboard-body .d-plan-badge:not(#_){border-radius:6px;background:var(--onx-paper);border:1px solid var(--onx-line2)}

/* ---------- Auth pages ---------- */
html body .auth-root:not(#_){background:var(--onx-paper);background-image:none}
html body .auth-root::before,html body .auth-root::after{display:none}
html body .auth-card:not(#_){border-radius:10px;border:1px solid var(--onx-line);box-shadow:0 24px 48px -32px rgba(5,16,44,.18);animation:none}
html body .auth-logo img:not(#_){height:32px}
html body .auth-heading:not(#_){font-family:var(--onx-serif);font-weight:400;font-size:34px;letter-spacing:-.015em;color:var(--onx-ink)}
html body .auth-subheading:not(#_){color:var(--onx-tx2)}
html body :is(.auth-google,.auth-field-input):not(#_){border-radius:6px;border:1px solid #CFCFC7;box-shadow:none}
html body .auth-google:not(#_):hover{border-color:var(--onx-ink);background:#fff}
html body .auth-field-label:not(#_){font-weight:500;color:var(--onx-ink)}
html body .auth-footer:not(#_){color:var(--onx-mu)}

/* ---------- v1.6: headings keep serif italics; dashboard matches design ---------- */
html body :is(h1,h2) :is(em,i,span){font-family:inherit}
html body :is(h1,h2) em{font-style:italic}
html body.dashboard-body #panel-overview > .quick-actions{display:none}
html body.dashboard-body .onx-nav-label{padding:16px 16px 6px;font-family:var(--onx-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--onx-mu2)}
html body.dashboard-body .d-page-sub:not(#_){color:var(--onx-mu);font-size:14px}
html body.dashboard-body :is(.wc-card,.w-card):not(#_){background:#fff;border:1px solid var(--onx-line);border-radius:10px;box-shadow:none}
html body.dashboard-body .w-card-title:not(#_){font-size:15px;font-weight:600}
html body.dashboard-body .rec-dot:not(#_){width:6px;height:6px}
html body.dashboard-body #onx-ob:not(#_){background:#fff!important;border:1px solid var(--onx-line)!important;border-radius:10px!important}
html body.dashboard-body #onx-ob > div[style*="border-radius:50%"]{display:none}
html body.dashboard-body #onx-ob div[style*="font-size:36px"]{display:none}

/* ==========================================================================
   v1.7 — Tool pages, Pricing, Auth, Onboarding, Blog, Dashboard panels, Mobile
   ========================================================================== */

/* ---------- Onboarding ---------- */
html body .onx-progress:not(#_){display:flex;flex-direction:column;gap:10px;height:auto;background:none;margin:0 0 28px}
html body .onx-progress-label:not(#_){position:static;font-family:var(--onx-mono);font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--onx-blue)}
html body .onx-progress-track:not(#_){height:4px;border-radius:2px;background:#EFEFEA;overflow:hidden}
html body .onx-progress-fill:not(#_){height:100%;background:var(--onx-blue);border-radius:2px;background-image:none}
html body.onxeera-auth :is(button[type=submit],.auth-btn,.onx-ob-btn,.ob-continue,.onx-btn-continue):not(#_){background:var(--onx-blue);background-image:none;border:0;border-radius:6px;box-shadow:none;font-weight:500}
html body.onxeera-auth :is(button[type=submit],.auth-btn):not(#_):hover{background:var(--onx-ink)}
html body.onxeera-auth label:has(input[type=radio]),html body.onxeera-auth [class*="option"]:has(input[type=radio]){border-radius:8px;border:1px solid var(--onx-line);background:#fff;box-shadow:none}
html body.onxeera-auth label:has(input[type=radio]:checked),html body.onxeera-auth [class*="option"]:has(input[type=radio]:checked){border-color:var(--onx-ink);background:#fff;box-shadow:inset 0 0 0 1px var(--onx-ink)}
html body.onxeera-auth input[type=radio]{accent-color:var(--onx-ink)}

/* ---------- Auth split layout ---------- */
html body.onxeera-auth .onx-auth-panel{display:none}
@media(min-width:980px){
  html body.onxeera-auth .auth-root:has(.onx-auth-panel):not(#_){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;padding:0;min-height:100vh}
  html body.onxeera-auth .auth-root:has(.onx-auth-panel) > .auth-card:not(#_){align-self:center;justify-self:center;width:100%;max-width:440px;border:0;box-shadow:none;background:transparent;margin:48px 24px}
  html body.onxeera-auth .onx-auth-panel{display:flex;flex-direction:column;justify-content:space-between;gap:48px;background:var(--onx-ink);color:#fff;padding:56px}
}
.onx-auth-eyebrow{font-family:var(--onx-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--onx-sky)}
.onx-auth-quote{font-family:var(--onx-serif);font-size:clamp(30px,3vw,44px);line-height:1.12;letter-spacing:-.015em;margin:0 0 36px;max-width:520px;color:#fff}
.onx-auth-points{list-style:none;margin:0;padding:0;border-top:1px solid #1E2A4A;max-width:520px}
.onx-auth-points li{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #1E2A4A;font-size:15px;line-height:1.55;color:#C4CBDA}
.onx-auth-points li span{font-family:var(--onx-mono);font-size:12px;color:var(--onx-sky);padding-top:3px}
.onx-auth-engines{display:flex;gap:10px 22px;flex-wrap:wrap;font-size:13px;color:#AEB6C8}
.onx-auth-engines span{display:inline-flex;align-items:center;gap:8px}

/* ---------- Tool pages (Checker / Tracker / Competitor / Optimizer) ---------- */
html body :is(.vc-card,.ct-card,.cg-card,.op-card,.vc-form-card,.ct-panel,.cg-panel,.op-panel,.vc-input-card):not(#_){background:#fff;border:1px solid var(--onx-line);border-radius:10px;box-shadow:none}
html body :is(.vc-ch,.ct-card-head,.cg-ch,.op-ch):not(#_){background:#fff;background-image:none;border-bottom:1px solid var(--onx-line2)}
html body :is(.vc-ct,.ct-card-title,.cg-ct,.op-ct):not(#_){font-size:15px;font-weight:600;color:var(--onx-ink)}
html body :is(.vc-ct,.ct-card-title,.cg-ct,.op-ct) svg{display:none}
html body :is(.vc-sk,.ct-sk,.cg-sk):not(#_){background:#EFEFEA;background-image:none}
html body :is(.vc-pb-fill):not(#_){background:var(--onx-blue)}
html body :is(.vc-ctab,.ct-tab,.cg-tab,.op-tab,.vc-tab):not(#_){border-radius:4px;box-shadow:none;font-weight:500}
html body :is(.vc-ctab.on,.ct-tab.active,.cg-tab.active,.op-tab.active,.vc-tab.on):not(#_){background:var(--onx-ink);color:#fff;box-shadow:none}
html body :is(.vc-eng-label,.vc-lbl,.ct-lbl,.cg-lbl,.op-lbl,.vc-field-label):not(#_){font-family:var(--onx-mono);font-weight:400;font-size:10px;letter-spacing:.08em;color:var(--onx-mu)}
html body :is(.vc-in,.vc-input,.ct-input,.cg-in,.cg-input,.op-input,.op-textarea):not(#_){background:#fff;border:1px solid #CFCFC7;border-radius:6px;box-shadow:none}
html body :is(.vc-rank-badge,.vc-opp-badge,.ct-badge,.cg-badge,.op-badge):not(#_){border-radius:4px;font-family:var(--onx-mono);font-weight:400;font-size:10px;letter-spacing:.04em;text-transform:uppercase}
html body :is(.vc-hm-cell):not(#_){border-radius:3px}
html body :is(table.vc-table,table.ct-table,table.cg-table,.vc-kw-table,.ct-tbl,.cg-tbl) th{font-family:var(--onx-mono);font-weight:400;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--onx-mu);background:#fff}
html body :is(table.vc-table,table.ct-table,table.cg-table,.vc-kw-table,.ct-tbl,.cg-tbl) :is(td,th){border-color:var(--onx-line2)}
/* Tool hero: editorial */
html body :is(.vc-hero,.ct-hero,.cg-hero,.op-hero,.onx-tool-hero):not(#_){background:var(--onx-paper);background-image:none;border:0;box-shadow:none;text-align:center;padding-top:64px;padding-bottom:40px}
html body :is(.vc-hero,.ct-hero,.cg-hero,.op-hero,.onx-tool-hero) h1:not(#_){font-size:clamp(36px,4.6vw,60px)}
html body :is(.vc-hero,.ct-hero,.cg-hero,.op-hero,.onx-tool-hero) h1 span:not(#_){font-family:var(--onx-serif);font-style:italic;color:var(--onx-blue);-webkit-text-fill-color:var(--onx-blue)}

/* ---------- Pricing ---------- */
html body .px-hero:not(#_){padding:88px 0 24px;text-align:center}
html body .px-hero h1:not(#_){font-size:clamp(40px,5vw,64px);max-width:900px;margin-left:auto;margin-right:auto}
html body .px-hero-badge:not(#_){background:transparent;border:0;box-shadow:none;color:var(--onx-blue);font-family:var(--onx-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:0}
html body .px-trust-check:not(#_){background:transparent;color:var(--onx-blue)}
html body .px-trust-check svg{stroke:var(--onx-blue)}
html body .px-toggle-wrap:not(#_){padding-top:24px}
html body .px-toggle:not(#_){background:#CFCFC7}
html body .px-toggle.on:not(#_){background:var(--onx-ink)}
html body .px-save-badge:not(#_){background:var(--onx-tint);color:var(--onx-blue);border-radius:4px;font-family:var(--onx-mono);font-weight:400;font-size:10px;letter-spacing:.04em;text-transform:uppercase}
html body .px-card:not(#_){background:#fff;border:1px solid var(--onx-line);border-radius:10px;box-shadow:none;transform:none}
html body .px-card.featured:not(#_){background:#fff;background-image:none;border-color:var(--onx-blue);box-shadow:0 0 0 1px var(--onx-blue);transform:none}
html body .px-card.featured *:not(.px-plan-btn):not(.px-card-badge){color:inherit}
html body .px-plan-btn.primary:not(#_){background:var(--onx-blue);border-color:var(--onx-blue);color:#fff}
html body .px-section:not(#_)[style*="linear-gradient"]{background:#fff!important;border-top:1px solid var(--onx-line);border-bottom:1px solid var(--onx-line)}
html body :is(.px-enterprise,.px-final):not(#_){background:var(--onx-ink);background-image:none;border:0;border-radius:10px;box-shadow:none;color:#fff}
html body :is(.px-enterprise,.px-final) :is(h2,h3,p,div,span):not(#_){color:inherit}
html body :is(.px-enterprise,.px-final) .px-btn-primary:not(#_){background:#fff;color:var(--onx-ink);border-color:#fff}
html body :is(.px-faq-item):not(#_){background:transparent;border:0;border-bottom:1px solid var(--onx-line);border-radius:0;box-shadow:none}
html body :is(.px-faq-q):not(#_){font-weight:500;font-size:16px;padding:20px 0}
html body #px-sticky:not(#_){background:#fff;border-top:1px solid var(--onx-line);box-shadow:none}

/* ---------- Blog ---------- */
html body .bx-hero:not(#_){padding:80px 0 40px;text-align:center}
html body :is(.bx-card):not(#_){background:#fff;border:1px solid var(--onx-line);border-radius:10px;box-shadow:none;overflow:hidden}
html body .bx-card:hover:not(#_){border-color:var(--onx-ink);transform:none}
html body :is(.bx-card-ph,.bx-card:hover .bx-card-ph):not(#_){background:#F1F1EC;background-image:none}
html body .bx-art-emoji,html body .bx-art-dots{display:none}
html body :is(.bx-card-title,.bx-card h2,.bx-card h3):not(#_){font-family:var(--onx-serif);font-weight:400;font-size:22px;line-height:1.2;color:var(--onx-ink)}
html body :is(.bx-cat-badge,.bx-card-cat,.bx-tag):not(#_){background:transparent;color:var(--onx-blue);font-family:var(--onx-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:0;border:0}
html body .bx-cat-pill.active:not(#_){background:var(--onx-ink);border-color:var(--onx-ink);color:#fff}
html body :is(.bx-search,.bx-search input):not(#_){border-radius:6px;box-shadow:none}
html body.single :is(.entry-content,.post-content,.bx-content):not(#_){font-size:18px;line-height:1.75;color:var(--onx-tx2);max-width:720px;margin-left:auto;margin-right:auto}
html body.single :is(.entry-content,.post-content,.bx-content) :is(h2,h3):not(#_){font-family:var(--onx-serif);font-weight:400;color:var(--onx-ink);margin-top:2em}
html body.single :is(.entry-content,.post-content,.bx-content) blockquote{border:0;border-top:1px solid var(--onx-line);border-bottom:1px solid var(--onx-line);padding:20px 0;font-family:var(--onx-serif);font-size:22px;color:var(--onx-ink)}
html body.single :is(.entry-content,.post-content,.bx-content) img{border-radius:8px}

/* ---------- Dashboard inner panels ---------- */
html body.dashboard-body :is(.s-tabs):not(#_){background:#fff;border:1px solid var(--onx-line);border-radius:10px}
html body.dashboard-body :is(.s-tab):not(#_){border-radius:6px;font-weight:400;color:var(--onx-tx2)}
html body.dashboard-body :is(.s-tab.active):not(#_){background:var(--onx-tint);color:var(--onx-blue);font-weight:500}
html body.dashboard-body :is(.s-tab-section):not(#_){font-family:var(--onx-mono);font-size:10px;letter-spacing:.08em;color:var(--onx-mu2)}
html body.dashboard-body :is(.s-card,.s-section,.int-card,.team-card,.alert-card,.report-card):not(#_){background:#fff;border:1px solid var(--onx-line);border-radius:10px;box-shadow:none}
html body.dashboard-body .audit-table:not(#_){border-collapse:collapse}
html body.dashboard-body .audit-table :is(td,th):not(#_){border-color:var(--onx-line2)}
html body.dashboard-body .audit-table tr:hover td{background:var(--onx-paper)}
html body.dashboard-body :is(.s-toggle,.onx-switch):not(#_){accent-color:var(--onx-ink)}
html body.dashboard-body .d-panel :is(tr[style*="background:var(--surface2)"]):not(#_){background:#fff!important}
html body.dashboard-body .d-panel [style*="border-radius:16px"]{border-radius:10px!important}
html body.dashboard-body .d-panel [style*="border-radius:14px"]{border-radius:10px!important}
html body.dashboard-body .d-panel [style*="border:1.5px solid"]{border-width:1px!important}
html body.dashboard-body .d-panel [style*="font-weight:800"]{font-weight:600!important}
html body.dashboard-body .d-panel [style*="font-weight:900"]{font-weight:600!important}
/* Integration tiles: coloured letter icons → neutral */
html body.dashboard-body #panel-integrations [style*="width:40px;height:40px"],html body.dashboard-body #panel-integrations [style*="width:44px;height:44px"]{background:var(--onx-paper)!important;color:var(--onx-ink)!important;border:1px solid var(--onx-line)}

/* ---------- Mobile ---------- */
@media(max-width:760px){
  html body h1:not(#_){font-size:clamp(34px,9vw,44px)!important;line-height:1.08}
  html body h2:not(#_){font-size:clamp(26px,7vw,34px)!important}
  html body :is(.vc-kpi-grid,.ct-kpi-grid,.cg-kpi-grid):not(#_){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  html body :is(.vc-kpi,.ct-kpi,.cg-kpi):not(#_){padding:14px}
  html body :is(.vc-kpi-val,.ct-kpi-value,.cg-kpi-val,.kpi-value):not(#_){font-size:28px}
  html body :is(.vc-eng-row):not(#_){gap:8px}
  html body .vc-epill:not(#_){padding:6px 10px 6px 8px;font-size:12px}
  html body :is(table):not(#_){font-size:13px}
  html body :is(.px-card):not(#_){padding:22px 18px}
  html body .onx-dropdown{display:none}
  html body.dashboard-body .d-page-title:not(#_){font-size:28px!important}
  html body.dashboard-body .d-content:not(#_){padding:16px}
  html body.dashboard-body .kpi-grid:not(#_){grid-template-columns:repeat(2,minmax(0,1fr))}
  html body.dashboard-body .d-page-header:not(#_){flex-wrap:wrap;gap:12px}
  html body .ox-app{display:none}
  html body .ox-hero-in{padding-top:48px!important}
}
@media(max-width:420px){
  html body :is(.vc-kpi-grid,.ct-kpi-grid,.cg-kpi-grid,.kpi-grid):not(#_){grid-template-columns:1fr}
}