/* World Ledgers auth enhancements (login/register)
   Lightweight, no-build-step, sits on top of app.min.css */

:root{
  --wl-primary:#EC7016;
  --wl-secondary:#141432;
  --wl-surface:#ffffff;
  --wl-surface-2:#f6f7fb;
  --wl-text:#0f172a;
  --wl-muted:#64748b;
  --wl-border:rgba(15,23,42,.10);
  --wl-shadow:0 18px 45px rgba(15, 23, 42, .10);
  --wl-shadow-sm:0 10px 25px rgba(15, 23, 42, .08);
}

.auth-page-wrapper{
  position:relative;
  overflow:hidden;
}
.auth-page-wrapper::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(1100px 520px at 15% 0%, rgba(236,112,22,.16), transparent 60%),
    radial-gradient(1000px 520px at 85% 15%, rgba(20,20,50,.20), transparent 62%),
    linear-gradient(180deg, rgba(2,6,23,.55), rgba(2,6,23,.70));
  opacity:1;
}
.auth-page-wrapper .auth-page-content{
  position:relative;
  z-index:1;
}

.auth-page-wrapper .card{
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 40px 90px rgba(2,6,23,.35);
  overflow:hidden;
}
.auth-page-wrapper .card-body{
  background:rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
}
.auth-logo img{
  filter:drop-shadow(0 18px 30px rgba(2,6,23,.18));
}

.wl-auth-title{
  font-weight:850;
  letter-spacing:-.02em;
  color:var(--wl-secondary);
}
.wl-auth-subtitle{
  color:var(--wl-muted);
}

.auth-page-wrapper .form-label{
  font-weight:700;
  letter-spacing:-.01em;
  color:rgba(15,23,42,.78);
}
.auth-page-wrapper .form-control{
  border-radius:14px;
  padding:.8rem 1rem;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(255,255,255,.94);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.auth-page-wrapper .form-control:focus{
  border-color:rgba(236,112,22,.55);
  box-shadow:0 0 0 4px rgba(236,112,22,.14);
}
.auth-page-wrapper .auth-pass-inputgroup .btn.password-addon{
  border-radius:14px;
}

.wl-auth-primary{
  border-radius:14px !important;
  font-weight:800;
  letter-spacing:.01em;
  padding:.85rem 1rem !important;
  background:linear-gradient(135deg, var(--wl-primary), #ff8a3a) !important;
  border-color:transparent !important;
  box-shadow:0 16px 36px rgba(236,112,22,.25);
  transition:transform .2s ease, box-shadow .2s ease;
}
.wl-auth-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 22px 48px rgba(236,112,22,.28);
}
.wl-auth-secondary{
  border-radius:14px !important;
  font-weight:800;
  letter-spacing:.01em;
  padding:.8rem 1rem !important;
  background:rgba(20,20,50,.08) !important;
  border:1px solid rgba(20,20,50,.14) !important;
  color:var(--wl-secondary) !important;
}
.wl-auth-secondary:hover{
  background:rgba(20,20,50,.10) !important;
}

.wl-auth-divider{
  display:flex;
  align-items:center;
  gap:.85rem;
  color:rgba(15,23,42,.45);
  font-weight:700;
  font-size:.85rem;
  margin:1.25rem 0;
}
.wl-auth-divider::before,
.wl-auth-divider::after{
  content:"";
  height:1px;
  flex:1 1 auto;
  background:linear-gradient(90deg, rgba(15,23,42,0), rgba(15,23,42,.16), rgba(15,23,42,0));
}

/* Small entrance animation */
.wl-auth-reveal{
  opacity:0;
  transform:translateY(14px);
  animation:wlAuthIn .55s ease forwards;
}
.wl-auth-reveal.delay-1{ animation-delay:80ms; }
.wl-auth-reveal.delay-2{ animation-delay:160ms; }
.wl-auth-reveal.delay-3{ animation-delay:240ms; }

@keyframes wlAuthIn{
  to{ opacity:1; transform:none; }
}

@media (prefers-reduced-motion: reduce){
  .wl-auth-reveal{ opacity:1; transform:none; animation:none; }
  .wl-auth-primary:hover{ transform:none; }
}