/* The live sign-in form shares the dashboard's existing authentication flow. */
body:has(#login:not([hidden])){background:#030b17;min-height:100svh}
.auth-site-nav{display:none}
body:has(#login:not([hidden])) #sidebar,body:has(#login:not([hidden])) .workspace>header{display:none}
body:has(#login:not([hidden])) .workspace{margin:0;padding:0}
body:has(#login:not([hidden])) main{position:relative;width:100%;max-width:none;min-height:calc(100svh - 58px);padding:0;display:grid;place-items:center}
body:has(#login:not([hidden])) .auth-site-nav{display:flex;flex-direction:row;margin:0;min-height:58px;align-items:center;justify-content:center;gap:clamp(12px,2.5vw,36px);padding:12px 18px;background:#071322;border-bottom:1px solid #23394b;flex-wrap:wrap}
.auth-site-nav a{display:inline-block;flex:0 0 auto;margin:0;padding:0;font:500 12px/1.4 Arial,sans-serif;color:#d0dbea;text-decoration:none;white-space:nowrap}
body:has(#login:not([hidden])) .local-test-banner{position:absolute;top:2px;left:12px;z-index:4;font-size:9px;background:#06101dcc}
.auth-site-nav a[aria-current=page],.auth-site-nav a:hover{color:#e7c45d}
.auth-scene{display:none;position:absolute;inset:0;background-position:center;background-repeat:no-repeat;pointer-events:none}
body:has(#login:not([hidden])) .auth-scene{display:block}
.auth-customer .auth-scene{background-image:url('/customer-login-scene.png');background-size:cover}
.auth-business .auth-scene{background-image:linear-gradient(90deg,transparent 35%,#02091455),url('/business-login-scene.png');background-size:cover}
body:has(#login:not([hidden])) #login{position:relative;z-index:1;width:min(430px,calc(100% - 32px));max-width:430px;margin:34px auto;padding:30px 34px 24px;background:linear-gradient(145deg,#081424fa,#020812fa);border:1px solid #88b8e4;border-radius:14px;box-shadow:0 0 14px #359ef54d,0 0 28px #bd31c92b;text-align:center}
body:has(#login:not([hidden])) #login .login-logo{width:230px;margin:0 auto 20px}
body:has(#login:not([hidden])) #login .eyebrow{font-size:10px;color:#c1a669;letter-spacing:.22em}
body:has(#login:not([hidden])) #login h1{font:400 clamp(25px,2.8vw,34px)/1.2 Georgia,serif;color:#e7c45d;margin:10px 0 12px}
body:has(#login:not([hidden])) #login p{font-size:12px;line-height:1.6;color:#b8c7d7;margin:0 0 15px}
body:has(#login:not([hidden])) #login label{margin:12px 0;font-size:12px;color:#d2dce7;text-align:left}
body:has(#login:not([hidden])) #login input{height:43px;margin-top:6px;background:#101c2ce6;border:1px solid #34465f;color:#edf1f6;text-align:left;border-radius:6px;font-size:16px}
body:has(#login:not([hidden])) #login input:focus-visible{outline:2px solid #e7c45d;outline-offset:2px}
body:has(#login:not([hidden])) #login .primary{width:100%;min-height:44px;margin-top:9px;border:1px solid #e4c277;border-radius:6px;background:linear-gradient(110deg,#b69453,#f0d492,#b28f50);color:#111820;font-size:14px;font-weight:700;cursor:pointer}
body:has(#login:not([hidden])) #login .primary:disabled{opacity:.75;cursor:wait}
.auth-help{display:block;font-size:11px;color:#d4bd83;margin-top:18px;text-decoration:none}
.auth-tagline{font-size:10px;color:#b9c5d4;letter-spacing:.19em;margin-top:20px;border-top:1px solid #344353;padding-top:16px}
body:has(#login:not([hidden])) #notice{z-index:2;position:relative;width:min(430px,calc(100% - 32px));margin:0 auto 24px;padding:12px 16px;text-align:center;color:#f0d492;overflow-wrap:anywhere}
@media(min-width:1000px){
 .auth-customer:has(#login:not([hidden])) main{height:calc(100svh - 58px);min-height:620px}
 .auth-customer .auth-scene{background-size:contain}
 .auth-customer:has(#login:not([hidden])) #login{width:max(330px,min(27.3vw,calc((100svh - 58px)*.4095)));max-width:none;min-height:min(27.667vw,calc((100svh - 58px)*.415));margin:0;transform:translateY(8px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#081424,#020812)}
 .auth-customer:has(#login:not([hidden])) #login .login-logo{display:none}
 .auth-customer:has(#login:not([hidden])) #login p{display:none}
 .auth-customer:has(#login:not([hidden])) #notice{position:absolute;bottom:2%;left:50%;transform:translateX(-50%);margin:0}
 .auth-business:has(#login:not([hidden])) #login{justify-self:start;margin-left:58%;margin-right:0;width:380px;max-width:34vw}
 .auth-business:has(#login:not([hidden])) #notice{position:absolute;bottom:3%;left:58%;margin:0;width:380px;max-width:34vw}
}
@media(max-width:650px){
 .auth-site-nav{gap:10px 18px!important}.auth-site-nav a{font-size:11px}
 .auth-business .auth-scene{background-position:26% center;opacity:.5}
 .auth-customer .auth-scene{background-position:center;opacity:.5}
 body:has(#login:not([hidden])) #login{padding:26px 24px;margin:32px auto}
 body:has(#login:not([hidden])) #login .login-logo{width:210px}
}