/* The resolved attribute is authoritative; OS media rules in earlier sheets cannot override it. */
html[data-cp-scheme="light"]{color-scheme:light}
html[data-cp-scheme="dark"]{color-scheme:dark}
html[data-cp-scheme="light"] body.cp-client{
 --cp-bg:#f4f6fb;--cp-card:#ffffff;--cp-card-2:#f0f3f9;--cp-ink:#20243b;--cp-muted:#58647a;--cp-line:#d5ddeb;
 --cp-purple:#6637ba;--cp-purple-2:#7043c7;--cp-cyan:#087783;--cp-green:#15734e;--cp-amber:#92600c;--cp-red:#b32d47;--cp-action:#6939bd;--cp-action-hover:#582da5;
 --cp-accent-soft:#eee7fa;--cp-cyan-soft:#e4f3f4;--cp-focus:#6d43bb;--cp-field-border:#94a1b8;--cp-error-bg:#fff0f3;
 --cp-google-bg:#e6edfc;--cp-google-ink:#2156a5;--cp-meta-bg:#e8ebff;--cp-meta-ink:#3f50ac;--cp-snap-bg:#fff4b6;--cp-snap-ink:#564c0b;--cp-tiktok-bg:#222734;--cp-tiktok-ink:#ffffff;
 --cp-login-shadow:0 24px 70px #28334d16;
}
html[data-cp-scheme="dark"] body.cp-client{
 --cp-bg:#101420;--cp-card:#1b2233;--cp-card-2:#252e43;--cp-ink:#eef2fb;--cp-muted:#b4bed4;--cp-line:#43516b;
 --cp-purple:#b79af3;--cp-purple-2:#9370d5;--cp-cyan:#73d6dc;--cp-green:#78dcaf;--cp-amber:#edc077;--cp-red:#ffabbf;--cp-action:#7244c8;--cp-action-hover:#6337b6;
 --cp-accent-soft:#312844;--cp-cyan-soft:#213d47;--cp-focus:#c5adf7;--cp-field-border:#7b8aa6;--cp-error-bg:#422432;
 --cp-google-bg:#243654;--cp-google-ink:#b5ceff;--cp-meta-bg:#2c345c;--cp-meta-ink:#c3ccff;--cp-snap-bg:#484327;--cp-snap-ink:#fff2a5;--cp-tiktok-bg:#10141e;--cp-tiktok-ink:#ffffff;
 --cp-login-shadow:0 24px 70px #00000035;
}
html[data-cp-scheme] body.cp-client{background:var(--cp-bg);color:var(--cp-ink);accent-color:var(--cp-action)}
html[data-cp-scheme] body.cp-client .nx-cockpit{
 --nx-bg:var(--cp-bg);--nx-surface:var(--cp-card);--nx-soft:var(--cp-card-2);--nx-ink:var(--cp-ink);--nx-muted:var(--cp-muted);--nx-line:var(--cp-line);
 --nx-purple:var(--cp-purple);--nx-purple-soft:var(--cp-accent-soft);--nx-cyan:var(--cp-cyan);--nx-cyan-soft:var(--cp-cyan-soft);--nx-green:var(--cp-green);--nx-amber:var(--cp-amber);--nx-red:var(--cp-red);
}
html[data-cp-scheme] body.cp-client .cp-top{background:var(--cp-card);border-color:var(--cp-line);color:var(--cp-ink);gap:12px 20px;flex-wrap:wrap}
html[data-cp-scheme] body.cp-client .cp-brand{color:var(--cp-ink);min-width:0;flex:0 0 auto}
html[data-cp-scheme] body.cp-client .cp-brand small{color:var(--cp-muted)}
html[data-cp-scheme] body.cp-client .cp-top-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;min-width:0;max-width:100%;margin-inline-start:auto}
html[data-cp-scheme] body.cp-client .cp-top-tools #cpSession{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
html[data-cp-scheme] body.cp-client .cp-top-tools #cpSession:empty{display:none}
html[data-cp-scheme] body.cp-client .cp-theme-control{display:flex;align-items:center;gap:7px;min-height:42px;padding-inline:10px 2px;border:1px solid var(--cp-field-border);border-radius:9px;background:var(--cp-card);color:var(--cp-muted);flex:0 0 auto}
html[data-cp-scheme] body.cp-client .cp-theme-control>[data-cp-theme-icon]{font-size:14px;width:14px;height:14px;flex:0 0 14px}
html[data-cp-scheme] body.cp-client .cp-theme-control select{width:auto;max-width:145px;min-width:94px;min-height:40px;margin:0;padding:7px 8px;border:0;border-radius:8px;background:transparent;color:var(--cp-ink);font-size:12px;line-height:1.5;box-shadow:none;cursor:pointer}
html[data-cp-scheme] body.cp-client .cp-theme-control:focus-within{outline:3px solid var(--cp-focus);outline-offset:3px}
html[data-cp-scheme] body.cp-client .cp-theme-control select:focus-visible{outline:none}
html[data-cp-scheme] body.cp-client :is(button,a,input,select,textarea,summary):focus-visible{outline-color:var(--cp-focus)}
html[data-cp-scheme] body.cp-client :is(input,select,textarea){background-color:var(--cp-card);color:var(--cp-ink);border-color:var(--cp-field-border)}
html[data-cp-scheme] body.cp-client :is(input,textarea)::placeholder{color:var(--cp-muted);opacity:1}
html[data-cp-scheme] body.cp-client :is(select,input,textarea):disabled,
html[data-cp-scheme] body.cp-client button:disabled{opacity:1;background:var(--cp-card-2);color:var(--cp-muted);border-color:var(--cp-line);cursor:not-allowed;box-shadow:none}
html[data-cp-scheme] body.cp-client .cp-primary,
html[data-cp-scheme] body.cp-client .nx-cockpit .nx-next-action>button:first-of-type,
html[data-cp-scheme] body.cp-client .nx-cockpit button.nx-primary{background:var(--cp-action);border-color:var(--cp-action);color:#ffffff}
html[data-cp-scheme] body.cp-client .cp-primary:hover,
html[data-cp-scheme] body.cp-client .nx-cockpit .nx-next-action>button:first-of-type:hover,
html[data-cp-scheme] body.cp-client .nx-cockpit button.nx-primary:hover{background:var(--cp-action-hover);border-color:var(--cp-action-hover);color:#ffffff;filter:none}
html[data-cp-scheme] body.cp-client .nx-cockpit .nx-next-action>button+button{background:transparent;color:var(--cp-purple);border-color:var(--cp-purple)}
html[data-cp-scheme] body.cp-client .nx-cockpit .nx-next-action>button+button:hover{background:var(--cp-card);color:var(--cp-purple)}
html[data-cp-scheme] body.cp-client .nx-cockpit .nx-next-action p{color:var(--cp-ink)}
html[data-cp-scheme] body.cp-client .nx-cockpit .nx-stat-label>.fa-solid:last-child,
html[data-cp-scheme] body.cp-client .nx-cockpit .nx-platform-top>.fa-solid:last-child{opacity:1;color:var(--cp-muted)}
html[data-cp-scheme] body.cp-client .nx-cockpit .nx-platform-logo.is-google{background:var(--cp-google-bg);color:var(--cp-google-ink)}
html[data-cp-scheme] body.cp-client .nx-cockpit .nx-platform-logo.is-meta{background:var(--cp-meta-bg);color:var(--cp-meta-ink)}
html[data-cp-scheme] body.cp-client .nx-cockpit .nx-platform-logo.is-snap{background:var(--cp-snap-bg);color:var(--cp-snap-ink)}
html[data-cp-scheme] body.cp-client .nx-cockpit .nx-platform-logo.is-tiktok{background:var(--cp-tiktok-bg);color:var(--cp-tiktok-ink)}
html[data-cp-scheme] body.cp-client .cp-platform{filter:none}
html[data-cp-scheme] body.cp-client .cp-platform-google-ads{background:var(--cp-google-bg);color:var(--cp-google-ink)}
html[data-cp-scheme] body.cp-client :is(.cp-platform-meta,.cp-platform-facebook,.cp-platform-instagram){background:var(--cp-meta-bg);color:var(--cp-meta-ink)}
html[data-cp-scheme] body.cp-client .cp-platform-snapchat{background:var(--cp-snap-bg);color:var(--cp-snap-ink)}
html[data-cp-scheme] body.cp-client .cp-platform-tiktok{background:var(--cp-tiktok-bg);color:var(--cp-tiktok-ink)}
html[data-cp-scheme] body.cp-client .cp-table{background:var(--cp-card);border-color:var(--cp-line)}
html[data-cp-scheme] body.cp-client .cp-table th{background:var(--cp-card-2);color:var(--cp-ink);border-color:var(--cp-line)}
html[data-cp-scheme] body.cp-client .cp-table td{color:var(--cp-ink);border-color:var(--cp-line)}
html[data-cp-scheme] body.cp-client .cp-table tbody tr:hover{background:var(--cp-card-2)}
html[data-cp-scheme] body.cp-client .cp-error{background:var(--cp-error-bg);color:var(--cp-red);border-color:var(--cp-red)}
html[data-cp-scheme] body.cp-client .nx-cockpit .cp-error{color:var(--cp-red)}
html[data-cp-scheme] body.cp-client .cp-health-icon.is-good{color:var(--cp-green)}
html[data-cp-scheme] body.cp-client .cp-health-icon.is-pending{color:var(--cp-amber)}
html[data-cp-scheme] body.cp-client .nx-cockpit dialog.nx-drawer,
html[data-cp-scheme] body.cp-client .nx-cockpit .nx-drawer-head{background:var(--cp-card);color:var(--cp-ink);border-color:var(--cp-line)}
html[data-cp-scheme] body.cp-client .nx-cockpit .nx-search input{background:transparent;color:var(--cp-ink);border:0}
html[data-cp-scheme] body.cp-client .nx-cockpit .nx-search input::placeholder{color:var(--cp-muted);opacity:1}
html[data-cp-scheme] body.cp-client .nx-cockpit .nx-filterbar select{background:var(--cp-card);color:var(--cp-ink);border-color:var(--cp-field-border)}
html[data-cp-scheme] body.cp-client .nx-cockpit .nx-chart-toolbar select{background:var(--cp-card);color:var(--cp-ink);border-color:var(--cp-field-border)}
/* Login keeps its branded illustration while the form follows the chosen scheme. */
html[data-cp-scheme] body.cp-client .cp-login-v2{background:var(--cp-card);border-color:var(--cp-line);box-shadow:var(--cp-login-shadow)}
html[data-cp-scheme] body.cp-client .cp-login-v2 form{background:var(--cp-card);color:var(--cp-ink)}
html[data-cp-scheme] body.cp-client .cp-login-v2 form h2,
html[data-cp-scheme] body.cp-client .cp-login-v2 form label{color:var(--cp-ink)}
html[data-cp-scheme] body.cp-client .cp-login-v2 form p,
html[data-cp-scheme] body.cp-client .cp-login-v2 form small{color:var(--cp-muted)}
html[data-cp-scheme] body.cp-client .cp-login-v2 form .cp-eyebrow{color:var(--cp-purple)}
html[data-cp-scheme] body.cp-client .cp-login-v2 input{background:var(--cp-card-2);color:var(--cp-ink);border-color:var(--cp-field-border)}
html[data-cp-scheme] body.cp-client .cp-login-v2 input:focus{border-color:var(--cp-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--cp-focus) 18%,transparent);transform:none}
html[data-cp-scheme] body.cp-client .cp-login-v2 .cp-login-story{color:#ffffff}
html[data-cp-scheme] body.cp-client .cp-login-v2 .cp-login-story h1{color:#ffffff}
html[data-cp-scheme] body.cp-client .cp-login-v2 .cp-login-story h1 em{color:#80ede7}
html[data-cp-scheme] body.cp-client .cp-login-v2 .cp-login-story>p{color:#e2e7f5}
html[data-cp-scheme] body.cp-client .cp-login-v2 .cp-login-story>.cp-eyebrow{color:#d8c8ff}
html[data-cp-scheme] body.cp-client .cp-login-v2 .cp-live-board-head{color:#e2e7f5}
html[data-cp-scheme] body.cp-client .cp-login-v2 .cp-login-points span{color:#ffffff}
@media(max-width:760px){
 html[data-cp-scheme] body.cp-client .cp-top{align-items:center;padding:12px 14px;gap:10px}
 html[data-cp-scheme] body.cp-client .cp-top-tools{gap:8px;flex:0 1 auto;max-width:100%}
 html[data-cp-scheme] body.cp-client .cp-theme-control{padding-inline:8px 1px;gap:5px}
 html[data-cp-scheme] body.cp-client .cp-theme-control select{min-width:83px;font-size:11px;padding-inline:6px}
 html[data-cp-scheme] body.cp-client .cp-top-tools #cpSession{gap:6px}
 html[data-cp-scheme] body.cp-client .cp-top-tools #cpSession button{min-height:42px;min-width:42px;padding:8px 10px}
 html[data-cp-scheme] body.cp-client .cp-theme-control :is(i,select){flex-shrink:0}
}
@media(max-width:360px){
 html[data-cp-scheme] body.cp-client .cp-top-tools{flex-basis:100%;justify-content:space-between}
}