/**
 * auth-common.css — Shared auth styles
 * Used by: activate.tpl, forgot-password.tpl, register.tpl, reset-password.tpl, security.tpl
 */

/* ── Alert boxes ── */
.forget-text-alert {
    width: 100%; padding: 15px; margin-bottom: 15px;
    border-radius: 5px; color: #fff;
    display: flex; justify-content: space-between; align-items: center;
    font-family: Arial, sans-serif; font-size: 16px;
    box-shadow: 0 4px 6px rgba(0,0,0,.1); position: relative;
}
.forget-text-alert-success { background: var(--c-success); border-left: 5px solid var(--c-success-dark); }
.forget-text-alert-error   { background: var(--c-error);   border-left: 5px solid var(--c-error-dark); }
.forget-text-alert .forget-text-close-btn {
    background: none; border: none; color: #fff;
    font-size: 20px; font-weight: bold; cursor: pointer;
    line-height: 1; padding: 0; box-shadow: none; width: 32px;
}
.forget-text-alert .forget-text-close-btn:hover { color: #000; }

/* ── Password strength meter ── */
#password-strength-meter {
    height: 18px; border-radius: 4px; margin-top: 8px;
    transition: width .4s ease-in-out, background .4s;
}
.password-strength.very-weak  { background: #ff4d4d; width: 16%; }
.password-strength.weak       { background: #ff4d4d; width: 32%; }
.password-strength.moderate   { background: var(--c-gold-bright); width: 50%; }
.password-strength.strong     { background: #66cc66; width: 75%; }
.password-strength.very-strong{ background: #33cc33; width: 100%; }