/* Two-Factor Authentication - Frontend / Login Styles
 * @since 2.0
 * Loaded on wp-login.php during the 2FA verification challenge.
 * Styles are scoped under .login (the wp-login.php body class) so they
 * never bleed into the wp-admin profile editor (which uses its own
 * backend stylesheet: assets/css/cm-2fa-backend.css).
 */

/* Trusted-device checkbox, shown inside the verify form */
.login .cm-trusted-device-container {
    margin-bottom: 8px !important;
}

/* "Use a backup code instead" toggle link */
.login #cm_toggle_backup_code {
    text-decoration: none;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 32px;
}

.login #cm_toggle_backup_code:before {
    content: '\f160';
    font-family: 'dashicons';
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
}

.login #cm_toggle_backup_code:hover {
    text-decoration: underline;
}