/* Sign-in / register / password pages: dark navy colour scheme (2026-10-10).
   Loaded last by layout/login_layout.php. Covers the .xlg card (xlogin.css) and the
   older Bootstrap .login-form markup (register, legacy login). */
:root{
  --au-bg:#090c12;--au-card:#141a25;--au-line:#222a38;--au-div:#1c2330;
  --au-in:#0f141d;--au-in-b:#252e3e;--au-text:#e6eaf1;--au-body:#aab4c3;--au-muted:#6f7a8d;
  --au-or1:#ef9238;--au-or2:#e2722f;--au-or-ring:rgba(232,131,52,.18)
}
html,body{background-color:var(--au-bg) !important;color:var(--au-body)}
body{background-image:radial-gradient(ellipse 55% 60% at 50% 45%,rgba(32,52,112,.55),transparent 72%),radial-gradient(ellipse 45% 55% at 0% 0%,rgba(18,58,66,.45),transparent 70%),radial-gradient(ellipse 40% 45% at 100% 100%,rgba(24,36,82,.5),transparent 70%) !important;background-attachment:fixed !important;background-repeat:no-repeat !important;background-size:auto !important;min-height:100vh}

/* ---------- .xlg card (login, 2FA, forgot / reset password) ---------- */
.xlg{color:var(--au-body)}
.xlg-card{background:var(--au-card);border:1px solid var(--au-line);border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.55)}
.xlg-card:before{height:2px;background:linear-gradient(90deg,transparent,var(--au-or1) 18%,var(--au-or2) 82%,transparent)}
.xlg h1{color:var(--au-text)}
.xlg .xlg-sub,.xlg .xlg-help{color:var(--au-muted) !important}
.xlg .xlg-sub b{color:var(--au-text)}
.xlg label{color:#8a95a8;font-size:11px;letter-spacing:1.2px;text-transform:uppercase}
.xlg-ic{background:linear-gradient(135deg,var(--au-or1),var(--au-or2));box-shadow:0 8px 22px rgba(226,114,47,.3)}
.xlg-ic.xlg-ic-dark{background:linear-gradient(135deg,#1e2636,#2a3446);box-shadow:none;border:1px solid var(--au-line)}
.xlg-field .xlg-fic{color:var(--au-muted)}
.xlg-field input,.xlg-code{background:var(--au-in);border-color:var(--au-in-b);color:var(--au-text)}
.xlg-field input::placeholder{color:#5c6779}
.xlg-code::placeholder{color:#3d4657}
.xlg-field input:focus,.xlg-code:focus{background:#121925;border-color:var(--au-or1);box-shadow:0 0 0 3px var(--au-or-ring)}
.xlg-field input.is-err{background:#1f141a;border-color:#e05a7a}
.xlg-field input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px var(--au-in) inset !important;-webkit-text-fill-color:var(--au-text) !important;caret-color:var(--au-text)}
.xlg-eye{color:var(--au-muted)}
.xlg-eye:hover{color:var(--au-text);background:rgba(255,255,255,.06)}
.xlg-cap-img{background:var(--au-in);border-color:var(--au-in-b);padding:0 2px}
.xlg-cap-re{background:var(--au-in);border-color:var(--au-in-b);color:var(--au-muted) !important}
.xlg-cap-re:hover{background:#1a2130;color:var(--au-text) !important}
.xlg-btn{background:linear-gradient(90deg,var(--au-or1),var(--au-or2));box-shadow:0 10px 24px rgba(226,114,47,.28)}
.xlg-btn:hover{box-shadow:0 12px 28px rgba(226,114,47,.4)}
.xlg-btn-ghost{background:#1c2331;color:var(--au-text) !important;border:1px solid var(--au-line);box-shadow:none}
.xlg-btn-ghost:hover{background:#232b3b;box-shadow:none}
.xlg-links a{color:var(--au-muted) !important}
.xlg-links a:hover{color:var(--au-or1) !important}
.xlg-foot{color:#5f6b80}
.xlg-tip{background:#10151e;border-color:var(--au-line);color:var(--au-body)}
.xlg-tip .fas{color:var(--au-or1)}
.xlg-msg{color:var(--au-body)}
.xlg-alert-err{background:rgba(245,54,92,.1);border-color:rgba(245,54,92,.35);color:#ff8fa6}
.xlg-alert-ok{background:rgba(45,206,137,.1);border-color:rgba(45,206,137,.35);color:#6fe0ad}

/* ---------- older Bootstrap markup (.login-form): register page, legacy login ---------- */
.login-form{position:relative;overflow:hidden;background:var(--au-card) !important;background-image:none !important;border:1px solid var(--au-line);border-radius:10px !important;box-shadow:0 24px 70px rgba(0,0,0,.55) !important;min-height:0 !important}
.login-form:before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--au-or1) 18%,var(--au-or2) 82%,transparent)}
.login-form-bottom{background:transparent !important;border-top:1px solid var(--au-div);border-radius:0 0 10px 10px}
.login-form-intro,.login-form .help-text,.login-form .label-heading,.login-form label,.login-form p{color:var(--au-body)}
.login-form .label-heading,.login-form label.control-label{color:#8a95a8;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600}
.login-form .help-text{color:var(--au-muted)}
.login-form a{color:var(--au-muted)}
.login-form a:hover{color:var(--au-or1)}
.login-form .form-control{height:44px;background:var(--au-in) !important;border:1px solid var(--au-in-b) !important;border-radius:8px !important;color:var(--au-text) !important;box-shadow:none !important}
.login-form .form-control::placeholder{color:#5c6779}
.login-form .form-control:focus{background:#121925 !important;border-color:var(--au-or1) !important;box-shadow:0 0 0 3px var(--au-or-ring) !important}
.login-form .form-control:-webkit-autofill{-webkit-box-shadow:0 0 0 40px var(--au-in) inset !important;-webkit-text-fill-color:var(--au-text) !important}
.login-form .has-feedback .form-control-feedback{line-height:44px;height:44px}
.login-form .login-icon-color{color:var(--au-muted)}
.login-form img[src*="captcha"]{border-radius:6px;border:1px solid var(--au-in-b) !important;max-width:100%;height:auto}
.login-form input[type=submit],.login-form .btn-info,.login-form .btn-primary,.login-form .btn-flat-login{height:44px;border:0 !important;border-radius:8px !important;background:linear-gradient(90deg,var(--au-or1),var(--au-or2)) !important;color:#fff !important;font-weight:600;text-shadow:none;box-shadow:0 10px 24px rgba(226,114,47,.28) !important}
.login-form input[type=submit]:hover,.login-form .btn-info:hover,.login-form .btn-primary:hover,.login-form .btn-flat-login:hover{box-shadow:0 12px 28px rgba(226,114,47,.4) !important}
.login-form .btn-default{background:#1c2331 !important;background-image:none !important;border:1px solid var(--au-line) !important;color:var(--au-text) !important;text-shadow:none;box-shadow:none !important}
.login-form .btn-default:hover{background:#232b3b !important}
.login-form .form-error,.login-form .form-error-no-margin{color:#ff8fa6}
.login-form .alert-danger{background:rgba(245,54,92,.1);border-color:rgba(245,54,92,.35);color:#ff8fa6}
.login-form .alert-success{background:rgba(45,206,137,.1);border-color:rgba(45,206,137,.35);color:#6fe0ad}
.login-form input[type=checkbox]{accent-color:var(--au-or2)}
.login-form .errorField{border-color:#e05a7a !important}
.login-footer,.center-block-e>div>center a,.center-block-e center a{color:#5f6b80}
.center-block-e center a:hover{color:var(--au-or1)}
.ui-tooltip{background:#1c2331 !important;border:1px solid var(--au-line) !important;color:var(--au-text) !important;box-shadow:none !important}
/* captcha row on phones: image on its own row, code box + refresh below */
@media (max-width:480px){
  .xlg-cap{flex-wrap:wrap}
  .xlg-cap-img{flex:1 1 100%;justify-content:center}
  .xlg-cap-img img{height:46px !important;width:auto;max-width:100%}
  .xlg-cap .xlg-field{flex:1 1 0;min-width:0}
}
/* themed captcha (168x46): show it near full size inside the 48px box */
.xlg-cap-img{padding:0 !important}
.xlg-cap-img img{height:46px !important;width:auto;max-width:100%;border-radius:9px}
.xlg-cap .xlg-field input{letter-spacing:1px !important;padding-left:12px !important}