/* CONNECT IA V3 — shared presentation layer, 2026-10-02 */
html[data-design-system="connect-ia-v2"]{--brand:#155bd6;--brand-dark:#104aaa;--soft:#eaf2ff;--v3-surface:#fff;--v3-border:#cbdcef;--v3-text:#17385c;--v3-muted:#546c86;--v3-shadow:0 10px 30px #153e7210}
html[data-theme="dark"][data-design-system="connect-ia-v2"]{--v3-surface:#10243a;--v3-border:#31506f;--v3-text:#e2eefb;--v3-muted:#abc0d6;--v3-shadow:0 10px 30px #0002;--soft:#183b61}
html[data-design-system="connect-ia-v2"] :is(.auth-page,.app-shell,.whmcswa-page,.demo-request-page) .btn{border-radius:12px!important;font-weight:700!important;min-height:42px!important}
html[data-design-system="connect-ia-v2"] :is(.auth-page,.app-shell,.whmcswa-page,.demo-request-page) .btn.primary{background:linear-gradient(115deg,#155bd6,#087fcb)!important;border:1px solid #277fda!important;color:#fff!important;box-shadow:0 5px 14px #155bd624!important}
html[data-design-system="connect-ia-v2"] :is(.auth-page,.app-shell,.whmcswa-page,.demo-request-page) .btn.primary:hover{background:linear-gradient(115deg,#104aaa,#076cab)!important}
html[data-design-system="connect-ia-v2"] :is(.auth-page,.app-shell,.whmcswa-page,.demo-request-page) .btn.ghost{background:var(--v3-surface)!important;border-color:var(--v3-border)!important;color:var(--v3-text)!important}
html[data-design-system="connect-ia-v2"] :is(.auth-card,.auth3-card,.demo-request-card){border:1px solid var(--v3-border)!important;border-radius:24px!important;box-shadow:0 20px 55px #153e721a!important;background:var(--v3-surface)!important}
html[data-design-system="connect-ia-v2"] :is(.auth-page,.demo-request-page) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){border:1px solid var(--v3-border)!important;border-radius:12px!important;min-height:46px!important;background:var(--v3-surface)!important;color:var(--v3-text)!important}
html[data-design-system="connect-ia-v2"] :is(.auth-page,.demo-request-page) label{color:var(--v3-text)!important;font-weight:650!important}
html[data-design-system="connect-ia-v2"] :is(.auth-page,.app-shell,.whmcswa-page,.demo-request-page) :is(input,select,textarea):focus{border-color:#448ee8!important;outline:2px solid #448ee82a!important;outline-offset:1px!important}
html[data-design-system="connect-ia-v2"] :is(.auth-page,.app-shell,.whmcswa-page,.demo-request-page) :is(a,button,summary):focus-visible{outline:3px solid #1da6db!important;outline-offset:3px!important}
html[data-design-system="connect-ia-v2"] .app-shell :is(.card,.stats>article){border-radius:18px!important;border-color:var(--v3-border)!important;box-shadow:var(--v3-shadow)!important;background:var(--v3-surface)!important}
html[data-design-system="connect-ia-v2"] .app-shell .card h2{font-size:20px!important;line-height:1.35!important;letter-spacing:-.3px;color:var(--v3-text)!important}
html[data-design-system="connect-ia-v2"] .app-shell .page-head h1{font-size:clamp(25px,2.5vw,34px)!important;line-height:1.2!important;letter-spacing:-.7px!important}
html[data-design-system="connect-ia-v2"] .app-shell .app-nav-link{border-radius:12px!important}
html[data-design-system="connect-ia-v2"] .app-shell .app-nav-link>.nav-mark-premium{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:10px!important;background:linear-gradient(145deg,#367eec,#154a9d)!important;color:#fff!important;border:1px solid #ffffff44!important;box-shadow:inset 0 1px 0 #ffffff40,0 3px 9px #1758bd20!important;font-size:11px!important}
html[data-design-system="connect-ia-v2"] .app-shell .nav-mark-premium svg{width:18px!important;height:18px!important;stroke-width:1.8!important}
html[data-design-system="connect-ia-v2"] .app-shell .app-nav-link.active{background:var(--soft)!important;color:var(--v3-text)!important;box-shadow:inset 3px 0 0 #1761dc!important}
html[data-design-system="connect-ia-v2"] .app-shell .app-topbar{border-bottom:1px solid var(--v3-border)!important}
html[data-design-system="connect-ia-v2"] .app-shell .table-row{border-color:var(--v3-border)!important}
html[data-design-system="connect-ia-v2"] .whmcswa-page :is(.whmcswa-feature-card,.whmcswa-step,.whmcswa-plan,.whmcswa-card){border-radius:20px!important;border-color:var(--v3-border)!important;box-shadow:var(--v3-shadow)!important}
html[data-design-system="connect-ia-v2"] .whmcswa-page :is(h1,h2){line-height:1.16!important;letter-spacing:-.8px!important;text-wrap:balance}
html[data-design-system="connect-ia-v2"] .whmcswa-page .public-footer{border-radius:22px!important;border:1px solid #294767!important;background:#0b2038!important;color:#d9e8f8!important}
html[data-design-system="connect-ia-v2"] .whmcswa-page .public-footer a{color:#d9e8f8!important}
html[data-design-system="connect-ia-v2"] .whmcswa-page .public-footer .public-brand img{filter:brightness(0) invert(1)!important}
@media(max-width:650px){html[data-design-system="connect-ia-v2"] :is(.auth-card,.demo-request-card){border-radius:18px!important}html[data-design-system="connect-ia-v2"] .app-shell .card{border-radius:15px!important}}
@media(prefers-reduced-motion:reduce){html[data-design-system="connect-ia-v2"] :is(.auth-page,.app-shell,.whmcswa-page,.demo-request-page) *{transition:none!important}}

html[data-design-system="connect-ia-v2"] .whmcswa-page :is(.whmcswa-feature-grid,.whmcswa-step-grid,.whmcswa-security-grid)>article,html[data-design-system="connect-ia-v2"] .whmcswa-page .whmcswa-event-card{border-radius:20px!important;border:1px solid var(--v3-border)!important;box-shadow:var(--v3-shadow)!important;background:var(--v3-surface)!important}
html[data-design-system="connect-ia-v2"] .whmcswa-page :is(.whmcswa-icon,.whmcswa-event-icon,.whmcswa-security-icon){display:grid!important;place-items:center!important;width:52px!important;height:52px!important;border-radius:16px!important;background:linear-gradient(145deg,#367eec,#154a9d)!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff44,0 6px 14px #1758bd22!important;border:1px solid #ffffff44!important}
html[data-design-system="connect-ia-v2"] .whmcswa-page :is(.whmcswa-icon,.whmcswa-event-icon,.whmcswa-security-icon) svg{width:25px!important;height:25px!important;stroke:currentColor!important;stroke-width:1.8!important}

html[data-design-system="connect-ia-v2"] .auth-page .auth-copy .eyebrow{color:#76caff!important}