/* ============================================================================
   ps-ui-public.css — public / auth layer (L2)
   PS_UI_VERSION: 0.1.0 (2026-07-17)

   Opt-in for outward or unauthenticated surfaces: login pages, apply form,
   onboarding. Requires ps-ui-core.css + ps-ui.css.
   ========================================================================== */

/* ---- Centered auth/apply card ---- */
.authwrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.2rem}
.authcard{width:min(440px,94vw);background:var(--surface);border:1px solid var(--line);
  border-radius:16px;box-shadow:var(--shadow2);padding:1.8rem 1.9rem;text-align:center;
  position:relative;overflow:hidden}
.authcard::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--accent),var(--accent-deep))}
.authcard .logo{height:40px;margin-bottom:1rem}
.authcard h1{font-size:1.35rem}
.authcard .sub{margin-bottom:1.2rem}

/* Wider variant for multi-field public forms (apply) */
.authcard.form{width:min(660px,94vw);text-align:left}
.authcard.form h1{text-align:left}

/* ---- Form field stack ---- */
.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.9rem;text-align:left}
.field input,.field select,.field textarea{width:100%}
.field .hint{font-size:.76rem;color:var(--tx3)}
.field .errmsg{font-size:.78rem;color:var(--err)}

/* ---- Full-width primary (sign-in / submit) ---- */
.btn.block{width:100%;justify-content:center;padding:.65rem 1rem;font-size:.92rem}

/* ---- Footer note ---- */
.authfoot{margin-top:1.1rem;font-size:.76rem;color:var(--tx3)}