/* Cosmetic layer over the pinned Crafty login; authentication stays in Crafty. */
html body .auth.auth-bg-1 {
  background: linear-gradient(180deg, #08151a14, #07141166), url('/sujigo-brand/terrain.svg') center / cover fixed !important;
  color: #e8efe9;
  font-family: 'Noto Sans KR', 'Malgun Gothic', system-ui, sans-serif;
  min-height: 100dvh;
  padding: 36px 20px !important;
}
.auth > .row { margin: auto; justify-content: center; }
.auth .col-lg-4 { flex: 0 1 440px; max-width: 440px; padding: 0; }
.auth #login-form-background {
  background: #0c1d20f5 !important;
  border: 1px solid #718d7455;
  border-radius: 18px;
  box-shadow: 0 24px 90px #0007;
  padding: 30px 32px 24px !important;
}
.auth .auto-form-logo { display: none; }
.sujigo-brand { margin-bottom: 24px; }
.sujigo-brand-top { display: flex; align-items: center; gap: 15px; }
.sujigo-brand img { width: 48px; height: 48px; flex: none; }
.sujigo-brand h1 { font-size: 29px; font-weight: 800; letter-spacing: 3px; margin: 0 0 4px; color: #dbeecb; }
.sujigo-brand p { margin: 0; font-size: 13px; color: #b4c7bd; }
.sujigo-brand-note { border-top: 1px solid #76947b30; padding-top: 16px; margin-top: 20px; font-size: 11px; color: #a2b7ad; line-height: 1.8; }
.sujigo-brand-note code { color: #c3dda7; font: inherit; padding: 0; background: none; }
.auth #error-field:empty { display: none; }
.auth .form-group { margin-bottom: 16px; }
.auth label.label { color: #c5d5ca !important; font-size: 12px; margin-bottom: 8px; }
.auth .input-group { border: 0 !important; }
.auth input.form-control, .auth select.form-control {
  border: 1px solid #365249 !important;
  border-radius: 7px !important;
  background: #12292a !important;
  color: #f0f5ef !important;
  min-height: 44px;
  box-shadow: none !important;
}
.auth input.form-control::placeholder { color: #9eb4aa; opacity: 1; }
.auth input.form-control:focus, .auth select.form-control:focus { border-color: #a2ce7f !important; outline: 2px solid #9bc87933; }
.auth .badge-info { background: #29453b; color: #cadacb; border-radius: 4px; font-weight: 400; }
.auth .select-css { margin-top: 8px; font-size: 12px; }
.auth .submit-btn {
  border-radius: 7px !important;
  background: #a3d17f !important;
  color: #15251a !important;
  border: 1px solid #b0db8e !important;
  font-size: 14px;
  font-weight: 700;
  min-height: 46px;
  box-shadow: 0 3px 0 #527143;
}
.auth .submit-btn:hover { background: #b7e393 !important; }
.auth .btn-outline-primary { color: #c4dda9 !important; border-color: #5a7856 !important; border-radius: 7px; }
.auth .btn-outline-primary:hover { background: #233f31 !important; }
.auth #passkey-login-btn { min-height: 44px; font-size: 13px; }
.auth .text-muted { color: #9cb4a7 !important; font-size: 11px; }
.auth a, .auth .forgot-password { color: #b8cbbc !important; font-size: 11px; }
.auth .text-block { margin-top: 14px !important; margin-bottom: 8px !important; }
@media (max-width: 575px) {
  html body .auth.auth-bg-1 { padding: 22px 14px !important; background-attachment: scroll !important; }
  .auth #login-form-background { padding: 25px 22px 19px !important; border-radius: 12px; }
  .sujigo-brand h1 { font-size: 26px; }
}