/* Login layout: IDENTITY, with the PMS icon and application palette. */
body.signed-out{--login-surface:#fff;--login-text:#242735;--login-border:#e7e8ee;--login-input:#fff;--login-input-border:#b5bbc7;--login-muted:#72727e;--login-accent:#7960cf;--login-shadow:0 24px 64px -12px rgba(25,39,64,.25),0 8px 20px -10px rgba(25,39,64,.14)}
html[data-theme=dark] body.signed-out{--login-surface:#202630;--login-text:#e5e7eb;--login-border:#3b4350;--login-input:#171d26;--login-input-border:#718096;--login-muted:#aab2bf;--login-shadow:0 28px 72px -12px rgba(0,0,0,.6),0 10px 24px -10px rgba(0,0,0,.5)}
body.signed-out main.auth{display:block;width:auto;min-height:0;max-width:440px;margin:8vh auto 0;padding:28px;border:0;background:var(--login-surface);color:var(--login-text);box-shadow:var(--login-shadow);font:400 14px/normal 'DM Sans',sans-serif}
body.signed-out main.auth .login-identity{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0;height:auto;min-height:0;margin:0 0 12px;padding:0;border:0;background:transparent}
body.signed-out .auth .login-brand{display:inline-flex;align-items:center;gap:10px;max-width:100%;margin:0;font:800 23px/1.2 Manrope,sans-serif;letter-spacing:-.6px;color:#6e58cf;text-decoration:none}
body.signed-out .auth .login-brand img{display:block;flex:none;width:32px;height:32px}
body.signed-out .auth .login-brand strong{font:inherit;color:#292733}
body.signed-out .auth .login-brand span{font-size:inherit;font-weight:inherit;color:#aaa}
/* Keep the violet icon; use a light wordmark on the dark surface. */
html[data-theme=dark] body.signed-out .auth .login-brand{background:transparent}
html[data-theme=dark] body.signed-out .auth .login-brand strong{color:#e5e7eb!important}
html[data-theme=dark] body.signed-out .auth .login-brand span{color:#aaa!important}
html body.signed-out main.auth .theme-toggle{display:inline-flex;align-items:center;justify-content:center;align-self:auto;width:38px;height:38px;margin:0;padding:0;border:0;background:transparent;color:var(--login-text);font-size:24px;font-weight:400}
body.signed-out .auth .login-form{display:grid;gap:12px;max-width:660px;margin:12px 0;padding:0}
body.signed-out .auth .login-field{display:grid;gap:6px;min-width:0;margin:0;font:400 14px/normal 'DM Sans',sans-serif;letter-spacing:normal;color:var(--login-text)}
body.signed-out .auth .login-form input:not([type=hidden]){display:block;width:100%;min-width:0;height:48px;min-height:48px;margin:0;border:1px solid var(--login-input-border);background:var(--login-input);color:var(--login-text);padding:10px 12px;font:400 16px/normal 'DM Sans',sans-serif;border-radius:0}
body.signed-out .auth .login-form>button{width:100%;height:44px;min-height:44px;margin:0;padding:8px 16px;border:1px solid var(--login-accent);background:var(--login-accent);color:#fff;font:600 14px/normal 'DM Sans',sans-serif;letter-spacing:normal;cursor:pointer}
body.signed-out .auth .login-field small{display:block;margin:0;font:400 12px/normal 'DM Sans',sans-serif;color:var(--login-muted)}
body.signed-out .auth .login-error,body.signed-out .auth .login-notice{margin:14px 0;padding:14px;border:0;color:#fff;font:400 14px/normal 'DM Sans',sans-serif}
html[data-theme=dark] body.signed-out .auth .login-error,body.signed-out .auth .login-error{background:#c52d26;color:#fff}
html body.signed-out .auth .login-notice{background:#16894c;color:#fff;border-radius:8px!important}
body.signed-out .auth :is(input,button,a):focus-visible{outline:3px solid var(--login-accent);outline-offset:3px}
body.signed-out>.auth-signature{display:block;width:440px;max-width:calc(100% - 28px);margin:22px auto 8vh;padding:0;background:transparent}
body.signed-out .studio-signature{display:flex;justify-content:flex-end;flex-basis:100%;width:100%;margin:0}
body.signed-out .studio-mark{display:block;flex:none;width:6.667px;height:16px}
body.signed-out .studio-mark img{display:block;width:100%;height:100%;object-fit:contain}
body.signed-out .studio-mark .logo-dark{display:none}
html[data-theme=dark] body.signed-out .studio-mark .logo-light{display:none}
html[data-theme=dark] body.signed-out .studio-mark .logo-dark{display:block}
@media(max-width:650px){body.signed-out main.auth{width:calc(100% - 28px)}}

body.signed-out .login-identity-form{margin:12px 0 0}body.signed-out .login-identity-form button{width:100%;height:44px;border:1px solid var(--input-border,#b5bbc7);background:transparent;color:inherit;border-radius:7px}body.signed-out .login-recovery{display:block;margin:12px 0;color:inherit;font-size:13px}

/* The shared login header must not inherit the workspace header's fixed height. */
body.signed-out main.auth>header{height:auto}