/* ==========================================================================
   WizeData UI v2 - Login / Register / Recovery pages
   Injected automatically by the login, register and recovery index.php files.
   Re-skins the existing forms. No field, button, link or script is changed.
   ========================================================================== */
:root{
  --primary-color:#0057d9; --primary-dark:#0a3fae; --primary-light:rgba(0,87,217,.22);
  --text-dark:#0b1220; --text-medium:#3b4660; --text-light:#7a869f;
  --bg-light:#f3f6fc; --border-color:#e4e9f3; --error-color:#e5384d;
  --wz-hero:linear-gradient(135deg,#0b3fae 0%,#0057d9 55%,#2b86ff 100%);
  --wz-surface:#ffffff; --wz-surface-2:#f6f8fd;
}
body.wz-dark{
  --primary-color:#3b82ff; --primary-dark:#1d4ed8; --primary-light:rgba(59,130,255,.30);
  --text-dark:#eaf0ff; --text-medium:#b7c5ea; --text-light:#8196c8;
  --bg-light:#050f2b; --border-color:rgba(120,160,255,.20);
  --wz-hero:linear-gradient(135deg,#0a2a78 0%,#0d3bb0 55%,#1f63e6 100%);
  --wz-surface:#0a1a46; --wz-surface-2:#0e2259; color-scheme:dark;
}
html,body.wz-auth{min-height:100vh}
body.wz-auth{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;color:var(--text-dark);
  background:radial-gradient(900px 500px at 85% -10%,rgba(0,87,217,.16),transparent 60%),radial-gradient(700px 420px at -10% 110%,rgba(43,134,255,.14),transparent 60%),#f3f6fc !important}
body.wz-auth.wz-dark{background:radial-gradient(900px 520px at 85% -10%,rgba(40,100,255,.28),transparent 60%),radial-gradient(700px 420px at -10% 110%,rgba(20,60,190,.35),transparent 60%),#050f2b !important}
body.wz-auth input,body.wz-auth button,body.wz-auth select,body.wz-auth textarea,body.wz-auth label,body.wz-auth a,body.wz-auth p,body.wz-auth h1,body.wz-auth h2,body.wz-auth h3,body.wz-auth span,body.wz-auth div{font-family:inherit}
/* Brand logos (WhatsApp, Facebook...) must always keep their own icon font */
body.wz-auth .fab,body.wz-auth .fa-brands,body.wz-auth .fab::before,body.wz-auth .fa-brands::before{font-family:"Font Awesome 6 Brands","Font Awesome 5 Brands" !important;font-weight:400 !important;font-style:normal}
.contact-icon i{font-size:1.15rem;line-height:1}
.contact-icon.whatsapp i{color:#25D366}
.contact-icon.whatsapp:hover i,.contact-icon.phone:hover i{color:#fff}
.login-card{background:var(--wz-surface) !important;border:1px solid var(--border-color);border-radius:28px !important;box-shadow:0 24px 60px rgba(16,40,100,.14) !important;padding:2.2rem 1.7rem !important}
body.wz-dark .login-card{box-shadow:0 24px 60px rgba(0,4,24,.6) !important}
.logo-container{display:none !important}
.app-header{margin-bottom:1.8rem !important}
.app-header::before{content:"";display:block;width:68px;height:68px;margin:0 auto 14px;border-radius:20px;background:url("../app/wize-logo.png") center/cover no-repeat;box-shadow:0 12px 28px rgba(0,87,217,.35)}
.app-name{color:var(--text-dark) !important;font-weight:800 !important;letter-spacing:-.4px}
.welcome-back,.card-subtitle{color:var(--text-light) !important;font-weight:500 !important;font-size:.95rem !important}
.form-label{color:var(--text-medium) !important;font-weight:600 !important;font-size:.85rem !important}
.form-control{background:var(--wz-surface-2) !important;color:var(--text-dark) !important;border:1.5px solid var(--border-color) !important;border-radius:14px !important;padding:.95rem 1rem !important;font-size:.95rem !important}
.form-control::placeholder{color:var(--text-light) !important;opacity:.85}
.form-control:focus{border-color:var(--primary-color) !important;box-shadow:0 0 0 4px var(--primary-light) !important;background:var(--wz-surface) !important}
.password-toggle{color:var(--text-light) !important;font-size:1.05rem}
.password-toggle:hover{color:var(--primary-color) !important}
.btn{border-radius:14px !important;font-weight:700 !important;letter-spacing:.1px}
.btn-primary{background:var(--wz-hero) !important;color:#fff !important;box-shadow:0 12px 24px rgba(0,87,217,.32) !important;padding:1rem !important}
.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05)}
.btn-primary:disabled{opacity:.6;box-shadow:none !important}
.fingerprint-btn{width:54px !important;height:54px !important;border-radius:16px !important;background:var(--wz-surface-2) !important;border:1.5px solid var(--border-color) !important}
.fingerprint-btn i{color:var(--primary-color) !important}
.forgot-password a,.switch-account,.signup-prompt a,.support-link a,.login-link a,.login-link{color:var(--primary-color) !important;font-weight:600 !important}
.signup-prompt,.support-link{color:var(--text-light) !important}
.account-options{background:var(--wz-surface-2) !important;border:1px solid var(--border-color);border-radius:14px !important;box-shadow:none !important}
.contact-icon{background:var(--wz-surface-2) !important;border:1.5px solid var(--border-color) !important;color:var(--text-medium) !important;border-radius:14px !important}
.contact-icon.phone:hover{background:var(--primary-color) !important;color:#fff !important}
.password-requirements,.requirement{color:var(--text-light) !important}
.strength-meter{background:var(--border-color) !important;border-radius:8px}
.fingerprint-modal{background:rgba(3,10,35,.72) !important;backdrop-filter:blur(4px)}
.fingerprint-modal-content{background:var(--wz-surface) !important;border-radius:26px !important;border:1px solid var(--border-color)}
.fingerprint-modal-title{color:var(--text-dark) !important}
.fingerprint-modal-text{color:var(--text-light) !important}
.fingerprint-modal-icon{color:var(--primary-color) !important}
.notification{border-radius:16px !important}