/* ============================================================
   ShadowGames — Phase 2 auth form styling.
   Makes crispy-forms / Bootstrap-rendered fields match the
   Neon Red design *inside* the .auth-card. Scoped to .auth-card
   so nothing else is affected. (sg.css / sg-app.css stay verbatim.)
   ============================================================ */
.auth-card form{margin-top:2px;}
.auth-card .mb-3,.auth-card .form-group,.auth-card p:has(>label){margin-bottom:18px;}

.auth-card label,.auth-card .form-label{
  display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px;
}

.auth-card input.form-control,
.auth-card input[type=text],
.auth-card input[type=email],
.auth-card input[type=password],
.auth-card input[type=tel],
.auth-card input[type=number],
.auth-card select,
.auth-card .form-select,
.auth-card textarea{
  width:100%;background:rgba(255,255,255,.03);border:1px solid var(--line-strong);
  color:var(--ink);padding:12px 14px;font-family:inherit;font-size:14px;border-radius:0;
  transition:border-color .18s,box-shadow .18s;
}
.auth-card input::placeholder,.auth-card textarea::placeholder{color:var(--dim);}
.auth-card input.form-control:focus,
.auth-card input:focus,
.auth-card select:focus,
.auth-card textarea:focus{
  outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(255,31,45,.14);
}

.auth-card .form-text,.auth-card .helptext,.auth-card small.text-muted{
  color:var(--dim);font-size:12px;display:block;margin-top:6px;
}

.auth-card .invalid-feedback,
.auth-card .errorlist,
.auth-card .text-danger,
.auth-card ul.errorlist{
  color:var(--red-bright);font-size:12.5px;margin:6px 0 0;list-style:none;padding:0;
}
.auth-card .errorlist li{color:var(--red-bright);margin:0;}
.auth-card .is-invalid{border-color:var(--red)!important;}

.auth-card .form-check{display:flex;align-items:center;gap:8px;margin:10px 0;padding:0;}
.auth-card .form-check-input{width:16px;height:16px;accent-color:var(--red);margin:0;flex:none;}
.auth-card .form-check-label{font-size:12.5px;color:var(--dim);margin:0;font-weight:400;}

.auth-card .alert{
  padding:12px 14px;font-size:13px;line-height:1.7;border:1px solid var(--line-strong);
  background:rgba(255,255,255,.03);margin-bottom:14px;color:var(--muted);
}
.auth-card .btn--block{margin-top:8px;}