/* Minimal sign-in (2026-11-08): only the logo, the fields and one button, on SkinPop red. No taglines or flowers.
   Applies only while signed out (body.sp:not(.sp-in)); error messages still show. */
body.sp:not(.sp-in){background:var(--sp-pop)}
body.sp:not(.sp-in) .shell{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:34px;min-height:100vh;min-height:100dvh;background:var(--sp-pop);
  padding:max(24px,env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));box-sizing:border-box}
body.sp:not(.sp-in) .shell>.top{min-height:0!important;padding:0!important;background:transparent!important;align-items:center!important;justify-content:center!important;overflow:visible}
body.sp:not(.sp-in) .shell>.top>*:not(:first-child),
body.sp:not(.sp-in) .shell>.top .eyebrow,
body.sp:not(.sp-in) .sp-auth-brand,
body.sp:not(.sp-in) #phase1-review-notice{display:none!important}
body.sp:not(.sp-in) .shell>.top .logo img{width:min(220px,58vw)!important}
body.sp:not(.sp-in) .shell>.top .sp-lab{font-size:16px;color:#fff}
body.sp:not(.sp-in) .shell>main{background:transparent!important;margin:0!important;padding:0!important;border-radius:0!important;width:min(360px,100%);display:block!important}
body.sp:not(.sp-in) .auth.panel{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;max-width:none!important;width:100%;animation:none}
/* Hide headings, explanations and helper notes */
body.sp:not(.sp-in) .auth .eyebrow,body.sp:not(.sp-in) .auth h1,body.sp:not(.sp-in) .auth>p,body.sp:not(.sp-in) #login>.alert,body.sp:not(.sp-in) #login>.flex,
body.sp:not(.sp-in) #mfa .footer,body.sp:not(.sp-in) #sp-code-hint,body.sp:not(.sp-in) #setup>.alert,body.sp:not(.sp-in) .field small{display:none!important}
body.sp:not(.sp-in) .auth label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.sp:not(.sp-in) .auth form{display:flex;flex-direction:column;gap:12px;margin:0}
body.sp:not(.sp-in) .auth .field{margin:0}
body.sp:not(.sp-in) .auth input,body.sp:not(.sp-in) .auth select{width:100%;box-sizing:border-box;height:54px;padding:0 18px;border-radius:16px;border:1.5px solid rgba(255,255,255,.35)!important;
  background:rgba(255,255,255,.12)!important;color:#fff!important;font:600 16px/1 var(--sp-body);box-shadow:none!important;-webkit-text-fill-color:#fff}
body.sp:not(.sp-in) .auth input::placeholder{color:rgba(255,255,255,.7);-webkit-text-fill-color:rgba(255,255,255,.7);font-weight:500}
body.sp:not(.sp-in) .auth input:focus,body.sp:not(.sp-in) .auth select:focus{outline:none;border-color:#fff!important;background:rgba(255,255,255,.18)!important}
body.sp:not(.sp-in) .auth input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px #e85a77 inset!important;-webkit-text-fill-color:#fff!important;caret-color:#fff}
body.sp:not(.sp-in) #mfa-code{text-align:center;letter-spacing:.5em;font:700 22px/1 var(--sp-display);padding-left:.5em}
body.sp:not(.sp-in) .sp-pw .sp-eye{color:#fff!important;opacity:.85}
body.sp:not(.sp-in) .auth .btn.primary{height:54px;border-radius:16px;margin-top:6px;background:#fff!important;color:var(--sp-red)!important;border:0!important;font:700 16px/1 var(--sp-body);box-shadow:none!important}
body.sp:not(.sp-in) .auth .btn.primary:focus-visible{outline:2px solid #fff;outline-offset:3px}
body.sp:not(.sp-in) .auth .btn.primary:disabled{opacity:.6}
body.sp:not(.sp-in) .auth .btn:not(.primary){background:transparent!important;border:0!important;color:rgba(255,255,255,.8)!important;font:600 13px/1 var(--sp-body);padding:10px 0!important;margin:10px auto 0!important;display:block;box-shadow:none!important}
/* Messages only when something needs attention (errors, first-time setup) */
body.sp:not(.sp-in) .auth .alert,body.sp:not(.sp-in) #status .alert,body.sp:not(.sp-in) .form-result{background:rgba(61,10,24,.28)!important;border:0!important;color:#fff!important;border-radius:12px;font:500 13.5px/1.4 var(--sp-body);margin:0 0 12px}
body.sp:not(.sp-in) .auth .alert:empty{display:none}
body.sp:not(.sp-in) #mfa-enrollment{background:#fff;border-radius:16px;padding:14px;margin-bottom:12px;text-align:center}
body.sp:not(.sp-in) #mfa-enrollment summary,body.sp:not(.sp-in) #mfa-enrollment code{color:var(--sp-ink)}
/* LAB in bold, matching the logo */
.sp-lab{font-family:var(--sp-display)!important;font-weight:800!important;letter-spacing:.08em!important}
body.sp:not(.sp-in) #mfa-setup{width:100%;margin:0 0 12px!important}