/* Prime Wave 1 sign-in and recovery screens: the portal's white stage, so signing in flows
   straight into the portal without a change of light. Scoped to pages with main.login. */
html:has(main.login),html:has(main.login) body{background:#fff;color:#1f1d1b;min-height:100%;color-scheme:light}
html:has(main.login) body{position:relative;overflow-x:hidden}
html:has(main.login) body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;transition:opacity .45s ease;
  background:
    radial-gradient(48vw 48vw at 8% 72%,rgba(255,106,0,.10),rgba(255,106,0,0) 70%),
    radial-gradient(38vw 38vw at 96% 4%,rgba(255,150,70,.09),rgba(255,150,70,0) 70%),
    radial-gradient(34vw 34vw at 74% 108%,rgba(255,170,90,.07),rgba(255,170,90,0) 70%)}
html:has(main.login) body::after{content:none}
html:has(main.login) main.login{position:relative;z-index:1;color:#1f1d1b;
  background:#fff;
  border:1px solid #ece7e1;border-radius:20px;
  box-shadow:0 40px 90px -40px rgba(60,32,10,.28),0 2px 6px -2px rgba(60,32,10,.06)}
html:has(main.login) main.login h1,html:has(main.login) main.login h2{color:#1f1d1b}
html:has(main.login) main.login label{color:#5c554d}
html:has(main.login) main.login p{color:#5c554d}
html:has(main.login) main.login input{color:#1f1d1b;background:#fff;border-color:#ddd6ce;transition:border-color .2s,box-shadow .2s}
html:has(main.login) main.login input:focus{outline:none;border-color:#e2731f;box-shadow:0 0 0 3px rgba(255,106,0,.16)}
html:has(main.login) main.login input:-webkit-autofill{-webkit-text-fill-color:#1f1d1b;-webkit-box-shadow:0 0 0 40px #fff8f2 inset;caret-color:#1f1d1b}
html:has(main.login) main.login button:not(.password-field button){border-color:#e86a10;background:linear-gradient(180deg,#ff7a1a,#e05a00);color:#fff;box-shadow:0 10px 26px -14px rgba(255,106,0,.65),inset 0 1px 0 rgba(255,255,255,.25)}
html:has(main.login) main.login button:disabled{opacity:.7;cursor:progress}
html:has(main.login) main.login .password-field button{color:#b9520c}
html:has(main.login) main.login a{color:#b9520c}
html:has(main.login) main.login .error{color:#a32820;background:#fff1ef;border:1px solid #f4d0ca}
/* the hand-over to the portal: the glow eases out while the panel fades */
html.pw1-leaving body::before{opacity:0}
/* arriving from sign-out: the panel and glow wait, then fade in around the returning logo */
html.pw1-arriving main.login{opacity:0}
html.pw1-arriving body::before{opacity:0}