/* Scoped to login surfaces; never changes the signed-in workspace or the chosen artwork. */
:is(#loginOverlay.login-crystal,body.cb-login)[data-login-palette]{--lp-text:#f4f1eb;--lp-muted:#c8d0d6;--lp-placeholder:#aebdc8;--lp-panel:rgba(20,31,42,.94);--lp-field:rgba(5,16,28,.65);--lp-line:rgba(190,207,222,.4);--lp-shadow:rgba(5,12,21,.26);color-scheme:dark}
:is(#loginOverlay.login-crystal,body.cb-login)[data-login-palette=light]{--lp-text:#292f32;--lp-muted:#535d63;--lp-placeholder:#667179;--lp-panel:rgba(248,247,242,.96);--lp-field:rgba(255,255,252,.88);--lp-line:rgba(66,76,83,.34);--lp-shadow:rgba(33,42,50,.15);color-scheme:light}
#loginOverlay.login-crystal[data-login-palette] .login-container,body.cb-login[data-login-palette] .cb-login-card{background:var(--lp-panel);color:var(--lp-text);border-color:var(--lp-line);box-shadow:inset 0 1px 1px #ffffff38,0 16px 46px var(--lp-shadow);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
#loginOverlay.login-crystal[data-login-palette] .login-container:before,#loginOverlay.login-crystal[data-login-palette] .login-container:after,body.cb-login[data-login-palette] .cb-login-card:before,body.cb-login[data-login-palette] .cb-login-card:after{border-color:rgb(var(--lp-accent-rgb)/.4);background:none;filter:none}
#loginOverlay.login-crystal[data-login-palette] :is(.login-header h2,.form-group label),body.cb-login[data-login-palette] :is(.cb-login-card h2,.form-group label){color:var(--lp-text)}
#loginOverlay.login-crystal[data-login-palette] :is(.login-header p,.remember-id-label,.login-footer,#togglePassword),body.cb-login[data-login-palette] :is(.cb-login-card>p,.remember-id-label,.cb-login-contact,.toggle-eye){color:var(--lp-muted)}
#loginOverlay.login-crystal[data-login-palette] .login-container .form-group input,body.cb-login[data-login-palette] .engraved-field{background:var(--lp-field);border-color:var(--lp-line);color:var(--lp-text);box-shadow:none}
body.cb-login[data-login-palette] .engraved-field input{color:var(--lp-text)}
#loginOverlay.login-crystal[data-login-palette] .login-container .form-group input::placeholder,body.cb-login[data-login-palette] .engraved-field input::placeholder{color:var(--lp-placeholder);opacity:1}
#loginOverlay.login-crystal[data-login-palette] .login-container input:-webkit-autofill,body.cb-login[data-login-palette] .engraved-field input:-webkit-autofill{-webkit-text-fill-color:var(--lp-text);box-shadow:0 0 0 1000px var(--lp-panel) inset;caret-color:var(--lp-text)}
#loginOverlay.login-crystal[data-login-palette] .login-container .btn-premium,body.cb-login[data-login-palette] .cb-login-card .btn-login{background:rgb(var(--lp-accent-rgb));border-color:rgb(var(--lp-accent-rgb));color:var(--lp-button-text);text-shadow:none;box-shadow:0 3px 10px var(--lp-shadow)}
#loginOverlay.login-crystal[data-login-palette] :is(.login-logo-circle),body.cb-login[data-login-palette] .cb-login-badge{background:rgb(var(--lp-accent-rgb)/.1);border-color:var(--lp-line);color:var(--lp-text);box-shadow:none}
#loginOverlay.login-crystal[data-login-palette] :is(#forgotPanel h3,#resetPanel h3,.login-options a,#btnBackToLogin){color:var(--lp-text)!important}
#loginOverlay.login-crystal[data-login-palette] :is(.login-options:before,.login-options:after){background:var(--lp-line)}
#loginOverlay.login-crystal[data-login-palette] :is(button,a,input):focus-visible,body.cb-login[data-login-palette] :is(button,a,input):focus-visible{outline:2px solid rgb(var(--lp-accent-rgb));outline-offset:3px}
#loginOverlay.login-crystal[data-login-palette] .login-container .form-group input:focus,body.cb-login[data-login-palette] .engraved-field:focus-within{border-color:rgb(var(--lp-accent-rgb));box-shadow:0 0 0 3px rgb(var(--lp-accent-rgb)/.15)}
#loginOverlay.login-crystal[data-login-palette] .remember-id-label input,body.cb-login[data-login-palette] .remember-id-label input{accent-color:rgb(var(--lp-accent-rgb))}
body.cb-login[data-login-palette] .remember-id-label input{background:var(--lp-field);border-color:var(--lp-line)}
body.cb-login[data-login-palette] .remember-id-label input:checked{background:rgb(var(--lp-accent-rgb))}body.cb-login[data-login-palette] .remember-id-label input:checked:after{color:var(--lp-button-text)}
body.cb-login[data-login-palette] .engraved-field>[data-cb-icon]{color:var(--lp-muted)}
body.cb-login[data-login-palette] .error-msg{color:#ffb6b6;background:#49252a;border:1px solid #b8787c}
body.cb-login[data-login-palette=light] .error-msg{color:#902b37;background:#fbe9eb;border-color:#d89da5}
/* Branding and copy are sampled independently from the card area. */
[data-login-copy=light]{--lp-copy:#30383c;--lp-copy-muted:#4e5a63;--lp-copy-halo:#fffffff2}
[data-login-copy=dark]{--lp-copy:#f4f1ea;--lp-copy-muted:#d3dce4;--lp-copy-halo:#0b1724ef}
#loginOverlay.login-crystal[data-login-copy] .crystal-copy,body.cb-login[data-login-copy] .cb-login-welcome{color:var(--lp-copy);text-shadow:0 1px 3px var(--lp-copy-halo),0 0 14px var(--lp-copy-halo)}
#loginOverlay.login-crystal[data-login-copy] .crystal-copy :is(h1,p),body.cb-login[data-login-copy] .cb-login-welcome :is(h1,h1>span,p,.cb-login-features){color:inherit;text-shadow:inherit}
#loginOverlay.login-crystal[data-login-copy] .crystal-copy p,body.cb-login[data-login-copy] :is(.cb-welcome-copy,.cb-login-features){color:var(--lp-copy-muted)}
:is(#loginOverlay.login-crystal,body.cb-login)[data-login-brand=light] :is(.crystal-brand,.cb-login-brand){color:#30383c}
:is(#loginOverlay.login-crystal,body.cb-login)[data-login-brand=dark] :is(.crystal-brand,.cb-login-brand){color:#f4f1ea}
body.cb-login[data-login-brand=light] .cb-login-office>img{filter:brightness(.32)}body.cb-login[data-login-brand=dark] .cb-login-office>img{filter:none}
:is(#loginOverlay.login-crystal,body.cb-login)[data-login-signature=light] :is(.crystal-signature,.cb-login-footer){color:#535e65;text-shadow:0 1px 3px #fff}
:is(#loginOverlay.login-crystal,body.cb-login)[data-login-signature=dark] :is(.crystal-signature,.cb-login-footer){color:#c5cfd8;text-shadow:0 1px 3px #0b1724}
#loginOverlay.login-crystal[data-login-palette=light]:before{background:none}