/* =========================================
   GIAO DIỆN BỔ SUNG CHO TRANG ĐĂNG NHẬP
   ========================================= */

/* Hàng chứa nút "Ghi nhớ" và "Quên mật khẩu" */
.login-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

/* Xóa margin mặc định của checkbox group để nó nằm ngang hàng với link */
.checkbox-group.no-margin {
    margin-bottom: 0;
}

.forgot-pwd-link {
    font-size: 14px;
    text-decoration: none;
}

.forgot-pwd-link:hover {
    text-decoration: underline;
}

/* Nút đăng nhập mạng xã hội (Google) */
.social-login-btn {
    height: 48px;
    font-size: 14px;
    font-weight: 500;
    color: var(--on-surface);
    border-color: rgba(255, 255, 255, 0.3); /* Viền sáng hơn một chút để nổi bật trên nền tối */
    margin-top: 16px;
    position: relative;
    justify-content: center; /* Giữ chữ ở giữa */
}

.social-login-btn:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

.social-icon {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 16px; /* Đẩy logo ra mép trái của nút */
}

/* Utilities */
.mt-24 {
    margin-top: 24px;
}