/* ==========================================================================
   FORGOT-PAGE.CSS — gaya khusus halaman Forgot Password member
   (dipakai bersama member-auth-theme.css — token --auth-*)
   ========================================================================== */

/* ── Asterisk wajib — menempel di label (override space-between tema login) ── */
.member-auth .form-card .field label { justify-content: flex-start; }
.member-auth .form-card .field label .req { color: var(--auth-brand); margin-left: 2px; }

/* ── Kotak pesan status (sukses / error) ── */
.member-auth .auth-msg {
    display: none;
    align-items: flex-start;
    gap: .5rem;
    font-size: .82rem;
    line-height: 1.55;
    border-radius: 12px;
    padding: .7rem .85rem;
    margin-bottom: 1.2rem;
}
.member-auth .auth-msg.show { display: flex; }
.member-auth .auth-msg svg { flex: none; margin-top: 1px; }

.member-auth .auth-msg.ok {
    background: var(--auth-brand-tint-soft);
    border: 1px solid var(--auth-brand-tint);
    color: var(--auth-ink-soft);
}
.member-auth .auth-msg.ok svg { color: var(--auth-ok); }

.member-auth .auth-msg.err {
    background: rgba(217, 44, 14, .08);
    border: 1px solid rgba(217, 44, 14, .28);
    color: var(--auth-brand);
}
.member-auth .auth-msg.err svg { color: var(--auth-brand); }