html[data-ev-theme=dark] body.evelode-connect{--ev-green:#00a65a;--ev-ink:#edf3ef;--ev-muted:#a3afa8;background:radial-gradient(ellipse at 15% 0,#10372b66,transparent 48%),radial-gradient(ellipse at 100% 100%,#1b304066,transparent 50%),#111720;color:var(--ev-ink)}
html[data-ev-theme=dark] .evelode-connect main{background:#1c232d;border-color:#303a46;box-shadow:0 2px 6px #0002,0 24px 80px -25px #0008}
html[data-ev-theme=dark] .evelode-connect :is(h1,h2,h3,legend,label,strong){color:#edf3ef}
html[data-ev-theme=dark] .evelode-connect :is(p,small,.ev-intro,.ev-secure,.ev-note,.ev-quota-note,.ev-boundary,.ev-action,.ev-connections-help){color:#a4b1aa}
html[data-ev-theme=dark] .evelode-connect :is(a,.ev-provider-brand){color:#7bd8a4!important}
html[data-ev-theme=dark] .evelode-connect :is(.ev-account,.ev-app-identity,.ev-disclosure,.ev-license-row,.ev-connection-card,.ev-app-icon){background:#222b36;border-color:#35414d}
html[data-ev-theme=dark] .evelode-connect :is(.ev-disclosure[open]>summary,.ev-disclosure-body,.ev-product,.ev-license-details .ev-refresh,.ev-boundary,.ev-revoke-confirm>div){background:#202934;border-color:#35414d}
html[data-ev-theme=dark] .evelode-connect :is(.ev-disclosure>summary strong,.ev-permissions strong,.ev-account strong,.ev-app-identity strong,.ev-product strong){color:#e9f1ec}
html[data-ev-theme=dark] .evelode-connect :is(.ev-disclosure>summary small,.ev-account small,.ev-app-identity small){color:#a1b0a7}
html[data-ev-theme=dark] .evelode-connect :is(.ev-account-avatar,.ev-product-mark,.ev-permission-icon,.ev-selection-count){background:#28433a;color:#91d7b0;border-color:#39584a}
html[data-ev-theme=dark] .evelode-connect :is(input:not([type=checkbox]):not([type=hidden]),select,textarea){background:#273240;color:#edf3ef;border-color:#465364}
html[data-ev-theme=dark] .evelode-connect input::placeholder{color:#a2adb8}
html[data-ev-theme=dark] .evelode-connect :is(button.ev-allow,input[type=submit],.edd-submit){background:#009c53;color:white;border-color:#00ac5c}
html[data-ev-theme=dark] .evelode-connect :is(.ev-secondary button,.ev-refresh){color:#c1d2c7;background:transparent;border-color:#45564c}
html[data-ev-theme=dark] .evelode-connect .ev-secondary button:hover{background:#2b3742}
html[data-ev-theme=dark] .evelode-connect footer{border-color:#35414d;color:#a3b2a9}
html[data-ev-theme=dark] .ev-profile-login .ev-provider-brand .ev-profile-wordmark{filter:brightness(0) invert(1)}
.ev-theme-control{display:flex;align-items:center;margin-inline-start:auto}
:is(.evelode-connect,.login) .ev-theme-options{position:relative;display:grid;grid-template-columns:repeat(3,32px);gap:2px;padding:3px;border-radius:11px;border:1px solid #dfe7e2;background:#edf3ef;isolation:isolate}
:is(.evelode-connect,.login) .ev-theme-pill{position:absolute;z-index:-1;top:3px;left:3px;width:32px;height:30px;border-radius:8px;background:white;box-shadow:0 1px 4px #14342416;transition:transform .22s cubic-bezier(.2,.8,.2,1)}
:is(.evelode-connect,.login) .ev-theme-options[data-selected="1"] .ev-theme-pill{transform:translateX(34px)}
:is(.evelode-connect,.login) .ev-theme-options[data-selected="2"] .ev-theme-pill{transform:translateX(68px)}
:is(.evelode-connect,.login) .ev-theme-options button{display:grid;place-items:center;appearance:none;position:relative;min-height:30px;height:30px;width:32px;padding:0;margin:0;border:0;border-radius:8px;background:transparent;box-shadow:none;color:#788b7e;cursor:pointer}
:is(.evelode-connect,.login) .ev-theme-options button[aria-checked=true]{color:#087c49}
:is(.evelode-connect,.login) .ev-theme-options button:focus-visible{outline:2px solid #00a65a;outline-offset:2px}
:is(.evelode-connect,.login) .ev-theme-options svg{display:block;width:16px;height:16px;pointer-events:none}
html[data-ev-theme=dark] :is(.evelode-connect,.login) .ev-theme-options{background:#151d26;border-color:#35414d}
html[data-ev-theme=dark] :is(.evelode-connect,.login) .ev-theme-pill{background:#344239;box-shadow:0 1px 4px #0004}
html[data-ev-theme=dark] :is(.evelode-connect,.login) .ev-theme-options button{color:#9aaba1}
html[data-ev-theme=dark] :is(.evelode-connect,.login) .ev-theme-options button[aria-checked=true]{color:#94e0b5}
html.ev-theme-changing .evelode-connect,html.ev-theme-changing .evelode-connect :is(main,.ev-account,.ev-app-identity,.ev-disclosure,.ev-boundary,input,select,button,p,small,strong,a,footer){transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
@media(prefers-reduced-motion:reduce){:is(.evelode-connect,.login) .ev-theme-pill,html.ev-theme-changing .evelode-connect,html.ev-theme-changing .evelode-connect *{transition:none!important}}

html[data-ev-theme=dark] body.login{background:#111720;color:#edf3ef}
html[data-ev-theme=dark] .login :is(form,.message,.notice,.success){background:#1c232d;color:#edf3ef;border-color:#35414d;box-shadow:0 2px 20px #0003}
html[data-ev-theme=dark] .login :is(label,#nav a,#backtoblog a,.privacy-policy-page-link a){color:#b5c5bb}
html[data-ev-theme=dark] .login :is(input[type=text],input[type=password],input[type=email]){background:#273240;color:#edf3ef;border-color:#465364}
html[data-ev-theme=dark] .login .button-primary{background:#009c53;color:white;border-color:#00ac5c}
.login .ev-theme-control{justify-content:center;margin:20px auto 0}
.evelode-connect :is(.ev-allow,.edd-submit,input[type=submit]){background:#00bf63!important;border-color:#00bf63!important;color:#fff!important;font-weight:650!important;transition:background-color .18s,box-shadow .18s}
.evelode-connect :is(.ev-allow,.edd-submit,input[type=submit]):hover{background:#00ad59!important;border-color:#00ad59!important}
.evelode-connect .nsl-container .nsl-button-svg-container{background:none!important;border:0!important;box-shadow:none!important;width:26px!important;height:26px!important;display:grid!important;place-items:center}
.evelode-connect .nsl-container .nsl-button svg{width:21px!important;height:21px!important}
.evelode-connect .nsl-container .nsl-button-google svg{width:24px!important;height:24px!important}
.evelode-connect .nsl-container :is(.nsl-button-github,.nsl-button-amazon,.nsl-button-twitter){color:var(--ev-ink)!important}
.evelode-connect .nsl-container :is(.nsl-button-github,.nsl-button-amazon,.nsl-button-twitter) path{fill:currentColor!important}
/* Local Apple SF UI Display, shared across every account and integration screen. */
@font-face{font-family:"SF UI Display";src:url("fonts/sf-ui-display-regular.ttf") format("truetype");font-style:normal;font-weight:100 599;font-display:swap}
@font-face{font-family:"SF UI Display";src:url("fonts/sf-ui-display-bold.ttf") format("truetype");font-style:normal;font-weight:600 900;font-display:swap}
html body.login.ev-wp-login,html body.evelode-connect{font-family:"SF UI Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;-webkit-font-smoothing:antialiased}
html body.login.ev-wp-login :is(input,button,select,textarea),html body.evelode-connect :is(input,button,select,textarea){font-family:inherit!important}
/* Resolution-independent emerald light and dark backgrounds. */
html[data-ev-theme] body.login.ev-wp-login,html[data-ev-theme] body.evelode-connect{
 background:radial-gradient(ellipse 75% 65% at 0 0,#00bf6326,transparent 72%),radial-gradient(ellipse 70% 65% at 100% 12%,#42d5ad20,transparent 72%),radial-gradient(ellipse 80% 70% at 50% 110%,#a9e9a833,transparent 70%),linear-gradient(145deg,#f7fcf9,#ecf7f0)!important;
 background-attachment:scroll!important;
}
html[data-ev-theme=dark] body.login.ev-wp-login,html[data-ev-theme=dark] body.evelode-connect{
 --ev-login-bg:#0a1712;--ev-login-card:#14271f;--ev-login-ink:#eef6f1;--ev-login-muted:#a8bbb0;--ev-login-border:#304a3e;--ev-login-input:#1c3328;
 background:radial-gradient(ellipse 75% 65% at 0 0,#00bf632b,transparent 72%),radial-gradient(ellipse 70% 65% at 100% 12%,#168d7c24,transparent 72%),radial-gradient(ellipse 80% 70% at 50% 110%,#267f4833,transparent 70%),linear-gradient(145deg,#081711,#10271e)!important;
}
html body.evelode-connect{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;min-height:100dvh;padding:32px 16px}
html body.login .ev-auth-shell,html body.evelode-connect .ev-auth-shell{display:grid;gap:26px;width:100%;max-width:448px;margin:auto;flex:none;min-width:0}
html body.evelode-connect:not(.ev-profile-login) .ev-auth-shell{max-width:540px}
html body.login .ev-auth-shell>#login,html body.evelode-connect .ev-auth-shell>main{margin:0!important;width:100%!important}
html body.login .ev-auth-shell>#login{background:#ffffffed!important;border-color:#ffffffd9!important;box-shadow:0 24px 80px -28px #15472c36!important}
html[data-ev-theme=dark] body.login .ev-auth-shell>#login,html[data-ev-theme=dark] body.evelode-connect .ev-auth-shell>main{background:#14271ff5!important;border-color:#304a3e!important;box-shadow:0 24px 80px -28px #0009!important}
.ev-auth-shell>.ev-auth-brand{display:flex!important;align-items:center;justify-content:center;margin:0!important;padding:0!important;min-height:32px;line-height:1}
.ev-auth-shell>.ev-auth-brand :is(.ev-wp-brand,.ev-provider-brand){display:block!important;position:relative;width:148px!important;height:32px!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}

.ev-auth-shell>.ev-auth-brand img{display:block!important;width:148px!important;height:32px!important;opacity:1!important;filter:none!important;object-fit:contain}
.ev-auth-shell>.ev-auth-brand a:focus-visible{outline:2px solid #00bf63;outline-offset:7px;border-radius:4px}
/* Exact shared lock/text alignment; text is never positioned with a baseline offset. */
html body.evelode-connect .ev-secure{display:flex;position:static;align-items:center;justify-content:center;gap:6px;min-height:20px;margin:0 0 18px;padding:0;font-size:11px;line-height:20px;letter-spacing:0}
html body.evelode-connect .ev-secure svg{display:block;width:14px;height:14px;flex:0 0 14px;align-self:center;transform:translateY(-.5px)}
html body.evelode-connect .ev-secure>span{display:block;line-height:20px}
html body.evelode-connect .ev-profile-brand-row{margin:0 0 18px;gap:0}
html body.evelode-connect .ev-profile-brand-row .ev-secure{margin:0;font-size:11px;line-height:20px}
html body.evelode-connect main>h1,html body.evelode-connect main>p.ev-intro{text-align:center}
html[data-ev-theme=dark] body.evelode-connect :is(.ev-account,.ev-app-identity,.ev-disclosure,.ev-license-row,.ev-connection-card){background:#1a3026;border-color:#304a3e}
html[data-ev-theme=dark] body.evelode-connect :is(.ev-disclosure[open]>summary,.ev-disclosure-body,.ev-product,.ev-boundary){background:#172c22;border-color:#304a3e}
@media(max-width:480px){html body.login .ev-auth-shell,html body.evelode-connect .ev-auth-shell{gap:22px}html body.evelode-connect{padding:28px 16px}}

/* The brand is a standalone, self-contained green image, without CSS masks. */
html body.evelode-connect .nsl-container-buttons{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:10px!important}
html body.evelode-connect .nsl-container-buttons>a{flex:0 0 44px!important;width:44px!important;margin:0!important}
html body.evelode-connect .nsl-button{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;border-radius:12px!important;background:#f6faf7!important;border-color:#dce6df!important;color:#253e30!important}
html[data-ev-theme=dark] body.evelode-connect .nsl-button{background:#1c3428!important;border-color:#365143!important;color:#edf5ef!important}
html body.evelode-connect .ev-login-options #login-via-passkey{background:#00bf63!important;color:white!important;min-height:48px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;font-size:14px!important;line-height:1.45!important}
html body.evelode-connect .ev-secure svg{transform:none}
/* The same field and switch geometry in the integration's EDD sign-in form. */
html body.evelode-connect .ev-email-details>summary{min-height:54px;padding:12px 14px;font-size:14px}
html body.evelode-connect #edd_login_form :is(input[type=text],input[type=password]){min-height:48px;border-radius:11px;font-size:16px;padding:12px 13px}
html body.evelode-connect #edd_login_form .edd-login-remember label{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.5}
html body.evelode-connect #edd_login_form input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;display:block;flex:0 0 44px;width:44px;height:26px;min-height:26px;margin:0;padding:0;border:0;border-radius:99px;background:#cad3ce;cursor:pointer;transition:background .2s}
html body.evelode-connect #edd_login_form input[type=checkbox]:before{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:white;box-shadow:0 1px 3px #0003;transition:transform .2s}
html[data-ev-theme=dark] body.evelode-connect #edd_login_form input[type=checkbox]{background:#53695c}
html body.evelode-connect #edd_login_form input[type=checkbox]:checked{background:#00bf63}
html body.evelode-connect #edd_login_form input[type=checkbox]:checked:before{transform:translateX(18px)}
@media(prefers-reduced-motion:reduce){html body.evelode-connect #edd_login_form input[type=checkbox],html body.evelode-connect #edd_login_form input[type=checkbox]:before{transition:none}}
html body.evelode-connect #edd_login_form :is(input[type=text],input[type=password]){background:#f6faf7;border-color:#dce6df;color:#253e30}
html[data-ev-theme=dark] body.evelode-connect #edd_login_form :is(input[type=text],input[type=password]){background:#1c3428;border-color:#365143;color:#eef5f0}
html[data-ev-theme=dark] body.evelode-connect #edd_login_form label{color:#b9cbc0}
html body.evelode-connect #edd_login_form [data-auth-turnstile]{display:flex;justify-content:center;max-width:100%;margin:12px 0 18px}
html body.evelode-connect #edd_login_form input[type=submit]{min-height:48px;border-radius:12px;font-size:14px}

/* Cover the entire scrolling document, including the external brand and overscroll. */
html[data-ev-theme]{min-height:100%;background-color:#ecf7f0}
html[data-ev-theme=dark]{background-color:#081711}
html[data-ev-theme] body.login.ev-wp-login,html[data-ev-theme] body.evelode-connect{height:auto!important;min-height:100svh;min-height:100dvh;background-attachment:scroll!important;background-repeat:no-repeat!important;background-size:100% 100%!important}
/* The external brand and every consent card share a single centered grid. */
html body.evelode-connect .ev-auth-shell>main{max-width:none}
/* Connected-app management uses the same dark surfaces as consent. */
html[data-ev-theme=dark] .evelode-connect .ev-connection-heading>small{background:#244a35;color:#b0dec0}
html[data-ev-theme=dark] .evelode-connect .ev-connection-products span{background:#233e30;color:#c0d6c8}
html[data-ev-theme=dark] .evelode-connect .ev-revoke-confirm{border-color:#304a3e}
html[data-ev-theme=dark] .evelode-connect .ev-revoke-confirm>summary,html[data-ev-theme=dark] .evelode-connect .ev-revoke-confirm[open]>summary{background:#302424;color:#efaeae}
html[data-ev-theme=dark] .evelode-connect .ev-revoke-confirm>summary:hover{background:#3c2a2a}
html[data-ev-theme=dark] .evelode-connect .ev-revoke-confirm>div{background:#271f20;border-color:#463334}
html[data-ev-theme=dark] .evelode-connect .ev-revoke-confirm>div>strong{color:#f1d5d5}
html[data-ev-theme=dark] .evelode-connect .ev-revoke-confirm>div>p{color:#c5aaaa}
html[data-ev-theme=dark] .evelode-connect .ev-revoke-cancel{background:#30292a;border-color:#5b4446;color:#eedede}
html[data-ev-theme=dark] .evelode-connect .ev-revoke-cancel:hover{background:#3a3031}
html[data-ev-theme=dark] .evelode-connect :is(.ev-revoke-success,.ev-connections-empty){background:#193126;border-color:#345640}
html[data-ev-theme=dark] .evelode-connect .ev-revoke-success>span{background:#2a4a35;color:#ade4bd}
html[data-ev-theme=dark] .evelode-connect .ev-connections-empty>span{background:#284735;color:#acd4ba}
html[data-ev-theme=dark] .evelode-connect .ev-revoke-success strong{color:#bce5c9}
.evelode-connect .ev-connection-products .ev-connection-scope-note{display:block;flex-basis:100%;width:100%;margin:8px 0 0;font-size:12px;line-height:1.65;font-weight:400;color:#666}
html[data-ev-theme=dark] .evelode-connect .ev-connection-products .ev-connection-scope-note{color:#b6bdb8}
html:not([data-ev-theme=dark]) .evelode-connect .ev-connection-heading strong{color:#161616}
html:not([data-ev-theme=dark]) .evelode-connect .ev-connection-heading>div>span{color:#666}
html:not([data-ev-theme=dark]) .evelode-connect .ev-connection-products>span{color:#333;background:#edf9f2}

/* Review feedback: consistent consent gaps and a centered recovery action. */
body.evelode-connect.ev-compact .ev-account{margin-bottom:0}
body.evelode-connect.ev-compact form>.ev-disclosure{margin-top:12px;margin-bottom:12px}
body.evelode-connect main>a.ev-link{display:flex;align-items:center;justify-content:center;min-height:44px;margin:16px auto 0;text-align:center}
