/* Chân trang đăng nhập / đăng ký của mẫu 1, 2 (views/panel/auth/kit/footer.ejs), đặt cuối thẻ form.
   Hai mẫu này không dùng bộ biến --au-*, màu khai báo thẳng theo từng mẫu. */
.auth-footer__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 20px;
    margin-top: 24px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
    color: #6b7280;
    font-size: 13px;
    line-height: 1.6;
    text-align: left;
}
.auth-footer__info {
    flex: 1 1 240px;
    min-width: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
    line-height: inherit;
    text-align: left;
    white-space: pre-line;
    overflow-wrap: anywhere;
}
.auth-footer__links { flex: none; margin-left: auto; }
.auth-footer__links a { font-size: inherit; font-weight: 600; }
@media (max-width: 480px) {
    .auth-footer__inner { flex-direction: column; justify-content: center; text-align: center; }
    .auth-footer__info { flex: none; width: 100%; text-align: center; }
    .auth-footer__links { margin-left: 0; }
}

/* Mẫu 1 (xanh lá) và mẫu 2 (xanh ngọc): màu link theo màu nhấn của từng mẫu */
.wrap-login100 .auth-footer__inner { margin: 0; padding: 14px 40px 18px; border-top-color: #e6e6e6; background: #fafafa; }
.wrap-login100 .auth-footer__links a { color: #57b846; }
.wrap-login100 .auth-footer__links a:hover { color: #333; }
.login-form .auth-footer__inner { margin-top: 20px; }
.login-form .auth-footer__info { font-weight: 500; text-align: left; }
.login-form .auth-footer__links a { color: #24695c; font-weight: 600; }
@media (max-width: 480px) {
    .wrap-login100 .auth-footer__inner { padding: 14px 15px 18px; }
    .login-form .auth-footer__info { text-align: center; }
}