/* PAYKITA v15: shared accent palette & typography. UI only; status colors are semantic. */
:root{
 --pk-brand:#07845e;--pk-brand-strong:#05704f;--pk-brand-deep:#053f34;--pk-brand-soft:#e9f8f1;--pk-brand-edge:#c5e5d6;
 --pk-public-bg:#f6f9f8;--pk-public-card:#fff;--pk-public-text:#152a25;--pk-public-muted:#64756f;--pk-public-border:#dde5e2;
}
:root[data-lv7-color="violet"]{--pk-brand:#7557e8;--pk-brand-strong:#6044c7;--pk-brand-deep:#4b2a88;--pk-brand-soft:#f1edfd;--pk-brand-edge:#dcd1ff}
:root[data-lv7-color="red"]{--pk-brand:#e05262;--pk-brand-strong:#c73b4e;--pk-brand-deep:#8b3047;--pk-brand-soft:#fff0f1;--pk-brand-edge:#f6ccd4}
:root[data-lv7-color="orange"]{--pk-brand:#ec8923;--pk-brand-strong:#c7791f;--pk-brand-deep:#8c5314;--pk-brand-soft:#fff5e6;--pk-brand-edge:#f2d7b6}
:root[data-lv7-color="green"]{--pk-brand:#07845e;--pk-brand-strong:#05704f;--pk-brand-deep:#053f34;--pk-brand-soft:#e9f8f1;--pk-brand-edge:#c5e5d6}
:root[data-lv7-color="blue"]{--pk-brand:#2b78eb;--pk-brand-strong:#195bb9;--pk-brand-deep:#114a96;--pk-brand-soft:#edf4ff;--pk-brand-edge:#cbdcff}
/* Listener: the primary accent follows the Dashboard. Online/paid remains green; pending amber; errors red. */
#lv7-dashboard-root .listener-hub-page :is(.listener-kicker,.listener-section-kicker,.listener-note-box strong){color:var(--lv7-primary)!important}
#lv7-dashboard-root .listener-hub-page :is(.listener-steps li > span,.listener-official-badge){color:var(--lv7-primary)!important;background:var(--lv7-soft)!important;border-color:var(--lv7-border)!important}
#lv7-dashboard-root .listener-hub-page .listener-app-logo {background:transparent!important}
#lv7-dashboard-root .listener-hub-page :is(.listener-note-box,.listener-app-brand){background:var(--lv7-subtle)!important;border-color:var(--lv7-border)!important}
#lv7-dashboard-root .listener-hub-page :is(.listener-provider-letter){background:var(--lv7-primary)!important;color:#fff!important}
#lv7-dashboard-root .listener-hub-page .listener-download-button:not(:disabled){background:var(--lv7-primary)!important;border-color:var(--lv7-primary)!important;color:#fff!important}
#lv7-dashboard-root .listener-hub-page :is(.listener-note-box,.listener-official-badge,.listener-app-brand) {box-shadow:none!important}
/* Public homepage uses exactly the same brand palette & font as Dashboard; code samples stay mono. */
html:has(.hero-payment-automation){--primary:var(--pk-brand);--primary-strong:var(--pk-brand-strong);--primary-deep:var(--pk-brand-deep);--primary-soft:var(--pk-brand-soft);--bg:var(--pk-public-bg);--ink:var(--pk-public-text);--text:var(--pk-public-text);--muted:var(--pk-public-muted);--border:var(--pk-public-border)}
html:has(.hero-payment-automation) body,
html:has(.hero-payment-automation) :is(button,input,textarea,select){font-family:'Manrope','Inter',system-ui,sans-serif}
html:has(.hero-payment-automation) :is(pre,code,kbd,samp,.dev-code pre,.dev-code pre *,.code-card pre,.code-card pre *){font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Consolas,monospace!important}
html:has(.hero-payment-automation) .dev-lang-tab{font-family:'Manrope','Inter',system-ui,sans-serif}
html:has(.hero-payment-automation) .topbar {background:var(--pk-public-card);border-color:var(--pk-public-border)}
html:has(.hero-payment-automation) .hero h1 span {color:var(--pk-brand-deep)}
html:has(.hero-payment-automation) .hero .eyebrow-pill,
html:has(.hero-payment-automation) .section-kicker {background:var(--pk-brand-soft);color:var(--pk-brand);border-color:var(--pk-brand-edge)}
html:has(.hero-payment-automation) .hero-payment-automation .payment-preview:before{background:var(--pk-brand-soft)}
html:has(.hero-payment-automation) .pk-animated-preview .pkf-step.pkf-source{--pkf-tone:var(--pk-brand)}
html:has(.hero-payment-automation) .pk-animated-preview .pkf-source-icon,
html:has(.hero-payment-automation) .pk-animated-preview .pkf-icon:not(.pkf-order-icon):not(.pkf-paid-icon){color:var(--pk-brand);background:var(--pk-brand-soft)}
html:has(.hero-payment-automation) .pk-animated-preview .pkf-connected{color:var(--pk-brand);background:var(--pk-brand-soft)}
html:has(.hero-payment-automation) .pk-animated-preview .pkf-replay:hover{color:var(--pk-brand);background:var(--pk-brand-soft);border-color:var(--pk-brand-edge)}
/* Shared product identity: same bolt mark and PayKita lettering as Dashboard. */
html:has(.hero-payment-automation) .pk-home-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}
html:has(.hero-payment-automation) .pk-home-brand-mark{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;background:var(--pk-brand);color:#fff;border-radius:9px;transform:rotate(-5deg)}
html:has(.hero-payment-automation) .pk-home-brand-mark svg{width:23px;height:23px;transform:rotate(5deg)}
html:has(.hero-payment-automation) .pk-home-brand-name{color:var(--pk-public-text);font-weight:800;font-size:22px;letter-spacing:-.045em}
html:has(.hero-payment-automation) .pk-home-brand-name em{font-style:normal;color:var(--pk-brand)}
.pk-public-theme{display:flex;gap:6px;align-items:center;padding:5px 7px;border:1px solid var(--pk-public-border);border-radius:9px;background:var(--pk-public-card)}
.pk-public-dot{width:18px;height:18px;min-width:18px;min-height:18px;padding:0;border-radius:50%;border:2px solid var(--pk-public-card);box-shadow:0 0 0 1px var(--pk-public-border);cursor:pointer;background:#7557e8}
.pk-public-dot[data-public-color="red"]{background:#e05262}.pk-public-dot[data-public-color="orange"]{background:#ec8923}.pk-public-dot[data-public-color="green"]{background:#07845e}.pk-public-dot[data-public-color="blue"]{background:#2b78eb}
.pk-public-dot[aria-pressed="true"]{outline:2px solid var(--pk-brand);outline-offset:2px}
.pk-public-mode{border:0;border-left:1px solid var(--pk-public-border);border-radius:0;background:none;display:grid;place-items:center;padding:3px 0 3px 8px;cursor:pointer;color:var(--pk-public-muted)}
.pk-public-mode:hover{color:var(--pk-brand)}
html:has(.hero-payment-automation) .security-section{background:var(--pk-brand-deep)}
html:has(.hero-payment-automation) .footer{background:var(--pk-brand-deep)}
html:has(.hero-payment-automation) .footer-brand img{filter:brightness(0) invert(1)}
/* Dark home: dark surfaces & readable text; stage states retain their own meaning. */
html[data-theme="dark"]:has(.hero-payment-automation){--pk-public-bg:#101714;--pk-public-card:#19221e;--pk-public-text:#f0f5f1;--pk-public-muted:#a1b1a8;--pk-public-border:#35413b;--pk-brand-soft:#23372e}
html[data-theme="dark"][data-lv7-color="violet"]:has(.hero-payment-automation){--pk-brand-soft:#322845}
html[data-theme="dark"][data-lv7-color="red"]:has(.hero-payment-automation){--pk-brand-soft:#432c32}
html[data-theme="dark"][data-lv7-color="orange"]:has(.hero-payment-automation){--pk-brand-soft:#423423}
html[data-theme="dark"][data-lv7-color="blue"]:has(.hero-payment-automation){--pk-brand-soft:#293d51}
html[data-theme="dark"]:has(.hero-payment-automation) body{background:var(--pk-public-bg);color:var(--pk-public-text)}
html[data-theme="dark"]:has(.hero-payment-automation) :is(.section-muted,.final-cta,.hero-payment-automation){background:var(--pk-public-bg)!important}
html[data-theme="dark"]:has(.hero-payment-automation) :is(.provider-section,.pricing-section,.stats-section){background:#141d18}
html[data-theme="dark"]:has(.hero-payment-automation) :is(.payment-preview,.stat-card,.step-card,.feature-card,.provider-card,.price-card,.faq-list details,.provider-inline,.pkf-step,.mobile-menu,.mobile-menu a,.supported-card,.pk-animated-preview .pkf-step){background:var(--pk-public-card)!important;border-color:var(--pk-public-border)!important;color:var(--pk-public-text)}
html[data-theme="dark"]:has(.hero-payment-automation) :is(.payment-preview-head strong,.pkf-step h3,.pkf-step .pkf-amount,.step-card h3,.feature-card h3,.provider-card h3,.section-heading h2,.section-heading p,.hero h1,.hero-copy,.stat-card,.mobile-menu a,.login-link,.desktop-nav a,.faq-list summary,.price-card strong,.price-card p,.integration-layout h2){color:var(--pk-public-text)}
html[data-theme="dark"]:has(.hero-payment-automation) :is(.hero-benefits,.stat-label,.preview-kicker,.payment-preview-foot,.pkf-step p,.pkf-detail,.pkf-eyebrow,.provider-card p,.faq-list details p,.footer-links a){color:var(--pk-public-muted)}
html[data-theme="dark"]:has(.hero-payment-automation) :is(.pk-animated-preview .pkf-source,.pk-animated-preview .pkf-order,.pk-animated-preview .pkf-paid){background:var(--pk-public-card)!important}
html[data-theme="dark"]:has(.hero-payment-automation) :is(.pkf-toolbar,.pkf-assurance,.payment-preview-foot){background:var(--pk-public-card);border-color:var(--pk-public-border)}
html[data-theme="dark"]:has(.hero-payment-automation) .pk-animated-preview .pkf-step h3{color:var(--pk-public-text)}
html[data-theme="dark"]:has(.hero-payment-automation) .button-secondary{background:var(--pk-public-card);border-color:var(--pk-public-border);color:var(--pk-public-text)}
html[data-theme="dark"]:has(.hero-payment-automation) .hero h1 span{color:var(--pk-brand)}
html[data-theme="dark"]:has(.hero-payment-automation) .pk-public-theme{background:var(--pk-public-card)}
@media(max-width:1180px){.pk-public-theme{gap:4px}.pk-public-dot{width:15px;height:15px;min-width:15px;min-height:15px}html:has(.hero-payment-automation) .topbar-inner{gap:13px}.desktop-nav{gap:14px}}
@media(max-width:850px){.pk-public-theme{gap:4px;padding:5px}.pk-public-dot{width:14px;height:14px;min-width:14px;min-height:14px}html:has(.hero-payment-automation) .pk-home-brand-name{font-size:19px}html:has(.hero-payment-automation) .topbar-inner{padding:0 14px;gap:8px}html:has(.hero-payment-automation) .topbar-actions{gap:7px}}
@media(max-width:430px){.pk-public-dot{width:11px;height:11px;min-width:11px;min-height:11px}.pk-public-mode{padding-left:4px}.pk-public-mode svg{width:14px;height:14px}html:has(.hero-payment-automation) .pk-home-brand{gap:6px}html:has(.hero-payment-automation) .pk-home-brand-name{font-size:17px}html:has(.hero-payment-automation) .pk-home-brand-mark{height:30px;width:30px;flex-basis:30px}html:has(.hero-payment-automation) .pk-home-brand-mark svg{width:18px;height:18px}}