/* Dark auth pages (forgot password / new password).
   Palette matched to the landing signup card: black card #0e0f14, borderless
   Freecash-style fields #2f3044, muted #8a8da3, pill buttons.
   Loaded AFTER adminlte.min.css and scoped to .login-page / .login-box, so the
   rest of the AdminLTE member area is unaffected. */

/* page stays white; only the card is dark */
body.login-page { background: #ffffff; }

.login-box .card {
    background: #0e0f14;
    border: 0;
    border-radius: 20px;
    box-shadow: 0 18px 44px rgba(0,0,0,.42);
    overflow: hidden;
}
.login-box .card.card-outline { border-top: 0; }
.login-box .card-header { background: transparent; border-bottom: 1px solid rgba(255,255,255,.08); }
.login-box .card-body { background: transparent; padding: 24px; }
.login-box .login-box-msg { color: #b6b9cc; font-size: .95rem; }
.login-box p, .login-box label { color: #b6b9cc; }

/* These pages use dollarcasher-logo-dark.png: same artwork, wordmark recoloured
   white so it reads on the dark card. No plate needed. */

/* fields: borderless solid fill, same as the landing form */
.login-box .form-control {
    background: #2f3044;
    border: 0;
    color: #fff;
    border-radius: 12px 0 0 12px;
    padding: 22px 16px;
    box-shadow: none;
}
.login-box .form-control::placeholder { color: #c5c6e2; opacity: 1; font-weight: 500; }
.login-box .form-control:focus {
    background: #383a52;
    color: #fff;
    border: 0;
    box-shadow: 0 0 0 2px rgba(138,141,163,.35);
}
.login-box .form-control:-webkit-autofill {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0 1000px #2f3044 inset;
}
/* the icon sits in an appended group; keep it on the same fill, no divider */
.login-box .input-group-text {
    background: #2f3044;
    border: 0;
    color: #c5c6e2;
    border-radius: 0 12px 12px 0;
    padding: 0 16px;
}
.login-box .input-group:focus-within .input-group-text { background: #383a52; color: #c3c6d8; }

/* buttons: brand green, matching the landing CTA */
.login-box .btn-success,
.login-box .btn-primary {
    background: #19872b;
    border-color: #19872b;
    border-radius: 30px;
    padding: 13px;
    font-weight: 700;
    color: #fff;
}
.login-box .btn-success:hover,
.login-box .btn-primary:hover { background: #14701f; border-color: #14701f; }
.login-box a { color: #4ade80; }
.login-box a:hover { color: #86efac; }

/* alerts on dark */
.login-box .alert-danger {
    background: rgba(217,48,37,.16);
    border: 1px solid rgba(217,48,37,.5);
    color: #ffb4ad;
}
.login-box .alert-success {
    background: rgba(74,222,128,.14);
    border: 1px solid rgba(74,222,128,.45);
    color: #b7f5cd;
}
.login-box .close { color: #ffb4ad; text-shadow: none; opacity: .8; }